:root{color-scheme:dark;--bg: #0b1113;--bg-accent: #142125;--card: #131c1f;--card-strong: #172225;--text: #f6f2ea;--muted: #a7b4b7;--accent: #ffb454;--accent-strong: #ff7a45;--danger: #ff5f6d;--border: rgba(255, 255, 255, .08);--card-border: rgba(255, 255, 255, .08);--shadow: 0 20px 44px rgba(0, 0, 0, .4);--surface-soft: rgba(255, 255, 255, .08);--surface-strong: rgba(255, 255, 255, .14);--surface-hover: rgba(255, 255, 255, .16);--ghost-bg: rgba(255, 255, 255, .12);--ghost-text: #f6f2ea;--chip-bg: rgba(255, 255, 255, .08);--chip-text: #f6f2ea;--chip-active-bg: #f2efe9;--chip-active-text: #1b1b1b;--color-ring: rgba(255, 255, 255, .2);--header-text: #f7f3ec;--header-subtext: rgba(247, 243, 236, .7);--footer-text: rgba(247, 243, 236, .65)}[data-theme=light]{color-scheme:light;--bg: #f7f1e7;--bg-accent: #e6ddcf;--card: #ffffff;--card-strong: #ffffff;--text: #1b1b1b;--muted: #4f5b5d;--border: rgba(15, 21, 22, .12);--card-border: rgba(15, 21, 22, .12);--shadow: 0 18px 40px rgba(15, 21, 22, .15);--surface-soft: rgba(15, 21, 22, .08);--surface-strong: rgba(15, 21, 22, .12);--surface-hover: rgba(15, 21, 22, .16);--ghost-bg: #0f1516;--ghost-text: #f7f3ec;--chip-bg: rgba(15, 21, 22, .08);--chip-text: #1b1b1b;--chip-active-bg: #0f1516;--chip-active-text: #f7f3ec;--color-ring: rgba(15, 21, 22, .12);--header-text: #1b1b1b;--header-subtext: rgba(27, 27, 27, .6);--footer-text: rgba(27, 27, 27, .6)}*{box-sizing:border-box}body{margin:0;min-height:100vh;font-family:Trebuchet MS,Lucida Grande,Verdana,sans-serif;background:radial-gradient(circle at top,rgba(255,180,84,.12),transparent 55%),radial-gradient(circle at 80% 20%,rgba(255,95,109,.12),transparent 50%),linear-gradient(160deg,var(--bg),var(--bg-accent));color:var(--text)}body:before{content:"";position:fixed;inset:0;background-image:repeating-linear-gradient(120deg,rgba(255,255,255,.04) 0px,rgba(255,255,255,.04) 1px,transparent 1px,transparent 10px),repeating-linear-gradient(300deg,rgba(255,255,255,.03) 0px,rgba(255,255,255,.03) 1px,transparent 1px,transparent 14px);pointer-events:none;z-index:0}#root{position:relative;z-index:1}.app{min-height:100vh;display:flex;flex-direction:column;gap:20px;padding:28px 18px 32px;max-width:960px;margin:0 auto}.app__header{display:flex;align-items:center;justify-content:space-between;color:var(--header-text);gap:12px}.app__header h1{font-size:clamp(2rem,4vw,3rem);margin:6px 0 0;letter-spacing:-.02em}.home-card{gap:20px;text-align:center}.home-title{margin:0;font-size:clamp(2.4rem,6vw,3.6rem);letter-spacing:-.02em;text-align:center}.home-start{font-size:1.15rem;padding:16px 20px}.home-stack{width:100%;display:grid;gap:16px;justify-items:center}.home-actions{display:flex;gap:12px;justify-content:center}.app__eyebrow{margin:0;font-size:.9rem;text-transform:uppercase;letter-spacing:.2em;color:var(--header-subtext)}.app__main{flex:1;display:flex}.app__footer{color:var(--footer-text);font-size:.85rem;text-align:center;display:flex;justify-content:center}.header-actions{display:flex;align-items:center;gap:10px}.icon-button{background:#ffffff1f;color:var(--header-text);border:1px solid rgba(255,255,255,.2);width:40px;height:40px;padding:0;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;line-height:0}[data-theme=light] .icon-button{background:#0f151614;border:1px solid rgba(15,21,22,.15)}.icon-button svg{width:18px;height:18px;display:block}.icon-button--emoji{font-size:20px;line-height:1}.icon-button--soft{background:var(--chip-bg);color:var(--text);border:1px solid var(--border);width:44px;height:44px}.icon-button--glyph{font-size:20px;line-height:1}.footer-exit{width:min(480px,100%);box-shadow:0 12px 24px #0f151633}.modal-backdrop{position:fixed;inset:0;background:#0a0c0ea6;display:flex;align-items:center;justify-content:center;padding:20px;z-index:30}.modal{background:var(--card);border-radius:20px;padding:24px;width:min(560px,100%);box-shadow:var(--shadow);border:1px solid var(--card-border);display:grid;gap:16px}.modal__list{margin:0;padding-left:20px;color:var(--muted);display:grid;gap:8px}.modal__actions{display:flex;justify-content:flex-end}.screen{width:100%;display:flex;align-items:center;justify-content:center;animation:screenFade .3s ease}.screen--full{position:fixed;inset:0;padding:24px 18px 32px;background:linear-gradient(160deg,#0d1b1eeb,#1f3a3cf2);z-index:10}.card{width:min(100%,560px);background:var(--card);padding:24px;border-radius:20px;box-shadow:var(--shadow);border:1px solid var(--card-border);display:flex;flex-direction:column;gap:16px}.card--center{align-items:center;text-align:center}.card h2,.card h3{margin:0}.muted{margin:0;color:var(--muted);line-height:1.4}.field{display:flex;flex-direction:column;gap:8px}.field label{font-weight:600;font-size:.95rem}.field--danger label,.field--danger .helper,.field--danger .stepper__button{color:var(--danger)}.field--danger .stepper__input{border-color:var(--danger)}.helper{font-size:.8rem;color:var(--muted)}.stack,.option-grid{display:grid;gap:10px}.setup-shell{width:100%;display:grid;gap:18px;justify-items:center}.setup-progress{width:min(100%,560px);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;gap:6px;position:relative;padding:6px 4px}.progress-track{position:absolute;left:12px;right:12px;top:18px;height:4px;border-radius:999px;background:var(--surface-soft);z-index:0}.progress-track:after{content:"";position:absolute;left:0;top:0;bottom:0;width:calc(100% * var(--progress, 0));border-radius:inherit;background:linear-gradient(90deg,var(--accent),var(--accent-strong))}.progress-step{position:relative;z-index:1;background:transparent;padding:6px 6px 0;display:grid;gap:8px;justify-items:center;color:var(--muted)}.progress-dot{width:14px;height:14px;border-radius:999px;background:var(--card-strong);border:2px solid var(--surface-strong);box-shadow:0 0 0 4px var(--surface-soft)}.progress-label{font-size:.8rem;text-align:center}.progress-step--active .progress-dot{background:var(--chip-active-bg);border-color:var(--chip-active-bg);box-shadow:0 0 0 6px #ffb45438}.progress-step--complete .progress-dot{background:var(--accent);border-color:var(--accent);box-shadow:0 0 0 4px #ffb45438}.progress-step--active,.progress-step--complete{color:var(--text)}.stepper{display:grid;grid-template-columns:auto 1fr auto;gap:8px;align-items:center}.stepper__button{width:44px;height:44px;border-radius:12px;background:var(--surface-soft);color:var(--text);font-weight:700;font-size:1.1rem;padding:0}.stepper__input{text-align:center;padding:12px 10px}.color-select{position:relative;display:flex;flex-direction:column;gap:6px}.color-select__trigger{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;background:var(--card-strong);border:1px solid var(--border);border-radius:12px;padding:12px 14px;text-align:left}.color-select__placeholder{color:var(--muted)}.color-select__chevron{color:var(--muted);font-size:.9rem}.color-select__list{position:absolute;top:calc(100% + 8px);left:0;right:0;background:var(--card-strong);border:1px solid var(--border);border-radius:12px;box-shadow:0 16px 32px #0f15162e;padding:8px;display:grid;gap:6px;max-height:220px;overflow-y:auto;z-index:10}.color-select__option{padding:8px;border-radius:10px;background:transparent;text-align:left}.color-select__option:hover{background:var(--surface-soft)}.color-select__option--selected{background:var(--surface-strong)}.player-row{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center}.player-name{display:flex;align-items:center;gap:10px}.color-dot{width:14px;height:14px;border-radius:999px;background:var(--player-color, #9aa0a6);box-shadow:0 0 0 3px var(--color-ring)}.color-input{width:44px;height:44px;border:1px solid var(--border);border-radius:12px;padding:2px;background:var(--card-strong)}.player-tag{display:inline-flex;align-items:center;gap:8px;padding:4px 12px;border-radius:999px;background:var(--surface-soft);font-weight:600}.player-tag:before{content:"";width:10px;height:10px;border-radius:999px;background:var(--player-color, #9aa0a6)}.tag-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px;margin-bottom:2px}.reveal .tag-list{justify-content:center}input[type=text],input[type=number],select{width:100%;padding:14px 16px;border-radius:12px;border:1px solid var(--border);font-size:1rem;background:var(--card-strong)}input:focus{outline:2px solid rgba(255,180,84,.4);border-color:#ffb454b3}select:focus{outline:2px solid rgba(255,180,84,.4);border-color:#ffb454b3}button{border:none;border-radius:999px;padding:14px 18px;font-size:1rem;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,background .15s ease}button:active{transform:scale(.98)}button:disabled{opacity:.6;cursor:not-allowed;transform:none}.primary{background:linear-gradient(135deg,var(--accent),var(--accent-strong));color:#1c1410;font-weight:700;box-shadow:0 12px 20px #ff7a4559;width:100%}.ghost{background:var(--ghost-bg);color:var(--ghost-text)}.toggle{display:flex;gap:10px;flex-wrap:wrap}.chip{background:var(--chip-bg);color:var(--chip-text);border-radius:999px;padding:10px 16px;font-size:.9rem}.chip--active{background:var(--chip-active-bg);color:var(--chip-active-text)}.chip--off{background:#ff5f6d1f;color:#7a2b33;border:1px solid rgba(255,95,109,.35)}.alert{background:#ff5f6d1f;border:1px solid rgba(255,95,109,.3);padding:12px 14px;border-radius:12px;color:#7a2b33}.role{min-height:320px}.role .ghost{margin-top:auto}.badge{display:inline-flex;align-items:center;justify-content:center;padding:6px 14px;border-radius:999px;font-size:.8rem;text-transform:uppercase;letter-spacing:.08em;background:var(--surface-soft)}.badge--alert{background:#ff5f6d26;color:#7a2b33}.word{font-size:clamp(2rem,5vw,3rem);font-weight:700;margin:0;color:var(--text)}.word-hint{font-size:clamp(2rem,5vw,3rem);font-weight:700;margin:0;color:var(--accent);text-decoration:underline;text-decoration-thickness:3px;text-underline-offset:6px}.timer{background:var(--card-strong);border-radius:16px;padding:16px;border:1px solid var(--border);display:flex;flex-direction:column;gap:12px;align-items:center}.timer__face{font-size:2.5rem;font-weight:700;letter-spacing:.08em}.timer__face--done{color:var(--danger)}.timer__actions{display:flex;gap:12px}.actions{display:grid;gap:10px}.actions button{width:100%}.checkbox{display:flex;align-items:center;gap:10px;font-weight:500}.reveal{text-align:center;background:#ffb45433;padding:18px;border-radius:16px}.reveal--warning{background:#ff5f6d1f}.reveal--danger{background:#0f15161a}.category-grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.category-card{border-radius:16px;padding:14px 12px;border:1px solid var(--border);background:var(--card-strong);display:grid;gap:8px;justify-items:center;text-align:center;min-height:96px}.category-card--active{border-color:#ffb45499;box-shadow:0 0 0 2px #ffb45433;background:#ffb4541f}.category-icon{font-size:1.6rem}.category-label{font-weight:600;font-size:.95rem}.drawing-panel{display:grid;gap:16px}.drawing-header{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.drawing-board{position:relative;width:100%;height:clamp(240px,45vh,380px);border-radius:16px;border:1px solid var(--border);background:#f7f3eb;overflow:hidden}.drawing-board--disabled{opacity:.7}[data-theme=light] .drawing-board{background:#fff}.drawing-board:before{content:"";position:absolute;inset:0;background-image:repeating-linear-gradient(0deg,rgba(20,22,24,.06) 0px,rgba(20,22,24,.06) 1px,transparent 1px,transparent 18px),repeating-linear-gradient(90deg,rgba(20,22,24,.04) 0px,rgba(20,22,24,.04) 1px,transparent 1px,transparent 18px);pointer-events:none}.drawing-canvas{width:100%;height:100%;display:block;touch-action:none;position:relative;z-index:1}.drawing-board--disabled .drawing-canvas{pointer-events:none}.drawing-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.drawing-palette{display:flex;flex-direction:column;gap:6px}.palette{display:flex;flex-wrap:wrap;gap:8px}.color-swatch{width:28px;height:28px;border-radius:999px;padding:0;border:2px solid transparent;background:var(--swatch-color, #111);box-shadow:0 0 0 1px #0f15161f}.color-swatch--active{border-color:var(--text);box-shadow:0 0 0 2px #0f151666}@keyframes screenFade{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(min-width:720px){.card{padding:32px}.option-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.actions{grid-template-columns:repeat(2,1fr)}}