/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial}::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial}}}@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, 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;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--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,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, 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:where(:not(iframe)){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{.collapse{visibility:collapse}.visible{visibility:visible}.fixed{position:fixed}.static{position:static}.block{display:block}.table{display:table}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.lowercase{text-transform:lowercase}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}}:root{--ink:#171a2b;--muted:#626a7c;--paper:#fffdf7;--cream:#f7f2e8;--yellow:#f5c84c;--coral:#ff7867;--lavender:#8e8df5;--mint:#b9e6be;--line:#dfe1e6;--shadow:7px 8px 0 var(--ink);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html{overscroll-behavior-y:none;background:var(--cream);width:100%;min-width:320px;min-height:100%;overflow-x:hidden}body{width:100%;min-height:100%;color:var(--ink);background:radial-gradient(circle at 10% 12%, #fffc 0 2px, transparent 3px), var(--cream);background-size:18px 18px;margin:0;font-family:Arial,Helvetica,sans-serif}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent;color:inherit}.home-shell,.room-shell,.game-shell,.results-shell{overscroll-behavior-y:none;width:min(100%,560px);min-height:100dvh;padding-top:calc(24px + env(safe-area-inset-top));padding-right:max(18px, env(safe-area-inset-right));padding-bottom:calc(44px + env(safe-area-inset-bottom));padding-left:max(18px, env(safe-area-inset-left));margin:0 auto}.home-shell{flex-direction:column;gap:12px;display:flex;position:relative}.topbar{justify-content:space-between;align-items:center;gap:18px;display:flex}.topbar-actions{align-items:center;gap:12px;display:flex}.logo{color:var(--ink);letter-spacing:-.08em;align-items:center;gap:10px;font-size:1.25rem;font-weight:950;text-decoration:none;display:inline-flex}.logo>span:not(.logo-cassette){white-space:nowrap}.logo-rewind{color:var(--coral);letter-spacing:-.16em;margin-left:-4px;font-size:.62rem;transform:translateY(2px)}.logo-cassette{border:2px solid var(--ink);background:var(--coral);width:30px;height:21px;box-shadow:2px 2px 0 var(--ink);border-radius:4px;align-items:center;padding:4px;display:grid;position:relative;transform:rotate(-5deg)}.logo-cassette:after{background:var(--ink);content:"";border-radius:2px 2px 0 0;height:3px;position:absolute;bottom:2px;left:6px;right:6px}.logo-cassette-window{border:1.5px solid var(--ink);background:var(--paper);border-radius:5px;justify-content:space-between;align-items:center;height:8px;padding:0 3px;display:flex}.logo-cassette-window i{border:1px solid var(--ink);border-radius:50%;width:3px;height:3px}.theme-toggle{border:2px solid var(--ink);background:var(--yellow);color:#171a2b;width:34px;height:34px;box-shadow:2px 2px 0 var(--ink);cursor:pointer;border-radius:50%;flex:none;place-items:center;font-size:1rem;font-weight:950;display:grid}.leaderboard-toggle{border:2px solid var(--ink);background:var(--lavender);color:#171a2b;width:34px;height:34px;box-shadow:2px 2px 0 var(--ink);cursor:pointer;border-radius:50%;flex:none;place-items:center;font-size:1rem;font-weight:950;display:grid}.modal-backdrop{z-index:100;padding:max(20px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) max(20px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0a0c14b8;place-items:center;display:grid;position:fixed;inset:0;overflow-y:auto}.leaderboard-sheet{border:2px solid var(--ink);background:var(--paper);width:min(100%,430px);max-height:calc(100dvh - 40px);box-shadow:7px 8px 0 var(--ink);border-radius:20px;padding:18px;position:relative;overflow-y:auto}.leaderboard-sheet .leaderboard{border:0;padding:8px 0 0}.leaderboard-sheet .mini-trophy{margin-right:38px}.modal-close{z-index:1;border:2px solid var(--ink);background:var(--coral);color:#171a2b;cursor:pointer;border-radius:50%;place-items:center;width:31px;height:31px;font-size:1.15rem;font-weight:950;display:grid;position:absolute;top:12px;right:12px}.leaderboard-back{width:100%;margin-top:16px}.theme-icon-dark{display:none}.section-label{color:var(--muted);letter-spacing:.14em;text-transform:uppercase;margin:0;font-size:.64rem;font-weight:900}.hero-copy{max-width:660px;padding:clamp(24px,5vh,56px) 0 clamp(12px,2vh,24px);position:relative}.hero-copy h1,.room-title h1,.waiting-heading h1,.turn-heading h1,.results-hero h1{letter-spacing:-.095em;margin:10px 0 18px;font-size:clamp(3.1rem,10.5vw,4.5rem);font-weight:950;line-height:.84}.hero-copy h1 em,.room-title h1 em,.waiting-heading h1 em{color:var(--coral);font-style:normal}.hero-copy>p{max-width:420px;color:var(--muted);margin:0;font-size:1.06rem;line-height:1.45}.hero-cassette{float:right;aspect-ratio:1.56;border:3px solid var(--ink);background:var(--coral);width:184px;box-shadow:6px 7px 0 var(--ink);border-radius:11px;margin:-12px -10px 4px 12px;padding:19px 18px 13px;transform:rotate(5deg)}.hero-tape-window{border:3px solid var(--ink);background:var(--paper);border-radius:27px;justify-content:space-around;align-items:center;height:54px;display:flex}.hero-tape-window span{border:6px dotted var(--ink);border-radius:50%;width:27px;height:27px}.hero-tape-window strong{font-size:.75rem}.hero-tape-label{text-align:center;letter-spacing:.16em;margin-top:8px;font-size:.63rem;font-weight:950}.pwa-install-hint{border:2px solid var(--ink);max-width:540px;box-shadow:4px 5px 0 var(--ink);background:#ecebff;border-radius:14px;align-items:flex-start;gap:11px;margin:4px 0 20px;padding:12px 14px;display:flex}.pwa-install-icon{background:var(--lavender);width:32px;height:32px;color:var(--paper);border-radius:50%;flex:none;place-items:center;display:grid}.pwa-install-hint p{color:var(--ink);gap:2px;margin:0;font-size:.72rem;line-height:1.35;display:grid}.pwa-install-hint strong{font-size:.76rem}.pwa-install-hint p span{color:var(--muted)}.hero-sticker{border:2px solid var(--ink);background:var(--yellow);text-align:center;width:105px;height:105px;box-shadow:4px 5px 0 var(--ink);border-radius:50%;place-items:center;font-size:.67rem;font-weight:950;line-height:1.05;display:grid;position:absolute;top:54px;right:4%;transform:rotate(11deg)}.hero-sticker span{color:var(--coral)}.mode-tabs{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;max-width:700px;margin:0 0 4px;display:grid}.mode-tabs button,.segmented button,.round-picker button{border:2px solid var(--line);cursor:pointer;text-align:left;background:#fffdf780}.mode-tabs button{border-radius:13px;grid-template-columns:40px 1fr;gap:0 10px;padding:14px 15px;display:grid}.mode-tabs button>span{background:var(--coral);color:#171a2b;border-radius:50%;grid-row:span 2;place-items:center;width:34px;height:34px;font-size:1.25rem;display:grid}.mode-tabs button>span svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2.2px;width:18px;height:18px}.mode-tabs button:nth-child(2)>span{background:var(--lavender)}.mode-tabs button.selected>span{background:var(--yellow)}.mode-tabs button strong{align-self:end;font-size:.89rem}.mode-tabs button small{color:var(--muted);font-size:.66rem}.mode-tabs button.selected{border-color:var(--ink);background:var(--paper);box-shadow:3px 4px 0 var(--ink)}.setup-card,.room-card,.roster-card,.timeline-panel,.decision-card,.answer-card,.leaderboard,.final-board{border:2px solid var(--ink);background:var(--paper);box-shadow:var(--shadow);border-radius:20px}.setup-card{max-width:700px;padding:clamp(18px,3vw,28px)}.card-heading,.section-row,.range-heading,.turn-heading,.room-title,.resolution-top{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.card-heading h2,.section-row h2{letter-spacing:-.06em;margin:5px 0 0;font-size:1.75rem;line-height:.98}.card-intro{max-width:470px;color:var(--muted);margin:13px 0 18px;font-size:.87rem;line-height:1.45}.step-dots{gap:5px;padding-top:5px;display:flex}.step-dots span{background:var(--line);border-radius:50%;width:7px;height:7px}.step-dots span.active{background:var(--coral)}.name-list{gap:7px;display:grid}.name-input{border-bottom:1px solid var(--line);grid-template-columns:34px 1fr 25px;align-items:center;display:grid}.name-input>span{color:var(--lavender);font-size:.65rem;font-weight:950}.name-input input,.field-label input,.answer-fields input{width:100%;min-width:0;color:var(--ink);background:0 0;border:0;outline:0;padding:12px 4px;font-weight:800}:is(.name-input input:focus-visible,.field-label input:focus-visible,.answer-fields input:focus-visible){outline:3px solid var(--lavender);outline-offset:2px;border-radius:5px}.name-input input::placeholder,.field-label input::placeholder,.answer-fields input::placeholder{color:#a9adba}.name-input button{color:var(--muted);cursor:pointer;background:0 0;border:0;font-size:1.2rem}.name-input button:disabled{visibility:hidden}.text-action,.link-button{color:#5f61d8;cursor:pointer;background:0 0;border:0;padding:0;font-size:.76rem;font-weight:900;text-decoration:none}.text-action{margin:15px 0 20px}.setup-options{border-top:1px solid var(--line);gap:9px;margin:4px 0 20px;padding-top:18px;display:grid}.setup-options>.section-label{margin-top:2px}.segmented{gap:8px;display:grid}.segmented.two-up{grid-template-columns:repeat(2,minmax(0,1fr))}.segmented button{border-radius:11px;flex-direction:column;justify-content:center;gap:3px;min-height:60px;padding:10px 12px;display:flex}.segmented button strong{font-size:.78rem}.segmented button small,.round-picker small{color:var(--muted);font-size:.63rem}.segmented button.selected,.round-picker button.selected{border-color:var(--ink);box-shadow:2px 3px 0 var(--ink);background:#ecebff}.segmented button:disabled{cursor:not-allowed;opacity:.45}.option-icon{color:var(--coral);font-size:1.1rem}.round-picker{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.round-picker button{text-align:center;border-radius:11px;flex-direction:column;justify-content:center;align-items:center;min-height:55px;display:flex}.round-picker button strong{font-size:1.1rem}.round-picker button:disabled{cursor:not-allowed;opacity:.35}.range-heading{align-items:baseline;margin-top:10px}.range-heading>span{color:var(--lavender);font-size:.8rem;font-weight:900}.range-grid{grid-template-columns:1fr 30px 1fr;align-items:end;gap:8px;display:grid}.range-grid label,.field-label{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;gap:5px;font-size:.66rem;font-weight:900;display:grid}.range-grid select,.field-label input{border:1.5px solid var(--line);background:var(--paper);width:100%;min-width:0;color:var(--ink);letter-spacing:0;text-transform:none;border-radius:10px;padding:11px;font-size:.86rem;font-weight:850}.range-arrow{color:var(--coral);text-align:center;padding-bottom:12px;font-weight:950}.helper-text,.privacy-note{color:var(--muted);margin:7px 0 0;font-size:.68rem;line-height:1.4}.primary-button,.secondary-button{cursor:pointer;border-radius:12px;justify-content:center;align-items:center;gap:12px;min-height:52px;padding:0 18px;font-weight:950;text-decoration:none;display:inline-flex}.primary-button{border:2px solid var(--ink);background:var(--yellow);width:100%;box-shadow:3px 4px 0 var(--ink)}.decision-buttons .primary-button{color:#171a2b}.primary-button span{font-size:1.2rem}.secondary-button{border:2px solid var(--ink);background:0 0}.secondary-button strong{font-size:.85rem}.secondary-button small{color:var(--muted);font-size:.65rem;font-weight:700}.decision-buttons .primary-button small{color:#171a2bb8}.decision-buttons .secondary-button small{color:var(--muted)}.primary-button:disabled,.secondary-button:disabled{cursor:wait;opacity:.5}.primary-button:active,.secondary-button:active,.play-button:active{transform:translate(2px,2px)}.inline-error,.room-error{color:#c84637;margin:10px 0;font-size:.74rem;font-weight:850}.room-setup-grid{grid-template-columns:minmax(0,1fr);gap:16px;max-width:700px;display:grid}.room-setup-grid .setup-card{max-width:none}.room-setup-grid.invite-only{grid-template-columns:minmax(0,1fr);max-width:700px}.join-card{align-self:start}.field-label{margin:16px 0}.field-label input{margin-top:1px}.code-input{letter-spacing:.16em;text-transform:uppercase}.join-card .secondary-button{width:100%;margin-top:4px}.reconnect-card{border:1.5px solid var(--line);background:#fffdf7b8;border-radius:13px;justify-content:space-between;align-items:center;gap:16px;max-width:700px;margin-top:18px;padding:13px 15px;font-size:.76rem;font-weight:850;display:flex}.reconnect-card small{color:var(--muted);margin-top:3px;font-size:.66rem;font-weight:600;display:block}.live-dot{background:#58bc73;border-radius:50%;width:7px;height:7px;margin-right:6px;display:inline-block;box-shadow:0 0 0 3px #58bc732e}.home-footer{max-width:700px;color:var(--muted);letter-spacing:.08em;text-transform:uppercase;justify-content:space-between;gap:14px;margin-top:auto;font-size:.61rem;font-weight:850;display:flex;position:relative}.how-it-works{text-align:right;margin-left:auto}.how-it-works summary{color:#5f61d8;cursor:pointer;letter-spacing:.08em;text-transform:uppercase;font-size:.61rem;list-style:none}.how-it-works summary::-webkit-details-marker{display:none}.how-it-works summary:after{content:" +"}.how-it-works[open] summary:after{content:" −"}.how-it-works .helper-text{border:2px solid var(--ink);background:var(--paper);width:min(310px,100vw - 36px);box-shadow:3px 4px 0 var(--ink);color:var(--muted);letter-spacing:0;text-align:left;text-transform:none;border-radius:10px;margin:0;padding:10px 12px;font-size:.61rem;line-height:1.4;position:absolute;bottom:calc(100% + 9px);right:0}.room-shell,.game-shell,.results-shell{max-width:560px}.room-shell .topbar,.game-shell .topbar,.results-shell .topbar{margin-bottom:30px}.room-top-actions{align-items:center;gap:8px;display:flex}.connection-pill,.privacy-pill,.roster-lock{color:#388852;letter-spacing:.1em;background:#e6f5e8;border-radius:20px;padding:6px 9px;font-size:.59rem;font-weight:950}.connection-pill{letter-spacing:.04em;text-transform:none;border:1px solid #3888523d;align-items:center;gap:5px;padding:5px 8px;display:inline-flex}.connection-pill.connection-connecting,.connection-pill.connection-retrying{color:#765900;background:#fff0c2}.connection-pill.connection-failed{color:#9c3529;background:#ffe4df}.connection-pill.connection-connecting .live-dot,.connection-pill.connection-retrying .live-dot{background:#c69200;box-shadow:0 0 0 3px #c692002e}.connection-pill.connection-failed .live-dot{box-shadow:none;background:#c84637}.privacy-pill{color:#5f61d8;background:#efefff}.roster-lock{background:var(--yellow);color:var(--ink)}.host-promotion-banner{color:#4e51b6;background:#ecebff;border-radius:10px;align-items:center;gap:9px;margin:-12px 0 16px;padding:10px 12px;font-size:.69rem;line-height:1.3;display:flex}.host-promotion-banner strong{color:var(--ink)}.room-body{gap:18px;display:grid}.room-title{align-items:end;padding:30px 0 18px}.room-title h1{max-width:520px;margin-bottom:0;font-size:clamp(3.4rem,11vw,6.2rem)}.invite-card{border:2px solid var(--ink);background:var(--ink);color:var(--paper);box-shadow:var(--shadow);border-radius:18px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px;padding:20px;display:grid}.invite-card .section-label{color:#b8bdcf}.invite-copy h2{max-width:100%;color:var(--yellow);letter-spacing:.06em;white-space:nowrap;margin:4px 0;font-size:clamp(2.4rem,7vw,3.5rem);line-height:.9;overflow:hidden}.invite-copy h2.long-code{font-size:clamp(1.8rem,5vw,2.4rem)}.invite-copy{min-width:0}.invite-copy p{color:#b8bdcf;margin:8px 0 14px;font-size:.75rem}.invite-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.invite-actions .secondary-button{border-color:var(--paper);min-height:36px;color:var(--paper);font-size:.7rem}.invite-actions .link-button{max-width:235px;color:var(--yellow);text-overflow:ellipsis;white-space:nowrap;font-size:.66rem;overflow:hidden}.qr-wrap{background:var(--paper);min-width:0;color:var(--ink);border-radius:10px;justify-items:center;gap:6px;padding:8px;display:grid}.qr-wrap small{letter-spacing:.08em;text-transform:uppercase;font-size:.58rem;font-weight:900}.roster-card,.timeline-panel,.decision-card,.answer-card,.leaderboard,.final-board{padding:19px}.roster-list{border-top:1px solid var(--line);gap:0;margin:18px 0;display:grid}.roster-row,.leader-row,.final-row,.kick-row{border-bottom:1px solid var(--line);align-items:center;gap:10px;padding:10px 0;display:flex}.roster-row:last-child,.leader-row:last-child,.final-row:last-child,.kick-row:last-child{border-bottom:0}.roster-row>span:nth-child(2),.leader-name{flex-direction:column;flex:1;min-width:0;font-size:.82rem;font-weight:850;display:flex}.roster-row small,.leader-name small,.kick-row small{color:var(--muted);margin-top:2px;font-size:.6rem;font-weight:700}.roster-row>b{color:var(--muted);text-transform:uppercase;font-size:.6rem;font-weight:900}.roster-row>b.ready{color:#4b9b62}.avatar{background:var(--lavender);color:#fff;border-radius:50%;place-items:center;width:32px;height:32px;font-size:.75rem;font-weight:950;display:grid}.waiting-host{color:var(--muted);text-align:center;margin:18px 0 0;font-size:.75rem}.host-controls{border:1.5px solid var(--line);background:#fffdf7bf;border-radius:14px}.host-toggle{cursor:pointer;text-align:left;background:0 0;border:0;grid-template-columns:1fr auto;align-items:center;width:100%;padding:14px 15px;display:grid}.host-toggle span{color:var(--muted);letter-spacing:.13em;grid-column:1/-1;font-size:.59rem;font-weight:950}.host-toggle strong{margin-top:4px;font-size:.78rem}.host-toggle b{color:var(--coral);grid-row:1/span 2;font-size:1.2rem}.host-panel{padding:0 15px 15px}.host-panel>p{color:var(--muted);margin:0 0 12px;font-size:.68rem;line-height:1.4}.danger-outline{color:#c84637;cursor:pointer;background:0 0;border:1.5px solid #d85c4c;border-radius:9px;width:100%;margin-bottom:16px;padding:9px;font-size:.7rem;font-weight:900}.kick-row{justify-content:space-between;font-size:.75rem}.kick-row button{border:1px solid var(--line);color:#c84637;cursor:pointer;background:0 0;border-radius:8px;padding:6px 9px;font-size:.64rem;font-weight:900}.turn-heading{align-items:end;padding:22px 0 14px}.turn-heading h1,.waiting-heading h1{max-width:500px;margin:7px 0 8px;font-size:clamp(3.1rem,10vw,5.8rem)}.turn-heading p,.waiting-heading p{max-width:380px;color:var(--muted);margin:0;font-size:.82rem;line-height:1.4}.turn-number{color:var(--coral);letter-spacing:-.1em;font-size:3rem;font-weight:950}.local-progress{color:var(--muted);letter-spacing:.12em;justify-content:space-between;margin-bottom:-8px;font-size:.62rem;font-weight:950;display:flex}.score-display{color:var(--coral);justify-items:end;display:grid}.score-display strong{letter-spacing:-.08em;font-size:2.6rem;line-height:.8}.score-display small{color:var(--muted);font-size:.6rem;font-weight:900}.audio-card{border:2px solid var(--ink);background:var(--coral);min-height:112px;color:var(--ink);box-shadow:var(--shadow);border-radius:18px;grid-template-columns:118px minmax(140px,1fr) 118px;justify-content:space-between;align-items:center;gap:14px;padding:16px 18px;display:grid;position:relative;overflow:hidden}.audio-visualizer{z-index:1;justify-content:center;align-items:center;gap:3px;height:54px;display:flex;position:relative;transform:translate(30px)}.audio-visualizer span{border:1.5px solid var(--ink);background:var(--yellow);transform-origin:50%;opacity:1;border-radius:999px;width:4px;height:4px;box-shadow:1px 2px #171a2b4d}.audio-visualizer.is-playing span{opacity:1;height:var(--bar-height);animation:var(--bar-animation) var(--bar-duration) steps(4, end) infinite;animation-delay:var(--bar-delay)}.audio-visualizer .bar-0{--bar-height:44px;--bar-duration:1.48s;--bar-delay:-.31s;--bar-animation:audio-bass}.audio-visualizer .bar-1{--bar-height:36px;--bar-duration:1.27s;--bar-delay:-.62s;--bar-animation:audio-bass}.audio-visualizer .bar-2{--bar-height:48px;--bar-duration:1.61s;--bar-delay:-.18s;--bar-animation:audio-bass}.audio-visualizer .bar-3{--bar-height:40px;--bar-duration:1.34s;--bar-delay:-.47s;--bar-animation:audio-bass}.audio-visualizer .bar-4{--bar-height:45px;--bar-duration:1.53s;--bar-delay:-.76s;--bar-animation:audio-bass}.audio-visualizer .bar-5{--bar-height:34px;--bar-duration:1.22s;--bar-delay:-.22s;--bar-animation:audio-bass}.audio-visualizer .bar-6{--bar-height:46px;--bar-duration:1.21s;--bar-delay:-.91s;--bar-animation:audio-low}.audio-visualizer .bar-7{--bar-height:27px;--bar-duration:.78s;--bar-delay:-.36s;--bar-animation:audio-mid}.audio-visualizer .bar-8{--bar-height:38px;--bar-duration:1.03s;--bar-delay:-.57s;--bar-animation:audio-low}.audio-visualizer .bar-9{--bar-height:19px;--bar-duration:.69s;--bar-delay:-.11s;--bar-animation:audio-high}.audio-visualizer .bar-10{--bar-height:43px;--bar-duration:.89s;--bar-delay:-.73s;--bar-animation:audio-mid}.audio-visualizer .bar-11{--bar-height:28px;--bar-duration:.82s;--bar-delay:-.42s;--bar-animation:audio-mid}.audio-visualizer .bar-12{--bar-height:16px;--bar-duration:.58s;--bar-delay:-.29s;--bar-animation:audio-high}.audio-visualizer .bar-13{--bar-height:27px;--bar-duration:.67s;--bar-delay:-.84s;--bar-animation:audio-mid}.audio-visualizer .bar-14{--bar-height:18px;--bar-duration:.52s;--bar-delay:-.52s;--bar-animation:audio-high}.audio-visualizer .bar-15{--bar-height:24px;--bar-duration:.76s;--bar-delay:-.15s;--bar-animation:audio-mid}.audio-visualizer .bar-16{--bar-height:16px;--bar-duration:.49s;--bar-delay:-.66s;--bar-animation:audio-high}.audio-card:after{content:"";border:23px solid #ffffff1f;border-radius:50%;width:185px;height:185px;position:absolute;bottom:-80px;right:-50px}.cassette-player{z-index:1;border:2px solid var(--ink);background:var(--yellow);width:112px;height:76px;box-shadow:4px 5px 0 var(--ink);border-radius:8px 8px 15px 15px;grid-template-rows:18px 1fr 18px;place-items:center;display:grid;position:relative;transform:rotate(-4deg)}.cassette-label{color:var(--ink);letter-spacing:.2em;align-self:end;font-size:.45rem;font-weight:950}.cassette-window{border:2px solid var(--ink);background:var(--paper);border-radius:16px;justify-content:space-around;align-items:center;width:86px;height:30px;display:flex}.cassette-window b{letter-spacing:.08em;font-size:.38rem}.cassette-reel{border:4px dotted var(--ink);border-radius:50%;width:17px;height:17px}.cassette-player.is-playing .cassette-reel{animation:1.1s linear infinite spin}.cassette-tape{border:2px solid var(--ink);background:var(--lavender);border-radius:4px 4px 8px 8px;width:68px;height:8px}.cassette-screw{border:1px solid var(--ink);background:var(--paper);border-radius:50%;width:5px;height:5px;position:absolute}.cassette-screw-top{top:5px;left:6px}.cassette-screw-bottom{bottom:5px;right:6px}.play-button{z-index:1;border:2px solid var(--ink);background:var(--yellow);width:54px;height:54px;box-shadow:3px 4px 0 var(--ink);cursor:pointer;border-radius:50%;justify-self:end;place-items:center;font-size:1.15rem;display:grid;position:relative}.play-button:disabled{cursor:wait;opacity:.55}.audio-card audio{opacity:.01;width:1px;height:1px;position:absolute}.timeline-panel{margin-top:14px}.timeline-panel.compact{box-shadow:none}.timeline-panel h2,.decision-card h2,.answer-card h2{letter-spacing:-.06em;margin:5px 0 0;font-size:1.7rem}.timeline-instruction{color:var(--muted);margin:7px 0 0;font-size:.75rem;font-weight:750}.timeline{overscroll-behavior-x:contain;scrollbar-width:thin;align-items:stretch;gap:0;margin:16px -5px 4px;padding:8px 5px 15px;display:flex;overflow-x:auto}.timeline-axis{color:var(--muted);letter-spacing:.12em;text-transform:uppercase;grid-template-columns:auto 1fr auto;align-items:center;gap:9px;margin:-7px 10px 0;font-size:.55rem;font-weight:950;display:grid}.timeline-axis i{background:var(--lavender);height:2px;position:relative}.timeline-axis i:after{border-top:2px solid var(--lavender);border-right:2px solid var(--lavender);content:"";width:7px;height:7px;position:absolute;top:-3px;right:-1px;transform:rotate(45deg)}.timeline-segment{flex:none;align-items:stretch;display:flex}.timeline-slot{width:45px;min-height:130px;color:var(--lavender);cursor:pointer;background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative}.timeline-slot span{z-index:1;border:2px solid var(--ink);background:var(--yellow);width:29px;height:29px;box-shadow:2px 2px 0 var(--ink);color:var(--ink);border-radius:50%;place-items:center;font-size:.95rem;font-weight:950;display:grid;position:relative}.timeline-slot.selected span{background:var(--coral);color:#fff}.timeline-slot:disabled{cursor:default}.timeline-slot:disabled span{background:var(--line);width:12px;height:12px;box-shadow:none;border:0;font-size:0}.timeline-card{border:1.5px solid var(--ink);width:132px;min-height:130px;box-shadow:3px 4px 0 var(--ink);background:#f1efff;border-radius:12px;flex-direction:column;justify-content:flex-end;padding:12px;display:flex;position:relative;overflow:hidden}.timeline-card>span{color:var(--coral);letter-spacing:-.08em;font-size:1.7rem;font-weight:950}.timeline-cover{object-fit:cover;border-radius:7px;width:100%;height:62px;margin-bottom:8px}.timeline-card strong{-webkit-line-clamp:2;color:#171a2b;-webkit-box-orient:vertical;margin:4px 0;font-size:.72rem;line-height:1.05;display:-webkit-box;overflow:hidden}.timeline-card small{color:#626a7c;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.59rem;line-height:1.1;display:-webkit-box;overflow:hidden}.timeline-card b{color:#5c65d5;font-size:.64rem;position:absolute;top:8px;right:8px}.decision-card,.answer-card{margin-top:14px}.decision-card>p{max-width:530px;color:var(--muted);margin:8px 0 17px;font-size:.78rem;line-height:1.45}.decision-buttons{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;display:grid}.decision-buttons .primary-button,.decision-buttons .secondary-button{flex-direction:column;gap:3px;min-height:68px;padding:9px}.decision-buttons .secondary-button{width:100%}.answer-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:15px 0 12px;display:grid}.answer-fields input{border:1.5px solid var(--line);background:var(--paper);border-radius:9px;padding:12px;font-size:.8rem}.waiting-heading{padding:34px 0 7px}.waiting-heading h1{margin-bottom:11px}.waiting-card{background:var(--mint);border-radius:17px;align-items:center;gap:20px;min-height:132px;padding:20px;display:flex}.waiting-card strong{margin:4px 0;font-size:.93rem;display:block}.waiting-card p{color:#47604e;max-width:370px;margin:0;font-size:.72rem;line-height:1.4}.equalizer{align-items:center;gap:4px;width:52px;height:55px;display:flex}.equalizer i{background:var(--ink);border-radius:6px;width:7px;animation:1.1s ease-in-out infinite alternate equalize}.equalizer i:first-child{height:22px;animation-delay:-.2s}.equalizer i:nth-child(2){height:43px;animation-delay:-.6s}.equalizer i:nth-child(3){height:31px;animation-delay:-.35s}.equalizer i:nth-child(4){height:50px;animation-delay:-.8s}.equalizer i:nth-child(5){height:18px}.resolution-card{border:2px solid var(--ink);background:#fff4d0;border-radius:17px;margin-top:14px;padding:18px}.resolution-top{color:#171a2b;justify-content:space-between;align-items:center;display:flex}.resolution-top>strong{letter-spacing:-.02em;font-size:1.05rem}.resolution-card h3{letter-spacing:-.05em;color:#171a2b;margin:13px 0 3px;font-size:1.5rem}.resolution-card>p{color:var(--muted);margin:0;font-size:.76rem}.resolution-track p{color:#626a7c}.resolution-track{align-items:center;gap:13px;display:flex}.resolution-track>div{min-width:0}.resolution-cover{border:2px solid var(--ink);object-fit:cover;width:72px;height:72px;box-shadow:4px 4px 0 var(--yellow);border-radius:6px;flex:none}.resolution-album{color:var(--muted);margin-top:5px;font-size:.65rem;font-weight:800;display:block}.points{background:var(--ink);color:#fff;border-radius:20px;padding:7px 9px;font-size:.7rem;font-weight:950}.points.good{color:#fff;background:#569764}.resolution-tags{flex-wrap:wrap;gap:7px;margin-top:15px;display:flex}.resolution-tags span{color:var(--muted);background:#eadfd0;border-radius:6px;padding:5px 7px;font-size:.6rem;font-weight:900}.resolution-tags span.good{background:var(--mint);color:#3b7448}.resolution-tags span.bad{color:#b84b3c;background:#ffd2cb}.resolution-tags span.double{color:#fff}.resolution-tags span.double.success{background:#5c65d5}.host-audio-note{color:var(--muted);text-align:center;margin:-8px 0 0;font-size:.66rem}.full-button{width:100%}.leaderboard{box-shadow:none}.leaderboard h2,.final-board h2{letter-spacing:-.06em;margin:5px 0 0;font-size:1.45rem}.mini-trophy{background:var(--yellow);border-radius:50%;place-items:center;width:32px;height:32px;font-size:1.1rem;display:grid}.leader-row{min-height:48px}.rank-badge{background:var(--ink);width:27px;height:27px;color:var(--yellow);border-radius:50%;place-items:center;font-size:.65rem;font-weight:950;display:grid}.leader-row>strong,.final-row>strong{color:var(--coral);letter-spacing:-.04em;font-size:1.3rem}.leader-row>strong small,.final-row>strong small{color:var(--muted);letter-spacing:0;margin-left:3px;font-size:.57rem}.empty-state{color:var(--muted);margin:18px 0 2px;font-size:.74rem}.loading-room{text-align:center;justify-items:center;padding:24vh 10px;display:grid}.loading-room h1{letter-spacing:-.06em;margin:18px 0 8px;font-size:2rem}.loading-room p{color:var(--muted);font-size:.78rem}.spinner{border:4px solid var(--line);border-top-color:var(--coral);border-radius:50%;width:36px;height:36px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@keyframes audio-bass{0%,to{transform:scaleY(.58)}18%{transform:scaleY(.94)}36%{transform:scaleY(.78)}57%{transform:scaleY(1)}74%{transform:scaleY(.84)}89%{transform:scaleY(.96)}}@keyframes audio-low{0%,to{transform:scaleY(.42)}17%{transform:scaleY(.88)}39%{transform:scaleY(.61)}68%{transform:scaleY(1)}84%{transform:scaleY(.53)}}@keyframes audio-mid{0%,to{transform:scaleY(.28)}13%{transform:scaleY(.74)}34%{transform:scaleY(.47)}57%{transform:scaleY(1)}76%{transform:scaleY(.39)}91%{transform:scaleY(.81)}}@keyframes audio-high{0%,to{transform:scaleY(.2)}11%{transform:scaleY(.62)}29%{transform:scaleY(.34)}45%{transform:scaleY(.91)}63%{transform:scaleY(.26)}82%{transform:scaleY(.72)}}@keyframes equalize{to{opacity:.7;transform:scaleY(.45)}}@media (min-width:760px){body{padding:25px 0}.home-shell,.room-shell,.game-shell,.results-shell{border:2px solid var(--ink);min-height:calc(100dvh - 50px);box-shadow:9px 11px 0 var(--ink);border-radius:28px}}@media (min-width:621px){.home-footer{margin-top:30px}}@media (min-width:1024px){body{padding:20px 0}.home-shell{gap:12px}.hero-copy h1{font-size:3.2rem}.home-footer{margin-top:auto}}@media (min-width:1024px) and (max-height:940px){body{padding:9px 0}.home-shell{padding-top:16px;padding-bottom:max(14px, env(safe-area-inset-bottom));gap:6px}.hero-copy{padding:2px 0 0}.hero-copy h1{margin:0 0 6px;font-size:2.5rem}.hero-copy>p{font-size:.88rem}.setup-card{padding:15px 22px}.name-list{gap:4px}.setup-options{gap:6px;margin:2px 0 8px;padding-top:10px}.range-grid{gap:6px}}@media (max-width:620px){.home-shell{padding-top:max(14px, env(safe-area-inset-top));padding-right:max(14px, env(safe-area-inset-right));padding-bottom:max(12px, env(safe-area-inset-bottom));padding-left:max(14px, env(safe-area-inset-left));gap:8px}.hero-copy{min-height:0;padding:8px 0 6px}.hero-copy h1{margin:4px 0 8px;font-size:clamp(2.7rem,14.5vw,4rem);line-height:.82}.hero-copy>p{max-width:72%;font-size:clamp(.72rem,3.4vw,.9rem);line-height:1.3}.hero-cassette{width:clamp(98px,31vw,132px);margin:2px 0 2px 10px;padding:11px 10px 7px}.hero-tape-window{height:34px}.hero-tape-window span{border-width:4px;width:17px;height:17px}.hero-tape-label{margin-top:3px;font-size:.46rem}.mode-tabs{gap:7px}.mode-tabs button{grid-template-columns:27px 1fr;padding:8px}.mode-tabs button>span{width:25px;height:25px;font-size:.9rem}.mode-tabs button strong{font-size:.7rem}.mode-tabs button small{font-size:.53rem}.setup-card{min-height:0;padding:14px}.card-heading h2{margin-top:2px;font-size:1.35rem}.name-input input{padding-block:8px}.text-action{margin:9px 0 10px}.setup-options{gap:6px;margin-bottom:10px;padding-top:9px}.round-picker button{min-height:43px;padding:5px}.range-heading{margin-top:4px}.range-grid select{padding:8px}.helper-text{display:none}.how-it-works .helper-text{display:block}.primary-button{min-height:42px}.home-footer{flex:none;margin-top:auto}}:root[data-theme=dark]{--ink:#f7f2e8;--muted:#b7b4ad;--paper:#1c2026;--cream:#111317;--yellow:#f5c84c;--coral:#ff7867;--lavender:#a8a7ff;--mint:#8fd09a;--line:#f7f2e833;--shadow:7px 8px 0 #050608;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-theme=dark] body{background:radial-gradient(circle at 10% 12%, #ffffff12 0 2px, transparent 3px), var(--cream)}:root[data-theme=dark] .mode-tabs button,:root[data-theme=dark] .segmented button,:root[data-theme=dark] .round-picker button{background:#1c2026b8}:root[data-theme=dark] .mode-tabs button.selected{background:#292d38}:root[data-theme=dark] .segmented button.selected,:root[data-theme=dark] .round-picker button.selected{background:#30344d}:root[data-theme=dark] .primary-button,:root[data-theme=dark] .hero-cassette{color:#171a2b}:root[data-theme=dark] .host-controls{background:#1c2026;border-color:#f7f2e84d}:root[data-theme=dark] .host-toggle strong{color:#f7f2e8}:root[data-theme=dark] .hero-tape-window{color:#171a2b;background:#fffdf7;border-color:#171a2b}:root[data-theme=dark] .hero-tape-window span{border-color:#171a2b}:root[data-theme=dark] .theme-icon-light{display:none}:root[data-theme=dark] .theme-icon-dark{display:inline}:root[data-theme=dark] .text-action,:root[data-theme=dark] .link-button,:root[data-theme=dark] .how-it-works summary{color:#b9b8ff}:root[data-theme=dark] .mode-tabs button>span,:root[data-theme=dark] .option-icon{color:#171a2b}:root[data-theme=dark] .option-icon{background:var(--coral);border-radius:50%;place-items:center;width:24px;height:24px;display:inline-grid}:root[data-theme=dark] .logo-cassette{color:#171a2b;box-shadow:2px 2px #050608}@media (max-width:620px){.logo{gap:7px;font-size:.95rem}.logo-cassette{width:27px;height:19px}.logo-rewind{font-size:.52rem}.hero-tape-window strong{font-size:.6rem}.hero-sticker{width:82px;height:82px;font-size:.53rem;right:0}.room-setup-grid{grid-template-columns:1fr}.invite-card{grid-template-columns:1fr 130px;padding:15px}.qr-wrap{transform-origin:100%;transform:scale(.9)}.audio-card{grid-template-columns:88px minmax(112px,1fr) 88px;gap:10px;padding:14px}.cassette-player{width:88px;height:62px}.cassette-window{width:68px;height:25px}.cassette-reel{border-width:3px;width:14px;height:14px}.cassette-tape{width:54px}.turn-heading{align-items:start}.turn-number{display:none}}@media (max-width:430px){.segmented.two-up,.decision-buttons,.answer-fields{grid-template-columns:1fr}.home-footer{flex-wrap:wrap}.invite-card{grid-template-columns:1fr}.qr-wrap{justify-self:start;transform:none}.qr-wrap svg{width:112px;height:112px}.reconnect-card{flex-direction:column;align-items:flex-start}.timeline-card{width:112px}.timeline-slot{width:34px}}@media (pointer:coarse){.range-grid select,.field-label input,.name-input input,.answer-fields input{font-size:16px}}@media (prefers-reduced-motion:reduce){.record,.equalizer i,.spinner{animation:none}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}.results-hero{padding:58px 0 35px;position:relative}.results-hero h1{max-width:650px;margin-top:8px;font-size:clamp(3.5rem,11vw,6.7rem)}.results-hero>p{max-width:430px;color:var(--muted);margin:0;font-size:.82rem;line-height:1.45}.results-hero .hero-sticker{top:42px;right:2%}.results-sticker{background:var(--coral);color:#171a2b;border-style:dashed;align-content:center;gap:2px;transform:rotate(8deg)}.results-sticker small{color:var(--yellow);font-size:1.25rem;line-height:.8}.results-sticker span{color:#171a2b;font-size:.78rem}.final-board{margin-bottom:18px;padding-top:20px;overflow:hidden}.final-board>.section-row{align-items:flex-start;padding:0 0 18px}.final-board>.section-row h2{margin-top:7px;font-size:1.8rem}.final-row{border-top:1px solid var(--line);min-height:58px;padding:0 2px}.final-row.winner{background:var(--yellow);margin:0 -20px;padding-left:22px;padding-right:22px}.timeline-summary{box-shadow:none}.results-timeline{scrollbar-width:thin;gap:10px;margin:0 -4px;padding:2px 4px 8px;display:flex;overflow-x:auto}.summary-track{border:1.5px solid var(--ink);width:150px;box-shadow:3px 3px 0 var(--ink);color:#171a2b;background:#f1efff;border-radius:13px;flex:0 0 150px;grid-template-rows:86px 1fr;display:grid;position:relative;overflow:hidden}.summary-track img{object-fit:cover;width:100%;height:86px}.summary-track div{flex-direction:column;min-height:90px;padding:9px 10px 11px;display:flex}.summary-track div>span{color:#eb655c;letter-spacing:-.06em;font-size:1.2rem;font-weight:950}.summary-track strong{-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:3px;font-size:.68rem;line-height:1.05;display:-webkit-box;overflow:hidden}.summary-track small{color:#626a7c;-webkit-line-clamp:1;-webkit-box-orient:vertical;margin-top:4px;font-size:.58rem;display:-webkit-box;overflow:hidden}.summary-track b{color:#5c65d5;background:#fffaf0;border-radius:999px;padding:3px 5px;font-size:.58rem;position:absolute;top:7px;right:7px}.results-actions{grid-template-columns:1fr 1fr;gap:10px;display:grid}.results-actions .secondary-button,.results-actions .primary-button{width:100%}.privacy-note{text-align:center;margin:24px auto 0}@media (max-width:760px){.results-hero h1{max-width:min(390px,100% - 110px)}}@media (max-width:430px){.results-actions{grid-template-columns:1fr}}