:root{color-scheme:light;--ink: #000;--paper: #f4eedc;--paper-bright: #fffaf0;--stamp-red: #d12b1f;--stamp-red-dark: #9f1c14;--gray-50: #fbf6e9;--gray-100: #e9dfc8;--gray-200: #d4c7ac;--gray-400: #9b927f;--gray-700: #333;--gray-900: #111;--border-md: 3px solid var(--ink);--border-heavy: 5px solid var(--ink);--shadow-sm: 4px 4px 0 var(--ink);--shadow-md: 7px 7px 0 var(--ink);--shadow-lg: 10px 10px 0 var(--ink);--radius: 7px;--font-display: Impact, Haettenschweiler, "Franklin Gothic Heavy", "Arial Black", sans-serif;--font-body: "Avenir Next Condensed", "Franklin Gothic Medium", "Trebuchet MS", sans-serif}*{box-sizing:border-box}html{min-height:100%;background:var(--paper)}body{min-width:320px;min-height:100vh;min-height:100dvh;margin:0;color:var(--ink);background-color:var(--paper);font-family:var(--font-body);font-size:18px;line-height:1.35;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}body:before{position:fixed;inset:0;z-index:-1;border:14px double rgba(0,0,0,.08);background-image:radial-gradient(circle,rgba(0,0,0,.12) 1px,transparent 1.4px);background-position:0 0;background-size:13px 13px;content:"";pointer-events:none;animation:paper-develop .7s ease-out backwards}@keyframes paper-develop{0%{opacity:0}to{opacity:1}}button,input{font:inherit}input,textarea{-webkit-touch-callout:default;-webkit-user-select:text;user-select:text}button{cursor:pointer}button:disabled,input:disabled{cursor:not-allowed;opacity:.55}button:focus-visible,input:focus-visible{outline:4px dashed var(--ink);outline-offset:4px}h1,h2,p{margin:0}h1,h2,.section-title,.timer-readout{font-family:var(--font-display);font-weight:900;letter-spacing:0;text-transform:uppercase}h1{font-size:clamp(3.25rem,15vw,6.5rem);line-height:.9}h2{font-size:clamp(1.7rem,7vw,2.8rem);line-height:.92}ul{padding-left:1.2rem;margin:0}#root{min-height:100vh;min-height:100dvh}.app-shell{width:min(100%,560px);min-height:100vh;min-height:100dvh;margin:0 auto;padding:calc(16px + env(safe-area-inset-top)) 16px calc(24px + env(safe-area-inset-bottom))}.setup-layout,.reveal-layout,.discussion-layout,.voting-layout,.results-layout{display:flex;flex-direction:column;gap:20px}.hero-panel,.form-block,.notice-panel,.pass-card,.timer-panel,.result-banner,.info-card,.scoreboard{border:var(--border-heavy);border-radius:var(--radius);background:var(--paper-bright);box-shadow:var(--shadow-md)}.hero-panel{position:relative;padding:22px 18px;overflow:hidden;transform:rotate(-.5deg)}.hero-panel>*,.pass-card>*,.result-banner>*,.timer-panel>*{position:relative;z-index:1}.hero-panel:after,.result-banner:after{position:absolute;top:12px;right:14px;width:48px;height:48px;background-image:url(/spy-icon.svg);background-size:contain;background-repeat:no-repeat;background-position:center;content:""}.hero-panel:before,.pass-card:before,.timer-panel:before,.result-banner:before,.reveal-card:after{position:absolute;inset:0;z-index:0;background-image:radial-gradient(circle,rgba(0,0,0,.16) 1.25px,transparent 1.35px);background-position:0 0;background-size:10px 10px;content:"";opacity:.38;pointer-events:none}.pass-card:before,.timer-panel:before{opacity:.24}.hero-panel p,.pass-card p,.timer-panel p,.result-banner p{max-width:30rem;margin-top:10px;font-size:1.1rem;font-weight:800}.eyebrow,.label-stamp,.section-title{display:inline-flex;align-items:center;width:fit-content;min-height:32px;padding:3px 10px;border:var(--border-md);background:var(--gray-200);box-shadow:var(--shadow-sm);font-family:var(--font-display);font-size:.98rem;line-height:1;text-transform:uppercase}.eyebrow{margin-bottom:14px;transform:rotate(1deg)}.label-stamp{margin-bottom:8px;transform:rotate(-1deg)}.form-block{padding:16px}.form-block__heading,.mini-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.mini-header{min-height:54px;padding:0 2px;font-weight:900;text-transform:uppercase}.player-input-list,.control-grid,.score-list{display:grid;gap:12px;margin-top:16px}.player-input-row{display:grid;grid-template-columns:84px minmax(0,1fr) 52px;gap:16px;align-items:center}.player-input-row label,.field>span,.field legend,.inline-field span{font-weight:900;text-transform:uppercase}input{width:100%;min-height:52px;border:var(--border-md);border-radius:4px;background:var(--paper);padding:8px 10px;font-weight:900;box-shadow:inset 3px 3px 0 var(--gray-200)}input:focus-visible{outline-offset:3px}.field{display:grid;gap:8px;min-width:0;margin:0;padding:0;border:0}.field small{font-size:.9rem;font-weight:800}.field--wide{grid-column:1 / -1}.stepper{display:flex;align-items:center;gap:10px}.stepper__value{min-width:2ch;text-align:center;font-family:var(--font-display);font-size:1.5rem;font-weight:900}.inline-field{display:grid;grid-template-columns:92px minmax(0,1fr);gap:10px;align-items:center;margin-top:12px}.categories-row{display:flex;align-items:center;width:100%;min-height:52px;padding:8px 12px;border:var(--border-md);border-radius:5px;background:var(--paper);color:var(--ink);box-shadow:var(--shadow-sm);font-weight:900;text-transform:uppercase;gap:8px;cursor:pointer;text-align:left}.categories-row__label{flex:1}.categories-row__value{opacity:.6;font-size:.9em}.categories-row__chevron{font-size:1.5em;line-height:1;opacity:.5}.sheet-overlay{position:fixed;inset:0;z-index:100;background:#0000008c}.sheet-panel{position:fixed;bottom:0;left:0;right:0;z-index:101;background:var(--paper-bright);border-top:var(--border-heavy);border-radius:var(--radius) var(--radius) 0 0;padding:0 16px env(safe-area-inset-bottom,16px);max-height:80dvh;overflow-y:auto}.sheet-header{position:sticky;top:0;display:flex;align-items:center;justify-content:space-between;padding:16px 0 12px;background:var(--paper-bright);border-bottom:var(--border-md);margin-bottom:16px}.sheet-title{font-weight:900;font-size:1.05rem;text-transform:uppercase}.sheet-done{background:var(--ink);color:var(--paper);border:none;border-radius:4px;padding:6px 18px;font:inherit;font-weight:900;text-transform:uppercase;cursor:pointer}.sheet-body{padding-bottom:24px}.segmented,.choice-grid,.checkbox-grid,.player-button-grid,.action-row,.result-grid{display:grid;gap:10px}.segmented,.choice-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.checkbox-grid,.player-button-grid,.result-grid{grid-template-columns:1fr}.checkbox-grid{grid-template-columns:minmax(0,1fr)}.segmented button,.choice-grid button,.player-choice,.comic-check{min-height:52px;border:var(--border-md);border-radius:5px;background:var(--paper);color:var(--ink);box-shadow:var(--shadow-sm);font-weight:900;text-align:center;text-transform:uppercase}.segmented button,.choice-grid button,.player-choice{padding:8px 10px}.segmented button.is-active,.choice-grid button.is-active,.player-choice.is-active,.comic-check:has(input:checked){background:var(--ink);color:var(--paper);transform:translate(3px,3px);box-shadow:1px 1px 0 var(--ink)}.comic-check{display:flex;align-items:center;gap:10px;padding:10px;text-align:left}.comic-check input{width:24px;min-height:24px;box-shadow:none;accent-color:var(--ink)}.comic-check span{min-width:0;white-space:nowrap}.btn,.icon-btn{border:var(--border-heavy);border-radius:5px;color:var(--ink);font-family:var(--font-display);font-weight:900;letter-spacing:0;text-transform:uppercase;transition:transform .12s ease,box-shadow .12s ease}.btn{min-height:58px;padding:12px 16px;background:var(--paper);box-shadow:var(--shadow-md);font-size:1.25rem}.btn--primary{background:var(--paper)}.btn--secondary{background:var(--gray-200)}.btn--danger{background:var(--stamp-red);color:var(--paper-bright)}.btn--ghost{background:transparent}.btn:active,.icon-btn:active,.player-choice:active,.segmented button:active,.choice-grid button:active{transform:translate(5px,5px) scale(.98);box-shadow:2px 2px 0 var(--ink)}@media(hover:hover){.btn:hover:not(:disabled),.icon-btn:hover:not(:disabled){transform:translate(-1px,-1px);box-shadow:8px 8px 0 var(--ink)}.btn--primary:hover:not(:disabled){background:var(--paper-bright)}}.icon-btn{display:grid;width:52px;height:52px;place-items:center;background:var(--gray-200);box-shadow:var(--shadow-sm);font-size:2rem;line-height:1}.wide-action{width:100%}.reveal-actions{display:grid;gap:14px}.reveal-layout{height:100vh;height:100dvh;min-height:0;overflow:hidden;gap:16px}.reveal-layout>*{flex-shrink:0}.reveal-layout .reveal-card,.reveal-layout .reveal-card.is-revealed{flex:1 1 auto;min-height:0;place-items:stretch;padding:28px 20px}.reveal-layout .reveal-card__inner,.reveal-layout .reveal-card.is-revealed .reveal-card__inner{height:100%;min-height:0}.reveal-layout .reveal-content{min-height:0;max-height:100%;gap:8px}.reveal-layout .pass-card{padding:16px 18px}@media(max-height:700px){.reveal-layout{gap:12px}.reveal-layout .mini-header{min-height:44px}.reveal-layout .pass-card{padding:12px 16px}.reveal-layout .pass-card p{display:none}.reveal-layout .do-not-peek{margin-bottom:6px;font-size:.95rem}.reveal-layout .pass-card h1{font-size:clamp(1.9rem,10vw,3rem)}.reveal-layout .reveal-card,.reveal-layout .reveal-card.is-revealed{padding:22px 16px}.reveal-layout .reveal-card small{font-size:.9rem}}.reveal-layout .pass-card h1{font-size:clamp(2.2rem,11vw,4.5rem)}.notice-panel{padding:16px;background:var(--gray-50)}.notice-panel ul{margin-top:12px;font-weight:900}.pass-card,.timer-panel,.result-banner{position:relative;padding:22px 18px}.pass-card{transform:rotate(.5deg)}.do-not-peek{display:inline-block;margin-bottom:10px;padding:4px 10px;border:var(--border-md);background:var(--stamp-red);color:var(--paper);font-family:var(--font-display);font-size:1.15rem;transform:rotate(-2deg)}.reveal-card{position:relative;display:grid;min-height:250px;width:100%;place-items:center;overflow:hidden;border:6px solid var(--ink);border-radius:var(--radius);background:var(--paper-bright);box-shadow:var(--shadow-lg);color:var(--ink);contain:layout paint;padding:34px 20px;text-align:center;perspective:1200px}.reveal-card__inner{position:relative;width:100%;min-height:200px;transform-style:preserve-3d;transition:transform .52s cubic-bezier(.34,1.4,.5,1)}.reveal-card.is-revealed .reveal-card__inner{transform:rotateY(180deg)}.reveal-card__face{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;backface-visibility:hidden;-webkit-backface-visibility:hidden}.reveal-card__face--front{transform:rotateY(0)}.reveal-card__face--back{transform:rotateY(180deg)}.reveal-card.is-revealed .reveal-card__inner{min-height:232px}.reveal-card:before{position:absolute;inset:12px;border:3px dashed var(--ink);content:"";z-index:1}.reveal-card>*{position:relative;z-index:2}.reveal-card:after{opacity:.28}.reveal-card.is-revealed{min-height:280px;padding:48px 24px;transform:none}.card-cover{position:relative;z-index:1;display:inline-flex;min-height:68px;align-items:center;justify-content:center;border:var(--border-heavy);background:var(--stamp-red);box-shadow:var(--shadow-md);color:var(--paper-bright);padding:12px 18px;font-family:var(--font-display);font-size:clamp(2rem,10vw,3.4rem);line-height:.95;text-transform:uppercase}.scratch-lines{position:absolute;inset:34px;border-top:5px solid var(--ink);border-bottom:5px solid var(--ink);transition:opacity .22s ease-out}.reveal-card.is-revealed .scratch-lines{opacity:0}.scratch-lines:before,.scratch-lines:after{position:absolute;left:-14px;right:-14px;height:5px;background:var(--ink);content:""}.scratch-lines:before{top:46px}.scratch-lines:after{bottom:46px}.reveal-kicker{display:block;margin:0;font-weight:900;text-transform:uppercase}.reveal-hint{display:block;font-size:.95rem;font-weight:800;opacity:.7}.reveal-content{display:flex;width:100%;max-width:92%;min-height:178px;flex-direction:column;align-items:center;justify-content:center;gap:12px}.reveal-card strong{display:block;max-width:100%;font-family:var(--font-display);font-size:clamp(2.35rem,11vw,4.75rem);line-height:.9;text-transform:uppercase;overflow-wrap:normal;word-break:normal;-webkit-hyphens:none;hyphens:none}.reveal-card small{display:block;max-width:100%;margin-top:0;font-size:1.05rem;font-weight:900}.timer-panel{display:grid;min-height:360px;align-content:center;text-align:center;transform:rotate(-.5deg);overflow:hidden}.timer-readout{display:inline-flex;justify-content:center;align-items:baseline;margin:12px 0;font-size:clamp(5rem,24vw,9rem);line-height:.85;font-variant-numeric:tabular-nums;will-change:transform,color}.timer-digit{display:inline-block;text-align:center;vertical-align:baseline}.timer-digit--sep{padding:0 .05em}.timer-readout.is-urgent{animation:timer-pulse 1s ease-in-out infinite}.timer-readout.is-critical{animation-duration:.5s}@keyframes timer-pulse{0%,to{transform:scale(1);color:var(--ink)}50%{transform:scale(1.05);color:var(--stamp-red)}}.pause-stamp{display:inline-block;margin:6px auto 0;padding:6px 18px;border:var(--border-heavy);background:var(--ink);color:var(--paper-bright);box-shadow:var(--shadow-md);font-family:var(--font-display);font-size:clamp(1.4rem,6vw,2rem);text-transform:uppercase;letter-spacing:.02em}.timer-panel.is-finished{animation:shake .32s steps(3,end) infinite}.timer-panel.is-paused .timer-readout,.timer-panel.is-paused .eyebrow,.timer-panel.is-paused p{opacity:.45}.player-choice{width:100%;font-size:1.2rem}.is-saved{background:var(--gray-50)}.result-banner{transform:rotate(-.5deg);overflow:hidden}.result-banner h1{font-size:clamp(3rem,13vw,5.5rem)}.result-grid{margin-top:2px}.info-card,.scoreboard{padding:16px}.info-card ul{margin-top:12px;font-weight:900}.score-list{margin:8px 0 0;padding:0;list-style:none}.score-row{display:flex;align-items:center;gap:10px;min-height:38px;padding:4px 2px;border-bottom:2px solid var(--ink);font-weight:900;text-transform:uppercase}.score-row:last-child{border-bottom:0}.score-row__name{display:flex;flex:1;min-width:0;align-items:center;gap:8px}.score-row__name strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.score-row.is-spy .score-row__name strong{color:var(--stamp-red)}.score-row__icon{width:22px;height:22px;flex:none}.score-row__delta{padding:1px 7px;border:var(--border-md);background:var(--ink);color:var(--paper-bright);font-family:var(--font-display);font-size:.95rem;line-height:1.2}.score-row.is-spy .score-row__delta{background:var(--stamp-red)}.score-row__points{min-width:2ch;font-family:var(--font-display);font-size:1.6rem;line-height:1;text-align:right;font-variant-numeric:tabular-nums}.results-layout{height:100vh;height:100dvh;min-height:0;overflow:hidden;gap:14px}.results-layout>*{flex-shrink:0}.verdict-stamp{padding:8px 14px;border:var(--border-heavy);border-radius:var(--radius);box-shadow:var(--shadow-md);text-align:center}.verdict-stamp h1{font-size:clamp(2.4rem,12vw,3.6rem);line-height:.95}.verdict-stamp.town-wins{background:var(--ink);color:var(--paper-bright)}.verdict-stamp.spy-wins{background:var(--stamp-red);color:var(--paper-bright)}.result-card{display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 16px 12px;border:var(--border-heavy);border-radius:var(--radius);background:var(--paper-bright);box-shadow:var(--shadow-md);text-align:center}.result-card__label{font-size:.9rem;font-weight:900;text-transform:uppercase;opacity:.7}.word-card__word,.spy-badge__name{display:block;width:100%;font-family:var(--font-display);line-height:.95;text-transform:uppercase;overflow-wrap:normal}.word-card__word{font-size:clamp(2.4rem,12vw,3.8rem)}.spy-card{border-color:var(--stamp-red)}.spy-card__names{display:grid;width:100%;gap:8px}.spy-card__names.is-multiple{grid-template-columns:repeat(2,minmax(0,1fr))}.spy-badge{display:flex;min-width:0;align-items:center;justify-content:center;gap:8px;color:var(--stamp-red)}.spy-badge__icon{width:34px;height:34px;flex:none}.spy-badge__name{width:auto;min-width:0;max-width:100%;font-size:clamp(2rem,10vw,3rem)}.spy-card__names.is-multiple .spy-badge{flex-direction:column;gap:4px;padding:6px;border:var(--border-md);background:var(--paper)}.spy-card__names.is-multiple .spy-badge__icon{width:24px;height:24px}.spy-card__names.is-many{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.spy-card__names.is-many .spy-badge__icon{width:18px;height:18px}.spy-card__names.is-multiple .spy-badge__name{width:100%;font-size:clamp(1.4rem,7vw,2rem)}.results-layout .scoreboard{flex:1 1 auto;min-height:0;overflow-y:auto;padding:10px 14px;box-shadow:var(--shadow-sm)}.results-actions{display:grid;grid-template-columns:2fr 1fr;gap:10px}.results-actions .btn{min-height:54px;padding-inline:8px}.scoreboard-header{display:flex;align-items:center;justify-content:space-between}.scoreboard-edit-btn{display:inline-flex;min-width:40px;min-height:36px;align-items:center;justify-content:center;padding:3px 10px;border:var(--border-md);border-radius:5px;background:var(--paper);box-shadow:var(--shadow-sm);color:var(--ink);font-family:var(--font-display);font-size:1rem;line-height:1;text-transform:uppercase;transition:transform .12s ease,box-shadow .12s ease}.scoreboard-edit-btn.is-done{background:var(--ink);color:var(--paper-bright)}.scoreboard-edit-btn:active{transform:translate(3px,3px);box-shadow:1px 1px 0 var(--ink)}.name-edit-input{width:100%;min-width:0;min-height:unset;padding:2px 6px;border:var(--border-md);border-radius:4px;background:var(--paper);color:var(--ink);text-transform:uppercase;font-size:inherit;font-weight:900;box-shadow:none}.result-banner.spy-wins .eyebrow,.result-banner.town-wins .eyebrow,.notice-panel .section-title,.result-banner.spy-caught{background:var(--stamp-red);color:var(--paper-bright)}.result-banner.spy-caught .do-not-peek{background:var(--ink);color:var(--paper-bright);border-color:var(--paper-bright)}.action-row{grid-template-columns:1fr}@keyframes card-pop{0%{transform:scale(.96)}70%{transform:scale(1.03)}to{transform:scale(1)}}@keyframes reveal-content-pop{0%{opacity:0;transform:translateY(8px) scale(.98)}70%{opacity:1;transform:translateY(-2px) scale(1.01)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes shake{0%,to{transform:translate(0) rotate(-.5deg)}33%{transform:translate(-5px) rotate(-1deg)}66%{transform:translate(5px) rotate(1deg)}}@media(min-width:540px){.app-shell{padding-inline:22px}.control-grid,.player-button-grid,.result-grid,.action-row{grid-template-columns:repeat(2,minmax(0,1fr))}.checkbox-grid{grid-template-columns:minmax(0,1fr)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:1ms!important;animation-iteration-count:1!important;transition-duration:1ms!important}}.quit-dialog{position:fixed;inset:0;z-index:102;display:flex;flex-direction:column;gap:10px;width:min(92%,420px);margin:auto;height:fit-content;padding:24px 20px 20px;background:var(--paper-bright);border:var(--border-heavy);border-radius:var(--radius);box-shadow:var(--shadow-lg)}.quit-dialog:before{position:absolute;inset:0;border-radius:inherit;z-index:0;background-image:radial-gradient(circle,rgba(0,0,0,.13) 1.25px,transparent 1.35px);background-size:10px 10px;content:"";pointer-events:none}.quit-dialog>*{position:relative;z-index:1}.quit-dialog__kicker{font-family:var(--font-display);font-size:.78rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase;opacity:.5}.quit-dialog__heading{font-size:clamp(1.5rem,6vw,2.2rem)}.quit-dialog__body{font-size:.95rem;opacity:.7}.quit-dialog__actions{display:grid;gap:12px;margin-top:6px}.home-btn{position:relative;z-index:10}