:root{--navy: #14183a;--ink: #1b1f3b;--cream: #fff6e0;--coral: #ff5a5f;--sun: #ffd23f;--sky: #3ec1ff;--grass: #4cd964;--violet: #8e5cff;--panel: #232a63;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--navy);color:var(--cream);font-family:system-ui,Segoe UI,Roboto,sans-serif}button{font:inherit;cursor:pointer}.title{font-size:clamp(1.6rem,6vw,3rem);margin:.6em 0 .3em}.sub{font-size:1.05rem;margin:1.1em 0 .4em;color:var(--sun)}.hint,.small{color:#b9bfe8}.small{font-size:.9rem}.error{margin:1em 0;padding:.7em 1em;border-radius:12px;background:#5a1d2b;color:#ffd6d9}.big{font-size:1.3rem;padding:.7em 1.4em;border:0;border-radius:16px;background:var(--sun);color:var(--ink);font-weight:700}.big:disabled{opacity:.4;cursor:not-allowed}.chip{padding:.5em .9em;border-radius:999px;border:2px solid var(--panel);background:var(--panel);color:var(--cream)}.chip.on{border-color:var(--sun);background:#343d86}.chips{display:flex;flex-wrap:wrap;gap:.5em}.swatch{width:3rem;height:3rem;border-radius:50%;border:3px solid transparent}.swatch.on{border-color:var(--cream);box-shadow:0 0 0 3px var(--navy) inset}.swatch:disabled{opacity:.25;cursor:not-allowed}body:not(.tv) #app{max-width:34rem;margin:0 auto;padding:1rem 1.2rem 3rem}.form{display:grid;gap:.8rem;margin-top:1rem}.form input{font:inherit;font-size:1.4rem;padding:.7em .9em;border-radius:14px;border:2px solid var(--panel);background:var(--ink);color:var(--cream);text-transform:none}#code{text-transform:uppercase;letter-spacing:.3em;text-align:center;font-size:2rem}.tv{overflow:hidden}.tv #app{position:absolute;inset:0 0 auto;padding:1.2rem 2rem;pointer-events:none}.tv #app button{pointer-events:auto}.tv #stage{position:absolute;inset:0;width:100%;height:100%;display:block}.tv #labels{position:absolute;inset:0;pointer-events:none;overflow:hidden}.langs{display:flex;gap:1rem;flex-wrap:wrap;margin-top:1rem}.head{display:flex;gap:2rem;align-items:center;flex-wrap:nowrap}.head .how{flex:1}.codebox{background:var(--panel);border-radius:20px;padding:.6rem 1.6rem}.code{font-size:clamp(3rem,10vw,6.5rem);font-weight:800;letter-spacing:.12em;color:var(--sun);line-height:1.05}.how .line{font-size:clamp(1.1rem,2.4vw,1.9rem)}.qr{width:clamp(7rem,14vw,11rem);background:#fff;border-radius:14px;padding:.4rem}.qr svg{width:100%;height:auto;display:block}.bar{display:flex;gap:1.2rem;align-items:center;flex-wrap:wrap;margin-top:1rem;font-size:1.3rem}.speeds{display:flex;gap:.5rem;align-items:center}.label{position:absolute;transform:translate(-50%);background:#14183ac7;padding:.15em .7em;border-radius:999px;font-size:clamp(.9rem,1.6vw,1.4rem);white-space:nowrap}.label.away{opacity:.45}#controls{position:absolute;top:.8rem;left:.8rem;display:flex;gap:.8rem;flex-wrap:wrap;z-index:2}.pick{display:grid;gap:.2rem;font-size:.85rem;color:#b9bfe8}.pick select{font:inherit;padding:.4em .6em;border-radius:10px;background:var(--ink);color:var(--cream);border:2px solid var(--panel)}.drawhead{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;margin:.4rem 0 .6rem}.word{font-size:clamp(1.4rem,6vw,2.2rem);font-weight:800;color:var(--sun)}.timer{font-size:1.6rem;font-variant-numeric:tabular-nums}.pad{display:grid;gap:.7rem;justify-items:center}.pad canvas{width:min(100%,46.5vh);aspect-ratio:3 / 4;touch-action:none;border-radius:14px;background:#fffdf7;box-shadow:0 0 0 3px var(--panel)}.pad.locked canvas{opacity:.6}.inks{display:flex;gap:.45rem;flex-wrap:wrap;justify-content:center}.swatch.small{width:2.3rem;height:2.3rem;border:2px solid rgba(255,246,224,.35)}.swatch.small.on{border:3px solid var(--cream)}.tools{display:flex;gap:.6rem;align-items:center;justify-content:center;flex-wrap:wrap}.pens{display:flex;gap:.4rem}.pen{width:2.6rem;height:2.6rem;display:grid;place-items:center;border-radius:50%;border:2px solid var(--panel);background:var(--panel)}.pen.on{border-color:var(--sun)}.pen span{display:block;border-radius:50%;background:var(--cream)}.big.done{padding:.5em 1.1em;font-size:1.1rem}.tv .drawing{margin-top:1rem;display:grid;gap:.2rem;justify-items:start}.tv .drawing .line{font-size:clamp(1.4rem,3vw,2.4rem)}.countdown{font-size:clamp(4rem,12vw,9rem);font-weight:800;line-height:1;color:var(--sun);font-variant-numeric:tabular-nums}.status{font-size:clamp(1.1rem,2.4vw,1.9rem);color:#b9bfe8}.round .form{margin-top:.4rem}.options{display:grid;gap:.6rem;margin:.6rem 0}.option{font-size:1.3rem;padding:.8em 1em;border-radius:16px;border:2px solid var(--panel);background:var(--panel);color:var(--cream);text-align:left}.option.on{border-color:var(--sun);background:#343d86}.option:disabled{opacity:.45;cursor:not-allowed}.gallery{display:grid;grid-template-columns:repeat(2,1fr);gap:.7rem;margin:.6rem 0}.shot{display:grid;gap:.3rem;justify-items:center;padding:.4rem;border-radius:14px;border:3px solid var(--panel);background:var(--panel);color:var(--cream)}.shot.on{border-color:var(--sun)}.shot:disabled{opacity:.4;cursor:not-allowed}.shot canvas{width:100%;height:auto;border-radius:8px}.gain{font-size:2.4rem;font-weight:800;color:var(--sun);margin:1rem 0}.gain.none{color:#b9bfe8;font-size:1.4rem}body.strip #stage,body.strip #labels{top:auto;bottom:0;height:30%}.round-tv{display:grid;grid-template-columns:minmax(0,38%) minmax(0,1fr);gap:2rem;align-items:start;margin-top:.5rem}.showcase{display:grid;gap:.5rem;justify-items:center}.showcase canvas{height:58vh;width:auto;max-width:100%;border-radius:16px;box-shadow:0 0 0 4px var(--panel);background:#fffdf7}.showcase .caption{font-size:clamp(1.1rem,2.2vw,1.8rem)}.side{display:grid;gap:.7rem;align-content:start}.side .round-no{font-size:clamp(1rem,2vw,1.6rem);color:#b9bfe8}.side .instruction{font-size:clamp(1.3rem,2.6vw,2.2rem)}.cards{display:grid;gap:.6rem}.card{display:grid;grid-template-columns:auto 1fr auto;gap:.2rem 1rem;align-items:center;padding:.5rem 1rem;border-radius:16px;background:var(--panel);font-size:clamp(1.2rem,2.4vw,2rem)}.card.real{background:#1f6b3a;box-shadow:0 0 0 3px var(--grass)}.card .no{font-weight:800;color:var(--sun)}.card .who{grid-column:2 / 4;font-size:.6em;color:#d6dbff}.card .gain-n{font-weight:800;color:var(--sun)}.gains{display:flex;gap:.6rem;flex-wrap:wrap}.pill{padding:.2em .8em;border-radius:999px;background:var(--panel);font-size:clamp(1rem,2vw,1.5rem)}.pill b{color:var(--sun)}.tv-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(13rem,1fr));gap:.8rem;margin-top:.6rem}.tv-gallery .shot{cursor:default;font-size:1.1rem}.tv-gallery .shot.win{border-color:var(--grass);box-shadow:0 0 0 3px var(--grass)}.ranking{display:grid;gap:.5rem;margin-top:1rem;max-width:34rem}.ranking .row{display:flex;justify-content:space-between;gap:1rem;padding:.4rem 1rem;border-radius:14px;background:var(--panel);font-size:clamp(1.2rem,2.4vw,2rem)}.ranking .row.first{background:#6b5a1f;box-shadow:0 0 0 3px var(--sun)}.dot{display:inline-block;width:.8em;height:.8em;border-radius:50%;margin-right:.5em}.logo{display:block;width:min(70%,16rem);height:auto;margin:.4rem auto 0}.tv .big-logo{width:clamp(16rem,34vw,34rem);margin:.5rem 0 0}.hostbar{position:fixed;right:1rem;bottom:1rem;display:flex;gap:.6rem;z-index:5;opacity:.75}.hostbar:hover,.hostbar:focus-within{opacity:1}.finalbar{display:flex;gap:1.2rem;margin-top:1.2rem;flex-wrap:wrap}.big.alt{background:var(--panel);color:var(--cream)}