/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before{box-sizing:border-box;border:0 solid;margin:0;padding:0}::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.relative{position:relative}.start{inset-inline-start:var(--spacing)}.table{display:table}}:root{--ink:#18352f;--cream:#f5f0e6;--paper:#fffdf8;--coral:#f06449;--coral-dark:#d84f37;--yellow:#f3c952;--mint:#b7d6c9;--muted:#6f7d77;--line:#d9d7cc}*{box-sizing:border-box}html{background:var(--cream);min-width:320px}body{color:var(--ink);background:radial-gradient(circle at 8% 12%, #f3c95238, transparent 24rem), var(--cream);font-family:var(--font-geist-sans), Arial, sans-serif;margin:0}button,input{font:inherit}button{color:inherit}:is(button:focus-visible,input:focus-visible){outline:3px solid var(--yellow);outline-offset:3px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.eyebrow{color:var(--coral-dark);letter-spacing:.15em;text-transform:uppercase;margin:0 0 .75rem;font-size:.72rem;font-weight:800}.setup-shell{grid-template-columns:minmax(0,1.05fr) minmax(28rem,.95fr);min-height:100vh;display:grid}.intro-panel{flex-direction:column;justify-content:center;min-height:100vh;padding:clamp(3rem,7vw,7rem);display:flex;position:relative;overflow:hidden}.intro-panel:after{content:"ABCDEFGHIJKLMNOPRSTW";color:#18352f0b;letter-spacing:-.06em;word-break:break-all;pointer-events:none;width:92%;font-size:clamp(4rem,8vw,8rem);font-weight:900;line-height:.65;position:absolute;bottom:-1.7rem;left:4%}.brand-mark,.mini-brand>span{background:var(--coral);color:#fff;box-shadow:5px 5px 0 var(--ink);place-items:center;display:grid;transform:rotate(-5deg)}.brand-mark{border-radius:1rem;width:4.25rem;height:4.25rem;margin-bottom:3.5rem;font-size:2rem;font-weight:900}.intro-panel h1{letter-spacing:-.075em;max-width:48rem;margin:0;font-size:clamp(3.3rem,6.8vw,7.6rem);line-height:.9}.intro-panel h1 em{color:var(--coral);font-family:Georgia,serif;font-weight:500}.intro-copy{color:#52635d;max-width:37rem;margin:2rem 0 3.5rem;font-size:clamp(1rem,1.5vw,1.2rem);line-height:1.7}.how-to-play{grid-template-columns:repeat(3,1fr);gap:1.5rem;max-width:45rem;display:grid}.how-to-play>div{border-top:1px solid #cfcfc3;gap:.75rem;padding-top:1rem;display:flex}.how-to-play>div>span{color:var(--coral);font-family:var(--font-geist-mono);font-size:.72rem;font-weight:800}.how-to-play p{color:var(--muted);margin:0;font-size:.8rem;line-height:1.45}.how-to-play strong{color:var(--ink);margin-bottom:.2rem;display:block}.setup-card{background:var(--paper);border-left:1px solid var(--line);flex-direction:column;justify-content:center;min-height:100vh;padding:clamp(2rem,5vw,5.5rem);display:flex;box-shadow:-20px 0 55px #18352f0f}.card-heading{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:2rem;display:flex}.card-heading h2{letter-spacing:-.055em;margin:0;font-size:clamp(2rem,4vw,3.25rem)}.player-count{color:#44665c;white-space:nowrap;background:#e3eee8;border-radius:2rem;padding:.5rem .75rem;font-size:.75rem;font-weight:800}.player-inputs{gap:.7rem;display:grid}.player-input{border:1px solid var(--line);background:#fff;border-radius:.8rem;grid-template-columns:2.3rem 1fr 2rem;align-items:center;gap:.7rem;min-height:3.7rem;padding:.35rem .6rem;transition:border-color .2s,transform .2s;display:grid}.player-input:focus-within{border-color:var(--ink);transform:translate(-3px)}.player-number{background:var(--cream);width:2.1rem;height:2.1rem;font-family:var(--font-geist-mono);border-radius:.55rem;place-items:center;font-size:.8rem;font-weight:800;display:grid}.player-input input{width:100%;color:var(--ink);background:0 0;border:0;outline:0;font-size:1rem;font-weight:700}.remove-button{color:#9b9e98;cursor:pointer;background:0 0;border:0;font-size:1.4rem}.remove-button:disabled{opacity:.18;cursor:not-allowed}.add-button{color:var(--coral-dark);cursor:pointer;background:0 0;border:0;margin:.8rem 0 2rem;padding:.7rem 0;font-weight:750}.add-button span{border:1px solid;border-radius:50%;place-items:center;width:1.5rem;height:1.5rem;margin-right:.4rem;display:inline-grid}.add-button:disabled{opacity:.45;cursor:not-allowed}.timer-choice{border:0;margin:0 0 2rem;padding:0}.timer-choice legend{margin-bottom:.7rem;font-size:.78rem;font-weight:800}.timer-choice>div{grid-template-columns:repeat(3,1fr);gap:.65rem;display:grid}.timer-choice label{border:1px solid var(--line);cursor:pointer;border-radius:.75rem;justify-content:center;align-items:baseline;gap:.25rem;padding:.8rem;display:flex}.timer-choice label.selected{background:var(--ink);color:#fff;border-color:var(--ink)}.timer-choice input{opacity:0;position:absolute}.timer-choice strong{font-size:1.25rem}.timer-choice span{opacity:.65;font-size:.7rem}.form-error{color:var(--coral-dark);margin:-1rem 0 1rem;font-size:.85rem;font-weight:700}.start-button{background:var(--coral);color:#fff;width:100%;min-height:4rem;box-shadow:0 5px 0 var(--coral-dark);cursor:pointer;border:0;border-radius:.8rem;justify-content:space-between;align-items:center;padding:0 1.4rem;font-weight:850;transition:transform .15s,box-shadow .15s;display:flex}.start-button:hover{box-shadow:0 7px 0 var(--coral-dark);transform:translateY(-2px)}.start-button:active{box-shadow:0 1px 0 var(--coral-dark);transform:translateY(4px)}.start-button span:last-child{font-size:1.35rem}.setup-note{text-align:center;color:#91938e;margin:1.4rem 0 0;font-size:.72rem}.game-shell{background:var(--cream);min-height:100vh;padding:1.25rem clamp(1rem,3vw,3.5rem) 2.5rem}.game-header{grid-template-columns:1fr auto 1fr;align-items:center;max-width:92rem;margin:0 auto 1.25rem;display:grid}.mini-brand{letter-spacing:.08em;align-items:center;gap:.7rem;font-size:.9rem;display:flex}.mini-brand>span{width:2.25rem;height:2.25rem;box-shadow:3px 3px 0 var(--ink);border-radius:.55rem;font-size:1rem}.topic-count{border:1px solid var(--line);color:var(--muted);background:#fff9;border-radius:2rem;padding:.45rem .8rem;font-size:.75rem}.pause-button{border:1px solid var(--line);background:var(--paper);cursor:pointer;border-radius:.65rem;justify-self:end;padding:.65rem .9rem;font-size:.78rem;font-weight:750}.play-area{grid-template-columns:1fr 18rem;grid-template-areas:"topic turn""board board""players players";gap:1rem;max-width:92rem;margin:auto;display:grid}.topic-block{background:var(--ink);color:#fff;border-radius:1.25rem;flex-direction:column;grid-area:topic;justify-content:center;min-height:10rem;padding:clamp(1.7rem,4vw,3rem);display:flex;position:relative;overflow:hidden}.topic-block:after{content:"?";color:#ffffff0b;font-family:Georgia;font-size:14rem;position:absolute;bottom:-5rem;right:2rem}.topic-block .eyebrow{color:var(--yellow)}.topic-block h1{letter-spacing:-.055em;max-width:55rem;margin:0;font-size:clamp(2.2rem,5vw,4.6rem);line-height:.95}.topic-block>p:last-child{color:#b7cbc4;margin:1.1rem 0 0;font-size:.75rem}.turn-card{background:var(--paper);border:1px solid var(--line);border-radius:1.25rem;flex-direction:column;grid-area:turn;padding:1.4rem 1.5rem;display:flex}.turn-label{color:var(--muted);text-transform:uppercase;letter-spacing:.1em;align-items:center;gap:.4rem;font-size:.68rem;font-weight:800;display:flex}.live-dot{background:#3aa276;border-radius:50%;width:.45rem;height:.45rem;box-shadow:0 0 0 .25rem #dceee6}.turn-card h2{letter-spacing:-.04em;text-overflow:ellipsis;margin:.6rem 0 0;font-size:1.7rem;overflow:hidden}.timer-row{align-items:baseline;gap:.45rem;margin-top:auto;display:flex}.timer-row strong{font-family:var(--font-geist-mono);letter-spacing:-.1em;font-size:clamp(3rem,6vw,5.5rem);line-height:.95}.timer-row span{color:var(--muted);font-size:.72rem}.timer-track{background:#e4e1d9;border-radius:1rem;height:.35rem;margin-top:.75rem;overflow:hidden}.timer-track span{border-radius:inherit;background:#47a67d;height:100%;transition:width .3s linear;display:block}.turn-card.urgent{border-color:var(--coral);animation:.75s infinite alternate urgentPulse}.turn-card.urgent .timer-track span{background:var(--coral)}.turn-card.urgent .timer-row strong{color:var(--coral-dark)}@keyframes urgentPulse{to{box-shadow:0 0 0 4px #f0644929}}.letter-board{background:var(--paper);border:1px solid var(--line);border-radius:1.25rem;grid-area:board;padding:clamp(1.2rem,2.5vw,2rem);box-shadow:0 12px 35px #18352f0d}.board-heading{justify-content:space-between;align-items:end;margin-bottom:1.2rem;display:flex}.board-heading h2{letter-spacing:-.04em;margin:0;font-size:1.65rem}.board-heading>p{color:var(--muted);margin:0;font-size:.72rem}.letters{grid-template-columns:repeat(10,minmax(3.5rem,1fr));gap:clamp(.5rem,1vw,.85rem);display:grid}.letters button{aspect-ratio:1/.92;cursor:pointer;background:#fff;border:1px solid #c9c9bf;border-radius:.8rem;flex-direction:column;justify-content:center;align-items:center;min-width:0;transition:transform .12s,box-shadow .12s,background .2s;display:flex;box-shadow:0 4px #d7d4ca}.letters button:not(:disabled):hover{border-color:var(--ink);transform:translateY(-3px);box-shadow:0 7px #d7d4ca}.letters button:not(:disabled):active{transform:translateY(3px);box-shadow:0 1px #d7d4ca}.letters button>span{font-family:var(--font-geist-mono);font-size:clamp(1.3rem,3vw,2.25rem);font-weight:850}.letters button small{text-overflow:ellipsis;max-width:90%;font-size:.52rem;overflow:hidden}.letters button.used{color:#929791;box-shadow:none;cursor:not-allowed;background:#dddcd5;border-color:#0000}.letters button.used>span{text-decoration:line-through;text-decoration-thickness:2px}.players-strip{border:1px solid var(--line);background:#ffffff8c;border-radius:1rem;grid-area:players;align-items:center;gap:1rem;min-height:4.5rem;padding:.75rem 1rem;display:flex}.survivor-count{border-right:1px solid var(--line);flex-direction:column;min-width:4rem;padding-right:1rem;display:flex}.survivor-count strong{font-size:1.35rem}.survivor-count span{color:var(--muted);text-transform:uppercase;font-size:.62rem}.player-chips{flex-wrap:wrap;gap:.5rem;display:flex}.player-chips>span{border:1px solid #0000;border-radius:2rem;align-items:center;gap:.4rem;padding:.35rem .65rem .35rem .35rem;font-size:.72rem;font-weight:750;display:flex}.player-chips i{background:#d8e8e1;border-radius:50%;place-items:center;width:1.6rem;height:1.6rem;font-style:normal;display:grid}.player-chips .current{border-color:var(--coral);background:#fff}.player-chips .current i{background:var(--coral);color:#fff}.player-chips .eliminated{opacity:.42;text-decoration:line-through}.player-chips small{color:var(--coral-dark);text-decoration:none}.game-overlay{z-index:10;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f2721b8;place-items:center;padding:1.5rem;display:grid;position:fixed;inset:0}.overlay-card{text-align:center;background:var(--paper);border-radius:1.4rem;width:min(34rem,100%);padding:clamp(2rem,5vw,4rem);box-shadow:0 25px 80px #00000040}.overlay-card h2{letter-spacing:-.06em;margin:0;font-size:clamp(2.3rem,6vw,4rem);line-height:1}.transition-message{color:var(--coral-dark);background:#f4e7dc;border-radius:2rem;margin:0 0 2rem;padding:.4rem .75rem;font-size:.72rem;font-weight:800;display:inline-block}.up-next{color:var(--muted);margin:1.25rem 0}.up-next strong{color:var(--ink)}.countdown-number{background:var(--coral);color:#fff;width:7rem;height:7rem;box-shadow:0 0 0 10px #f8dfd9, 0 8px 0 var(--coral-dark);font-family:var(--font-geist-mono);border-radius:50%;place-items:center;margin:1.7rem auto .7rem;font-size:4rem;font-weight:900;animation:.35s ease-out countPop;display:grid}@keyframes countPop{0%{opacity:.3;transform:scale(.72)}}.countdown-hint{color:var(--muted);margin:1rem 0 0;font-size:.75rem}.pause-symbol{color:var(--coral);letter-spacing:-.35em;margin-bottom:1rem;font-size:3rem;font-weight:900;transform:translate(-.3em)}.paused-card>p:not(.eyebrow){color:var(--muted);margin:1rem 0 2rem}.paused-actions{gap:1rem;display:grid}.quit-button{border:1px solid var(--line);width:100%;min-height:3.6rem;color:var(--muted);cursor:pointer;background:0 0;border-radius:.8rem;justify-content:space-between;align-items:center;padding:0 1.4rem;font-weight:800;transition:border-color .15s,color .15s,background .15s;display:flex}.quit-button:hover{border-color:var(--coral);color:var(--coral-dark);background:#fff4f0}.winner-shell{background:var(--ink);place-items:center;min-height:100vh;padding:2rem;display:grid}.winner-card{text-align:center;background:var(--paper);width:min(36rem,100%);box-shadow:13px 13px 0 var(--coral);border-radius:1.5rem;padding:clamp(2.5rem,7vw,5rem);position:relative;overflow:hidden}.winner-card:before,.winner-card:after{content:"✦";color:var(--yellow);font-size:3rem;position:absolute}.winner-card:before{top:1rem;left:1.5rem;transform:rotate(-15deg)}.winner-card:after{bottom:1rem;right:1.5rem;transform:rotate(15deg)}.winner-burst{background:var(--yellow);width:5rem;height:5rem;color:var(--coral-dark);border-radius:50%;place-items:center;margin:0 auto 2rem;font-size:2.5rem;display:grid}.winner-card h1{color:var(--coral);letter-spacing:-.07em;overflow-wrap:anywhere;margin:0;font-size:clamp(3rem,10vw,6.5rem);line-height:.9}.winner-copy{max-width:26rem;color:var(--muted);margin:1.5rem auto 2rem;line-height:1.65}.match-stats{border-block:1px solid var(--line);grid-template-columns:1fr 1fr;margin-bottom:2rem;display:grid}.match-stats div{flex-direction:column;padding:1rem;display:flex}.match-stats div+div{border-left:1px solid var(--line)}.match-stats strong{font-size:1.5rem}.match-stats span{color:var(--muted);text-transform:uppercase;font-size:.65rem}.text-button{color:var(--muted);cursor:pointer;background:0 0;border:0;margin-top:1.25rem;text-decoration:underline}@media (max-width:900px){.setup-shell{grid-template-columns:1fr}.intro-panel,.setup-card{min-height:auto;padding:3rem clamp(1.25rem,6vw,4rem)}.intro-panel{padding-top:4rem}.brand-mark{margin-bottom:2.5rem}.setup-card{border:0;border-top:1px solid var(--line)}.play-area{grid-template-columns:1fr;grid-template-areas:"topic""turn""board""players"}.turn-card{grid-template-columns:1fr auto;align-items:center;min-height:10rem;display:grid}.turn-label,.turn-card h2{grid-column:1}.timer-row{grid-area:1/2/3}.timer-track{grid-column:1/-1}.letters{grid-template-columns:repeat(5,1fr)}}@media (max-width:560px){.how-to-play{grid-template-columns:1fr;gap:.75rem}.intro-panel h1{font-size:3.3rem}.game-shell{padding-inline:.65rem}.game-header{grid-template-columns:1fr auto}.topic-count{display:none}.topic-block{min-height:12rem}.turn-card{padding:1.2rem}.timer-row strong{font-size:3rem}.letter-board{padding:1rem}.board-heading>p{display:none}.letters{gap:.45rem}.letters button{border-radius:.6rem}.letters button>span{font-size:1.35rem}.players-strip{align-items:flex-start}.player-chips{max-height:5rem;overflow-y:auto}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
