:root{--guess-easy:#8fd19e;--guess-medium:var(--sky-text);--guess-hard:#f0a867;--guess-solved:#7fd6a0}@media (prefers-color-scheme:light){:root{--guess-easy:#2c6a39;--guess-hard:#9a4a12;--guess-solved:#1f6f43}}.guess-center{text-align:center;align-items:center}.guess-small{font-size:.88rem}.guess-heading{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.guess-chip{border-color:currentColor}.guess-chip--easy{color:var(--guess-easy)}.guess-chip--medium{color:var(--guess-medium)}.guess-chip--hard{color:var(--guess-hard)}.guess-notice{border:1px solid var(--warn);color:var(--warn);text-align:center;border-radius:12px;padding:10px 14px;font-weight:700}.guess-end{color:var(--muted);align-self:center}.guess-scores{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.guess-scores li{border-bottom:1px solid var(--line);align-items:center;gap:10px;min-height:44px;display:flex}.guess-scores li:last-child{border-bottom:0}.guess-scores__place{text-align:center;width:1.6em;font-family:var(--font-poster);color:var(--muted);font-weight:900}.guess-scores li:first-child .guess-scores__place{color:var(--gilt)}.guess-scores__name{overflow-wrap:anywhere;flex:1;min-width:0;font-weight:700}.guess-scores__round{color:var(--guess-solved);font-weight:800}.guess-scores__total{text-align:right;min-width:2.2em;font-family:var(--font-poster);font-variant-numeric:tabular-nums;font-size:1.15rem;font-weight:900}.guess-scores li.is-you .guess-scores__name{color:var(--accent)}@media (prefers-color-scheme:light){.guess-scores li.is-you .guess-scores__name{color:#b23f0d}}.guess-order{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.guess-order__item{border:1px solid var(--line);border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-weight:700;display:inline-flex}.guess-order__item--done{color:var(--muted)}.guess-order__item--now{border-color:var(--accent);border-width:2px}.guess-order__mark:empty{display:none}.guess-turns{flex-direction:column;align-items:center;gap:8px;display:flex}.guess-turns__label{font-weight:800}.guess-stepper{align-items:center;gap:12px;display:flex}.guess-stepper__button{background:var(--bg);border:2px solid var(--accent);width:48px;padding:0;font-size:1.5rem}.guess-stepper__value{min-width:2ch;font-family:var(--font-poster);font-variant-numeric:tabular-nums;font-size:2rem;font-weight:900}.guess-turns__hint{font-size:.92rem}.guess-words{gap:10px;display:grid}.guess-word{background:var(--bg);min-height:64px;color:var(--fg);border:2px solid var(--line);text-align:left;justify-content:space-between;gap:12px;padding:10px 16px}.guess-word:not(:disabled):hover{border-color:var(--accent)}.guess-word__word{font-family:var(--font-poster);letter-spacing:.04em;overflow-wrap:anywhere;font-size:1.35rem;font-weight:900}.guess-levels{border:0;flex-direction:column;gap:6px;min-width:0;margin:0;padding:0;display:flex}.guess-levels legend{margin-bottom:6px;padding:0;font-weight:700}.guess-levels__options{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.guess-level{border:2px solid var(--line);text-align:center;cursor:pointer;border-radius:12px;justify-content:center;align-items:center;min-height:44px;padding:0 6px;font-size:.82rem;font-weight:800;display:flex;position:relative}.guess-level input{opacity:0;cursor:pointer;min-height:0;margin:0;position:absolute;inset:0}.guess-level.is-checked{border-color:var(--accent);background:var(--bg)}.guess-level:has(input:focus-visible){outline:3px solid var(--accent);outline-offset:2px}.guess-bar__word{overflow-wrap:anywhere}.guess-bar__label{font-family:var(--font-body);letter-spacing:.08em;text-transform:uppercase;vertical-align:middle;color:var(--gilt);margin-right:4px;font-size:.78rem;font-weight:800}.guess-bar__sub{color:var(--muted);flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;font-size:.92rem;font-weight:700;display:flex}.guess-bar .guess-notice{margin-top:4px;font-size:.9rem}.guess-controls{flex-direction:column;align-items:center;gap:10px;display:flex}.guess-hint{align-items:center;gap:10px;display:flex}.guess-hint button{min-height:44px;padding:0 16px}.guess-solved{color:var(--guess-solved);font-weight:800}.guess-solvers{color:var(--muted);text-align:center;font-size:.92rem;font-weight:700}.guess-controls button{font-weight:800}.guess-controls .slot,.guess-controls .tile{font-family:var(--font-poster);font-size:clamp(1rem,4.6vw,1.35rem);font-weight:900}.guess-controls .tile{color:var(--ink)}.guess-controls .slot--hint{color:var(--gilt)}.guess-stage :is(.palette,.drawing-board__thickness,.drawing-board__tool-row,.drawing-board__shape-menu,.color-sheet) button{min-height:0}.guess-stage .tray--solved .slot--filled{border-color:var(--guess-solved);color:var(--guess-solved)}.guess-reveal__headline{font-family:var(--font-poster);font-size:1.25rem;font-weight:900}.guess-reveal__word,.guess-last-word{font-family:var(--font-poster);letter-spacing:.06em;color:var(--sky-text);font-weight:900}.guess-reveal__word{overflow-wrap:anywhere;font-size:clamp(2rem,11vw,3rem);line-height:1.05}.guess-reveal__drawing{aspect-ratio:1;width:min(100%,190px);display:flex}.guess-next .countdown--urgent{color:var(--fg);background:var(--surface);border-color:var(--line)}.guess-next{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;font-weight:800;display:flex}.guess-results .primary{width:100%}.count{font-family:var(--font-poster);font-size:1.4rem;font-weight:900}main.reveal{max-width:960px}.reveal-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.reveal-card{width:100%;min-height:0;color:var(--fg);background:0 0;border-radius:14px;flex-direction:column;gap:6px;padding:0;display:flex}.reveal-card img{aspect-ratio:1;background:#fff;border-radius:14px;width:100%;height:auto;box-shadow:0 0 0 1px #1e1a1626,0 3px 10px #1e1a162e}.reveal-card__name{overflow-wrap:anywhere;font-size:.95rem;font-weight:800}.panel.reveal-controls{text-align:center;flex-flow:wrap;justify-content:center}.panel.reveal-controls button{flex:200px}.viewer{z-index:20;background:var(--wall);color:var(--linen);padding:env(safe-area-inset-top) max(8px, env(safe-area-inset-right)) env(safe-area-inset-bottom) max(8px, env(safe-area-inset-left));flex-direction:column;display:flex;position:fixed;inset:0}.viewer .text-button{color:var(--linen)}.viewer .muted{color:#b5aa9b}.viewer__bar{justify-content:space-between;align-items:center;gap:8px;min-height:52px;display:flex}.viewer__name{font-family:var(--font-poster);text-align:center;overflow-wrap:anywhere;min-width:0;font-size:1.1rem;font-weight:900}.viewer__stage{touch-action:none;flex:1;place-items:center;min-height:0;display:grid;overflow:hidden;container-type:size}.viewer__frame{aspect-ratio:1;width:min(100cqw,100cqh);transition:transform 80ms linear;position:relative}.viewer__frame img{-webkit-user-select:none;user-select:none;-webkit-touch-callout:default;background:#fff;border-radius:12px;width:100%;height:100%}.viewer__outline{pointer-events:none;opacity:0;width:100%;height:100%;position:absolute;inset:0}.viewer__outline.pulse{animation:2.4s ease-in-out outline-pulse}@keyframes outline-pulse{0%{opacity:0}20%{opacity:.9}40%{opacity:.15}60%{opacity:.9}to{opacity:0}}@media (prefers-reduced-motion:reduce){.viewer__outline.pulse{animation:none}.viewer__frame{transition:none}}.viewer__nav{justify-content:center;gap:16px;padding-block:10px;display:flex}.viewer__nav button{min-width:72px;color:var(--linen);font-size:1.3rem}:root{--room-header-height:48px;--orange-button:#c9500f;--orange-button-deep:#a8400b;--sky:#24376a;--sky-text:#8fa6e0;--warn:#f0a867;--radius:16px}@media (prefers-color-scheme:light){:root{--sky-text:#24376a;--warn:#9a4a12;--gilt:#7e5e22}}body{min-height:100%}#app{min-height:100%;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);flex-direction:column;display:flex}h1,h2{font-family:var(--font-poster);text-wrap:balance;margin:0;font-weight:900;line-height:1.15}h1{font-size:clamp(1.6rem,6vw,2.4rem)}h2{font-size:1.2rem}p{margin:0}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--gilt);font-size:.78rem;font-weight:700}.muted{color:var(--muted);font-weight:400}main{width:100%;max-width:560px;padding-block:16px 24px;padding-left:max(16px, env(safe-area-inset-left));padding-right:max(16px, env(safe-area-inset-right));flex-direction:column;flex:1;gap:16px;margin:0 auto;display:flex}main.center{justify-content:center}.panel{border-radius:var(--radius);background:var(--surface);border:1px solid var(--line);flex-direction:column;gap:14px;padding:20px;display:flex}.panel.narrow{width:100%;max-width:420px;margin:0 auto}.status{text-align:center;align-items:center}:where(.primary,.secondary,.text-button,.button,.remove,.game-choice,.guess-word,.guess-stepper__button){cursor:pointer;border:0;border-radius:12px;justify-content:center;align-items:center;min-height:48px;padding:0 20px;font-size:1rem;font-weight:800;text-decoration:none;display:inline-flex}:where(.primary,.secondary,.text-button,.button,.remove,.guess-word,.guess-stepper__button):disabled{opacity:.45;cursor:default}.primary{background:linear-gradient(135deg, var(--orange-button), var(--orange-button-deep));color:#fff;font-weight:800}.secondary{color:var(--fg);border:2px solid var(--accent);background:0 0;font-weight:800}.text-button{min-height:40px;color:var(--fg);background:0 0;padding:0 12px;font-weight:700}.text-button.armed{background:var(--orange-button-deep);color:#fff}.field{flex-direction:column;gap:6px;font-weight:700;display:flex}input{font:inherit;border:2px solid var(--line);background:var(--bg);min-height:48px;color:var(--fg);border-radius:12px;padding:0 14px;font-size:1.05rem}input:focus-visible{border-color:var(--accent);outline:none}.code-input{font-family:var(--font-poster);letter-spacing:.3em;text-transform:uppercase;text-align:center;font-size:1.6rem;font-weight:900}.form-error{color:var(--warn);font-weight:700}.chip{border:1px solid var(--line);color:var(--muted);white-space:nowrap;border-radius:999px;padding:3px 9px;font-size:.75rem;font-weight:800}.chip--host{color:var(--gilt);border-color:currentColor}.chip--warn{color:var(--warn);border-color:currentColor}.switch{align-items:center;gap:10px;font-weight:700;display:flex}.switch input{width:22px;height:22px;min-height:0;accent-color:var(--accent)}.join-home{flex-direction:column;min-height:100dvh;display:flex;position:relative}.join-painting{z-index:0;margin:0;position:fixed;inset:0}.join-painting img{object-fit:cover;object-position:30% 50%;width:100%;height:100%;display:block}.join-painting:after{content:"";background:linear-gradient(#14100c0d 30%,#14100c73);position:absolute;inset:0}.join-painting figcaption{z-index:1;top:max(12px, env(safe-area-inset-top));right:max(12px, env(safe-area-inset-right));color:#fff;background:#1e1a1699;border-radius:999px;padding:4px 10px;font-size:.75rem;font-weight:700;position:absolute}main.join-main{z-index:1;padding-top:clamp(48px,9vh,180px);position:relative}.join-card,.join-main .start-link{z-index:1;position:relative}.join-card{background:color-mix(in srgb, var(--surface) 94%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--line);text-align:center;border-radius:24px;flex-direction:column;gap:18px;padding:26px 20px 22px;display:flex;box-shadow:0 16px 40px #00000059}.join-card h1{font-size:clamp(2.1rem,9vw,2.7rem)}.join-field{font-size:1.15rem;font-weight:600;line-height:1.4}.code-tiles{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;width:100%;max-width:340px;margin:0 auto;display:grid;position:relative}.code-tiles__input{z-index:1;opacity:0;color:#0000;caret-color:#0000;cursor:text;border:0;width:100%;height:100%;min-height:0;padding:0;font-size:16px;position:absolute;inset:0}.code-tile{aspect-ratio:4/5;color:var(--ink);font-family:var(--font-poster);background:#fff;border:2px solid #d8cfc0;border-radius:14px;place-items:center;font-size:clamp(2.2rem,11vw,3rem);font-weight:900;display:grid;box-shadow:0 3px #1e1a1638}.code-tile--next{border-color:var(--orange-button);box-shadow:0 0 0 3px #f2652247,0 3px #1e1a1638}.code-tile--next:empty:after{content:"";background:var(--orange-button);border-radius:2px;width:3px;height:42%;animation:1s step-end infinite caret-blink}@keyframes caret-blink{50%{opacity:0}}@media (prefers-reduced-motion:reduce){.code-tile--next:empty:after{animation:none}}.join-button{min-height:60px;font-size:1.3rem}.join-hint{color:var(--muted);font-size:1rem}.start-link{text-align:center;color:var(--muted);font-size:.95rem}.join-main .start-link{color:#e9e2d6;background:#1e1a16b3;border-radius:999px;align-self:center;padding:8px 16px}.join-main .start-link a{color:#fff}.start-link a,.back-link{color:var(--fg);font-weight:700}.back-link{align-self:flex-start;padding-block:4px;text-decoration:none}.game-choices{gap:10px;display:grid}.game-choice{text-align:left;background:var(--bg);min-height:0;color:var(--fg);border:2px solid var(--line);flex-direction:column;align-items:flex-start;gap:4px;padding:14px 16px}.game-choice[aria-checked=true]{border-color:var(--accent)}.game-choice__name{font-family:var(--font-poster);font-size:1.15rem;font-weight:900}.game-choice--guess .game-choice__name{color:var(--sky-text)}.game-choice__blurb{color:var(--muted);font-size:.92rem;font-weight:400}.room-header{height:var(--room-header-height);padding:8px max(16px, env(safe-area-inset-right)) 0 max(16px, env(safe-area-inset-left));flex:none;align-items:center;gap:10px;width:100%;max-width:900px;margin:0 auto;display:flex}.room-header__title{flex:1;align-items:baseline;gap:10px;min-width:0;display:flex}.room-header__game{font-family:var(--font-poster);font-size:1.1rem;font-weight:900}.room-header__code{letter-spacing:.12em;color:var(--muted);font-weight:800}.invite{text-align:center;align-items:center}.room-code{font-family:var(--font-poster);letter-spacing:.12em;font-size:clamp(3rem,16vw,4.5rem);font-weight:900;line-height:1}.qr{border-radius:12px;width:min(220px,60vw);height:auto}.room-link{color:var(--muted);overflow-wrap:anywhere;font-weight:700}.players{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.players li{border-bottom:1px solid var(--line);align-items:center;gap:8px;min-height:44px;display:flex}.players li:last-child{border-bottom:0}.players li.away .player-name{color:var(--muted)}.player-name{overflow-wrap:anywhere;flex:1;min-width:0;font-weight:700}.remove{min-width:36px;min-height:36px;color:var(--muted);background:0 0;padding:0 10px;font-size:1.2rem}.remove.armed{background:var(--orange-button-deep);color:#fff;font-size:.85rem}.start{text-align:center;align-items:stretch}.waiting{color:var(--muted);font-weight:700}.toasts{left:0;right:0;bottom:calc(16px + env(safe-area-inset-bottom));pointer-events:none;flex-direction:column;align-items:center;gap:8px;padding-inline:16px;display:flex;position:fixed}.toast{background:var(--fg);max-width:420px;color:var(--bg);text-align:center;border-radius:12px;padding:10px 16px;font-weight:700;box-shadow:0 6px 20px #00000040}.countdown{font-family:var(--font-poster);font-variant-numeric:tabular-nums;background:var(--surface);border:1px solid var(--line);border-radius:999px;padding:4px 12px;font-size:1.1rem;font-weight:900}.countdown--urgent{color:#fff;background:var(--orange-button-deep);border-color:var(--orange-button-deep)}.tray{touch-action:none;-webkit-user-select:none;user-select:none;flex-direction:column;align-items:center;gap:12px;display:flex}.answer{flex-wrap:wrap;justify-content:center;gap:6px 18px;display:flex}.answer-word{gap:4px;display:flex}.slot,.tile{width:clamp(26px,7.4vw,40px);height:clamp(32px,9vw,46px);min-height:0;font-family:var(--font-poster);border-radius:8px;padding:0;font-size:clamp(1rem,4.6vw,1.35rem);font-weight:900}.slot{color:var(--fg);border:2px dashed var(--line);background:0 0}.slot--filled{border-style:solid;border-color:var(--fg);background:var(--surface)}.slot--hint{border-color:var(--gilt);color:var(--gilt)}.tiles{flex-wrap:wrap;justify-content:center;gap:6px;max-width:360px;display:flex}.tile{background:var(--linen);color:var(--ink);border:0;box-shadow:0 2px #1e1a1659}.tile--dragging{z-index:10;pointer-events:none;place-items:center;display:grid;position:fixed;transform:translate(-50%,-60%)scale(1.15)}.tray-actions{gap:8px;display:flex}.tray--wrong .answer{animation:.5s shake}.tray--wrong .slot--filled:not(.slot--hint){border-color:var(--warn);color:var(--warn)}.tray--solved .slot--filled{color:#2e8b57;border-color:#2e8b57}@keyframes shake{10%,90%{transform:translate(-2px)}20%,80%{transform:translate(4px)}30%,50%,70%{transform:translate(-7px)}40%,60%{transform:translate(7px)}}@media (prefers-reduced-motion:reduce){.tray--wrong .answer{animation:none}}.board-screen{max-width:960px;height:calc(100dvh - var(--room-header-height) - env(safe-area-inset-top) - env(safe-area-inset-bottom));flex:none;gap:0;padding-block:8px 12px}.board-header{text-align:center;flex-direction:column;gap:2px;display:flex}.board-header h1{font-size:clamp(1.15rem,4.8vw,1.5rem)}.board-actions{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.board-actions button{flex:auto}.primary.armed{background:var(--orange-button-deep)}