/*! 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,::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:Helvetica, Arial, sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--ease-out:cubic-bezier(.22, 1, .36, 1);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--duration-fast:.12s;--duration-base:.2s;--duration-slow:.28s}}@layer base{*,:after,:before,::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%;-moz-tab-size:4;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;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;-moz-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;-moz-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}.block{display:block}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}}:root{color:#f2f5ff;font-family:var(--font-sans);font-synthesis:none;text-rendering:optimizelegibility;--content-surface:#0e1533;--glass-surface:#111d43ad;--glass-surface-strong:#15234ed1;--glass-border:#bfe0ff40;--glass-highlight:inset 0 1px 0 #ffffff2e;--glass-shadow:0 14px 40px #00000052;--glass-blur:18px;--focus-glow:0 0 0 4px #34e0f22e;background:#070b1f}*{box-sizing:border-box}html{background:#070b1f;min-width:320px;min-height:100%}body{color:#f2f5ff;background-color:#070b1f;background-image:radial-gradient(circle at 12% 12%,#2f6bff2e,#0000 31rem),radial-gradient(circle at 88% 72%,#ff4d9d24,#0000 34rem),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:auto,auto,auto;background-attachment:fixed;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;min-width:320px;min-height:100vh;margin:0;line-height:1.5}h1,h2,h3,h4,h5,h6{font-optical-sizing:auto;text-wrap:balance;font-weight:700}h1{letter-spacing:-.035em;line-height:1.04}h2{letter-spacing:-.02em;line-height:1.12}button,input,select,textarea{font:inherit}:focus-visible{outline-offset:3px;box-shadow:var(--focus-glow);outline:2px solid #34e0f2}::selection{color:#070b1f;background:#34e0f2}@media(prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}@media(prefers-reduced-transparency:reduce){:root{--glass-surface:#15234e;--glass-surface-strong:#15234e;--glass-blur:0px}}@media(prefers-contrast:more){:root{--color-border:#aebcf4;--color-text-muted:#d3daf7;--focus-glow:none}:focus-visible{box-shadow:none;outline-width:3px}}@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}.miami-button{position:relative;isolation:isolate;overflow:hidden;min-height:44px;padding:.7rem 1.15rem;border:1px solid rgb(180 244 251 / 48%);border-radius:999px;color:#070b1f;background:linear-gradient(180deg,rgb(255 255 255 / 24%),transparent 45%),#34e0f2e5;box-shadow:var(--glass-highlight),0 8px 24px #0ca8bf33;-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(135%);backdrop-filter:blur(var(--glass-blur)) saturate(135%);font-weight:750;cursor:pointer;transition:background-color var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out)}.brand-lockup{display:inline-flex;align-items:center;gap:.65rem;color:#f2f5ff;font-size:1.35rem;font-weight:700;letter-spacing:-.03em;line-height:1}.brand-mark{width:3rem;height:auto}.miami-button:hover:not(:disabled){background:linear-gradient(180deg,rgb(255 255 255 / 32%),transparent 48%),#8bedf7f0;border-color:#8bedf7}.miami-button:active:not(:disabled){transform:translateY(1px)}.miami-button:disabled{color:#9aa6d0;background:#161f45c7;border-color:#7e8fc833;box-shadow:var(--glass-highlight);cursor:not-allowed}.miami-surface{border:1px solid #24305e;border-radius:1.5rem;background:linear-gradient(145deg,rgb(255 255 255 / 2%),transparent 38%),var(--content-surface)}.status-dot{display:inline-block;width:.62rem;height:.62rem;border-radius:50%;background:#9aa6d0}.status-dot--correct{background:#34e0f2}.status-dot--incorrect{background:#ff4d9d}.round-countdown{margin:1rem 0 0;color:#b9c4e9;font-size:1rem;text-align:center}.round-countdown strong{display:inline-grid;min-width:2rem;min-height:2rem;place-items:center;margin-left:.25rem;border-radius:50%;color:#070b1f;background:#34e0f2;font-variant-numeric:tabular-nums}@media(prefers-contrast:more){.miami-button,.miami-surface{border-width:2px}}.timeline{width:min(100%,42rem);margin-inline:auto}.timeline__row{display:grid}.timeline-gap{display:grid;height:14px;place-items:center;color:#9aa6d0;font-size:.72rem;font-weight:750;opacity:0;overflow:hidden;transition:height var(--duration-base) var(--ease-out),opacity var(--duration-fast) var(--ease-out)}.timeline-gap--active{height:76px;opacity:1}.timeline-gap--chosen,.timeline-gap--correct,.timeline-gap--occupied{height:40px;opacity:1}.timeline-gap--occupied{height:76px;overflow:visible}.timeline-gap--chosen{color:#ff9a91}.timeline-gap--correct{color:#34e0f2}.timeline-gap span{padding:.25rem .65rem;border:1px dashed currentColor;border-radius:999px}.timeline-card{display:grid;grid-template-columns:minmax(5.6rem,auto) minmax(0,1fr) auto;min-height:76px;align-items:center;gap:clamp(.8rem,3vw,1.35rem);padding:.7rem clamp(.85rem,3vw,1.25rem);border:1px solid #24305e;border-radius:999px;background:#0e1533;transition:border-color var(--duration-base) var(--ease-out),background-color var(--duration-base) var(--ease-out),opacity var(--duration-base) var(--ease-out)}.timeline-card__year{color:#f2f5ff;font-size:clamp(2rem,8vw,3.35rem);font-weight:850;font-variant-numeric:tabular-nums;letter-spacing:-.03em;line-height:.95}.timeline-card__copy{display:grid;min-width:0}.timeline-card__title{overflow:hidden;color:#f2f5ff;font-size:clamp(.95rem,2.8vw,1.12rem);text-overflow:ellipsis;white-space:nowrap}.timeline-card__artist{overflow:hidden;color:#9aa6d0;font-size:.82rem;text-overflow:ellipsis;white-space:nowrap}.timeline-card__status{display:flex;align-items:center;gap:.3rem;font-size:.78rem;font-weight:800}.timeline-card__status--correct{color:#34e0f2}.timeline-card__status--incorrect{color:#ff8c80}.timeline-card--correct,.timeline-card--correct-gap{border-color:#34e0f2;background:#102440;animation:timeline-reveal var(--duration-base) var(--ease-out) both}.timeline-card--incorrect{border-color:#ff4d9d;background:#291633;animation:timeline-reveal var(--duration-base) var(--ease-out) both}.mystery-pill{position:relative;z-index:2;display:grid;grid-template-columns:auto minmax(0,1fr) auto;width:min(100%,42rem);min-height:76px;align-items:center;gap:clamp(.8rem,3vw,1.35rem);margin-inline:auto;padding:.7rem clamp(.85rem,3vw,1.25rem);border:1px solid #596bad;border-radius:999px;color:#f2f5ff;background:#161f45;text-align:left;touch-action:none;cursor:grab;-webkit-user-select:none;user-select:none;will-change:transform;transition:transform var(--duration-slow) var(--ease-out),border-color var(--duration-fast) var(--ease-out),background-color var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out)}.mystery-pill--dragging{border-color:#34e0f2;box-shadow:0 0 0 4px #34e0f224;cursor:grabbing;transition:border-color var(--duration-fast) var(--ease-out),background-color var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out)}.mystery-pill--locked{border-color:#34e0f2;background:#102440;cursor:default}.mystery-pill__icon{display:grid;width:44px;height:44px;place-items:center;border-radius:50%;color:#070b1f;background:#34e0f2;font-size:1.25rem;font-weight:900}.mystery-pill strong,.mystery-pill small{display:block}.mystery-pill small{color:#b9c4e9}.mystery-pill__grip{color:#9aa6d0;font-size:1.4rem}@keyframes timeline-reveal{0%{opacity:0;transform:translateY(6px)}}@media(max-width:480px){.timeline-card{grid-template-columns:minmax(4.8rem,auto) minmax(0,1fr)}.timeline-card__status{grid-column:1 / -1;justify-self:center}}@media(prefers-reduced-motion:reduce){.timeline-gap{transition:opacity 1ms linear}.mystery-pill{will-change:auto}.timeline-card--correct,.timeline-card--correct-gap,.timeline-card--incorrect{animation-name:timeline-crossfade}}@keyframes timeline-crossfade{0%{opacity:0}}@media(prefers-contrast:more){.timeline-card,.mystery-pill{border-width:2px}.timeline-card__artist,.mystery-pill small{color:#d3daf7}}.host-shell{width:min(100% - 2rem,86rem);min-height:100vh;margin-inline:auto;padding:clamp(1.5rem,4vw,3.5rem) 0 4rem}.host-back-link,.host-exit-link{display:inline-flex;min-height:44px;align-items:center;padding:.55rem .85rem;border:1px solid var(--glass-border);border-radius:999px;color:#dbe2ff;background:var(--glass-surface);box-shadow:var(--glass-highlight);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(130%);backdrop-filter:blur(var(--glass-blur)) saturate(130%);font-weight:700;text-decoration:none}.host-back-link{margin-bottom:1rem}.host-exit-link{position:fixed;z-index:20;top:max(.75rem,env(safe-area-inset-top));left:max(.75rem,env(safe-area-inset-left))}.host-shell--setup:before,.host-shell--lobby:before{position:fixed;z-index:-1;top:-18rem;left:50%;width:min(75rem,120vw);height:38rem;border-radius:50%;background:radial-gradient(circle,rgb(47 107 255 / 24%),transparent 68%);content:"";transform:translate(-50%);pointer-events:none}.host-hero,.host-lobby-hero{max-width:50rem;margin:0 auto clamp(2rem,5vw,4rem);text-align:center}.host-brand{margin-bottom:.75rem}.host-kicker,.host-eyebrow{color:#34e0f2;font-size:.76rem;font-weight:850;letter-spacing:.12em;text-transform:uppercase}.host-hero h1,.host-game-header h1,.host-shell--centered h1{margin:.25rem 0 .5rem;font-size:clamp(2.6rem,8vw,6rem);font-weight:700;letter-spacing:-.035em;line-height:1.04}.host-hero p,.host-lead,.host-lobby-hero p{margin:0;color:#b6c1e6;font-size:clamp(1rem,2vw,1.22rem)}.host-setup-grid,.host-room-grid,.host-game-grid,.host-reveal-grid{display:grid;align-items:start;gap:1rem}.host-setup-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.host-panel{padding:clamp(1rem,2.5vw,1.6rem)}.host-panel-heading,.host-game-header,.host-now-playing{display:flex;align-items:center;justify-content:space-between;gap:1rem}.host-panel-heading{margin-bottom:1.25rem}.host-panel h2,.host-now-playing h2{margin:.12rem 0 0;font-size:clamp(1.2rem,2.5vw,1.6rem);font-weight:700;letter-spacing:-.02em;line-height:1.12}.host-muted,.host-empty,.host-placement{color:#9aa6d0}.host-account{display:grid;grid-template-columns:auto minmax(0,1fr) auto;min-height:60px;align-items:center;gap:.75rem;padding:.55rem .7rem;border:1px solid #344171;border-radius:999px;background:#101938}.host-account img,.host-account-avatar{width:42px;height:42px;border-radius:50%}.host-account img{object-fit:cover}.host-account-avatar{display:grid;place-items:center;color:#070b1f;background:#34e0f2;font-weight:850}.host-account>span:nth-child(2){display:grid;min-width:0}.host-account strong,.host-account small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.host-account small{color:#9aa6d0;font-size:.78rem}.host-switch{margin-top:1rem;text-align:center;color:#9aa6d0;font-size:.95rem}.host-switch a{color:var(--cyan, #34e0f2);font-weight:600;text-decoration:none;border-bottom:1px solid color-mix(in srgb,var(--cyan, #34e0f2) 40%,transparent);padding-bottom:1px}.host-switch a:hover,.host-switch a:focus-visible{border-bottom-color:var(--cyan, #34e0f2)}.host-field{display:grid;gap:.45rem;margin-top:1rem}.host-field>span{display:grid}.host-field small,.host-check small,.host-player-name small,.host-result-list small{display:block;color:#9aa6d0;font-size:.78rem}.host-field input,.host-field select,.host-field textarea{width:100%;min-height:44px;padding:.65rem .75rem;border:1px solid #344171;border-radius:.75rem;color:#f2f5ff;background:var(--glass-surface);box-shadow:var(--glass-highlight);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(130%);backdrop-filter:blur(var(--glass-blur)) saturate(130%);font:inherit}.host-field textarea{resize:vertical}.host-import{margin-top:1.2rem;border-top:1px solid #24305e;padding-top:1rem}.host-import summary{min-height:44px;color:#c9d3f6;font-weight:750;cursor:pointer}.host-import-fields{padding-top:.25rem}.host-segmented{display:grid;grid-template-columns:repeat(4,1fr);overflow:hidden;border:1px solid #344171;border-radius:.75rem;background:var(--glass-surface);box-shadow:var(--glass-highlight);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(130%);backdrop-filter:blur(var(--glass-blur)) saturate(130%)}.host-segmented button{min-height:44px;border:0;border-right:1px solid #344171;color:#c0caee;background:transparent;cursor:pointer}.host-segmented button:last-child{border-right:0}.host-segmented button[aria-pressed=true]{color:#070b1f;background:#34e0f2;font-weight:800}.host-check{display:flex;min-height:44px;align-items:center;gap:.7rem;margin-top:1rem}.host-check input{width:1.15rem;height:1.15rem;accent-color:#34e0f2}.host-check--compact{margin-top:0}.host-check-row{display:flex;gap:1.25rem;margin:.5rem 0 0 1.8rem}.host-colors{display:flex;gap:.65rem;margin:1rem 0 0;padding:0;border:0}.host-colors legend{margin-bottom:.45rem;font-weight:700}.host-colors button{width:44px;height:44px;border:3px solid transparent;border-radius:50%;background:var(--player-color);cursor:pointer}.host-colors button.is-selected{border-color:#f2f5ff;box-shadow:0 0 0 3px #34e0f238}.host-create{width:100%;margin-top:1.35rem}.host-button--secondary{color:#dbe2ff;background:var(--glass-surface-strong);border-color:var(--glass-border)}.host-button--secondary:hover:not(:disabled){color:#f2f5ff;background:#283973e0;border-color:#6676ae}.host-button--quiet{color:#c8d1f2;background:#101b3d7a;border-color:var(--glass-border)}.host-button--urgent{color:#f2f5ff;background:#9f245c;border-color:#ff4d9d}.host-button--urgent:hover:not(:disabled){background:#bd2b6b;border-color:#ff7bb7}.host-lobby-hero h1{margin:.2rem 0;color:#f2f5ff;font-size:clamp(5rem,19vw,12rem);font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:.08em;line-height:1}.host-lobby-hero strong{color:#f2f5ff;overflow-wrap:anywhere}.host-room-grid{grid-template-columns:minmax(0,1.25fr) minmax(20rem,.75fr);width:min(100%,66rem);margin-inline:auto}.host-player-list,.host-result-list{display:grid;gap:.55rem;margin:0;padding:0;list-style:none}.host-player-list li,.host-result-list li{display:flex;min-height:58px;align-items:center;gap:.7rem;padding:.45rem 0;border-bottom:1px solid #24305e}.host-player-list li:last-child,.host-result-list li:last-child{border-bottom:0}.host-avatar{display:grid;flex:0 0 auto;width:42px;height:42px;place-items:center;border:2px solid rgb(255 255 255 / 42%);border-radius:50%;color:#070b1f;font-weight:900}.host-player-name,.host-result-list li>span:nth-child(2){min-width:0;flex:1}.host-points{color:#b9c4e9;font-variant-numeric:tabular-nums;font-weight:800}.host-resolve{min-height:36px;padding:.35rem .7rem;font-size:.78rem}.host-start-panel{position:sticky;top:1rem}.host-readiness{display:grid;gap:.35rem}.host-readiness p{display:flex;align-items:center;gap:.55rem;margin:0}.host-device-panel{align-self:start}.host-device-list{display:grid;gap:.6rem}.host-device-list button{min-height:56px;display:flex;align-items:center;justify-content:space-between;gap:1rem;width:100%;padding:.7rem .9rem;border:1px solid #344171;border-radius:.8rem;color:#eef2ff;background:var(--glass-surface);box-shadow:var(--glass-highlight);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(130%);backdrop-filter:blur(var(--glass-blur)) saturate(130%);text-align:left;cursor:pointer;transition:border-color .16s ease-out,background-color .16s ease-out}.host-device-list button:hover{border-color:#6d7fc0;background:#151e43}.host-device-list button.is-selected{border-color:#34e0f2;background:#34e0f21a}.host-device-list button span:first-child{display:grid;gap:.15rem}.host-device-list button small,.host-device-message{color:#b9c4e9}.host-device-list button span:last-child{color:#34e0f2;font-size:.78rem;font-weight:800}.host-device-message,.host-device-missing{margin:0}.host-device-missing{margin-top:.8rem;color:#ffb0c9;font-weight:700}.host-rule-summary{display:grid;gap:.65rem;margin:1.35rem 0 0}.host-rule-summary div{display:flex;justify-content:space-between;gap:1rem}.host-rule-summary dt{color:#9aa6d0}.host-rule-summary dd{margin:0;text-align:right;text-transform:capitalize}.host-game-header{margin-bottom:1.5rem}.host-game-header h1{font-size:clamp(2rem,5vw,4rem)}.host-room-chip,.host-progress{padding:.45rem .8rem;border:1px solid #344171;border-radius:999px;color:#b9c4e9;background:var(--glass-surface);box-shadow:var(--glass-highlight);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(130%);backdrop-filter:blur(var(--glass-blur)) saturate(130%);font-weight:750}.host-game-grid{grid-template-columns:minmax(0,1fr) minmax(18rem,24rem)}.host-main-column{display:grid;gap:1rem}.host-game-grid aside{position:sticky;top:1rem}.host-now-playing{justify-content:flex-start}.host-playing-icon,.host-wait-pulse{display:grid;width:58px;height:58px;flex:0 0 auto;place-items:center;border:1px solid #425083;border-radius:50%;color:#9aa6d0;background:#161f45;font-size:1.4rem}.host-playing-icon.is-playing{color:#070b1f;background:#34e0f2;border-color:#34e0f2;box-shadow:0 0 0 5px #34e0f221}.host-round-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem;margin-top:1.25rem}.host-round-stats div{display:grid;padding:.85rem;border:1px solid #24305e;border-radius:.9rem;background:#0a1028}.host-round-stats span{color:#9aa6d0;font-size:.78rem}.host-clues{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}.host-clues span{padding:.45rem .7rem;border:1px solid #5d5191;border-radius:999px;color:#d9d1ff;background:#201c42;text-transform:capitalize}.host-control-actions{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:1rem;width:fit-content;padding:.45rem;border:1px solid var(--glass-border);border-radius:999px;background:var(--glass-surface);box-shadow:var(--glass-highlight),var(--glass-shadow);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(140%);backdrop-filter:blur(var(--glass-blur)) saturate(140%)}.host-own-board{overflow:hidden}.host-own-board .mystery-pill{margin-bottom:.25rem}.host-placement{margin:.2rem 0 .65rem;text-align:center;font-size:.8rem}.host-lock{display:block;min-width:12rem;margin:1.1rem auto 0}.host-reveal-grid{grid-template-columns:minmax(0,1.1fr) minmax(20rem,.9fr)}.host-answer-card{display:grid;grid-template-columns:minmax(12rem,42%) minmax(0,1fr);min-height:25rem;overflow:hidden;background:#0e1533}.host-answer-art{width:100%;height:100%;min-height:22rem;object-fit:cover}.host-answer-art--empty{display:grid;place-items:center;color:#34e0f2;background:#161f45;font-size:5rem}.host-answer-copy{display:flex;min-width:0;flex-direction:column;justify-content:center;padding:clamp(1.5rem,4vw,3rem)}.host-answer-copy time{color:#34e0f2;font-size:clamp(4rem,10vw,8rem);font-weight:900;font-variant-numeric:tabular-nums;letter-spacing:-.05em;line-height:.9;animation:host-reveal .2s var(--ease-out) both}.host-answer-copy h2{margin:1rem 0 0;overflow:hidden;font-size:clamp(1.6rem,4vw,3rem);font-weight:700;letter-spacing:-.025em;line-height:1.08;text-overflow:ellipsis}.host-answer-copy p{margin:.4rem 0 0;color:#b4bfe4;font-size:1.1rem}.host-callout{padding:.75rem;border-left:3px solid #34e0f2;color:#dce3fc;background:#102440}.host-callout--urgent{border-left-color:#ff4d9d;background:#291633}.host-result-list small{color:#bec8ec}.host-shell--centered{display:flex;max-width:48rem;flex-direction:column;align-items:center;justify-content:center;text-align:center}.host-shell--centered .host-lead{margin-bottom:1.5rem}.host-starter-card,.host-contenders,.host-scoreboard{width:min(100%,38rem);margin-bottom:1.5rem}.host-contenders{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem}.host-contenders>div{display:flex;align-items:center;gap:.6rem;padding:.6rem 1rem;border:1px solid #344171;border-radius:999px;background:#0a1028}.host-scoreboard{display:grid;gap:.45rem}.host-scoreboard>div{display:grid;grid-template-columns:2rem 1fr auto;gap:.8rem;padding:.75rem;border-radius:.75rem;text-align:left}.host-scoreboard>div.is-winner{color:#070b1f;background:#34e0f2}.host-finish-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:.75rem}.host-wait-pulse{margin-bottom:1rem;color:#070b1f;background:#34e0f2;border-color:#34e0f2;animation:host-pulse 1.6s var(--ease-in-out) infinite}@keyframes host-reveal{0%{opacity:0;transform:translateY(6px)}}@keyframes host-pulse{50%{opacity:.65;transform:translateY(-3px)}}@media(max-width:960px){.host-setup-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.host-panel--spotify{grid-column:1 / -1}.host-game-grid,.host-reveal-grid{grid-template-columns:1fr}.host-game-grid aside,.host-start-panel{position:static}}@media(max-width:680px){.host-setup-grid,.host-room-grid{grid-template-columns:1fr}.host-game-header,.host-panel-heading{align-items:flex-start}.host-answer-card{grid-template-columns:1fr}.host-answer-art{min-height:auto;aspect-ratio:16 / 9}.host-answer-copy{padding:1.4rem}}@media(max-width:440px){.host-shell{width:min(100% - 1rem,86rem)}.host-segmented{grid-template-columns:repeat(2,1fr)}.host-segmented button:nth-child(2){border-right:0}.host-segmented button:nth-child(-n+2){border-bottom:1px solid #344171}.host-round-stats{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.host-answer-copy time{animation-name:host-crossfade}.host-wait-pulse{animation:none}}@keyframes host-crossfade{0%{opacity:0}}@media(prefers-reduced-transparency:reduce){.host-shell--setup:before,.host-shell--lobby:before{display:none}}@media(prefers-contrast:more){.host-field input,.host-field select,.host-field textarea,.host-room-chip,.host-progress{border-color:#aebcf4}.host-playing-icon.is-playing,.host-colors button.is-selected{box-shadow:none}}.landing-page{display:grid;width:min(100% - 2rem,62rem);min-height:100svh;align-content:center;gap:clamp(1.5rem,4vw,2.5rem);margin-inline:auto;padding-block:2rem}.landing-brand{justify-self:center;gap:clamp(.8rem,2vw,1.15rem);font-size:clamp(2.4rem,7vw,4.5rem)}.landing-brand .brand-mark{width:clamp(5.5rem,15vw,9rem)}.landing-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(1rem,3vw,1.5rem)}.landing-choice{display:grid;min-height:clamp(13rem,32vw,20rem);place-items:center;padding:2rem;border:1px solid var(--glass-border);border-radius:2rem;color:#f2f5ff;background:linear-gradient(145deg,rgb(255 255 255 / 8%),transparent 42%),var(--glass-surface-strong);box-shadow:var(--glass-highlight),var(--glass-shadow);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(140%);backdrop-filter:blur(var(--glass-blur)) saturate(140%);font-size:clamp(1.6rem,4vw,2.7rem);font-weight:700;letter-spacing:-.03em;line-height:1.05;text-align:center;text-decoration:none;transition:border-color var(--duration-base) var(--ease-out),background-color var(--duration-base) var(--ease-out),transform var(--duration-base) var(--ease-out)}.landing-choice--create{border-color:#34e0f26b}.landing-choice--join{border-color:#ff4d9d6b}.landing-choice:hover{border-color:#f2f5ff9e;background-color:#233167d6;transform:translateY(-2px)}.landing-choice:active{transform:scale(.985);transition-duration:var(--duration-fast)}@media(max-width:620px){.landing-choices{grid-template-columns:1fr}.landing-choice{min-height:clamp(10rem,38svh,16rem)}}@media(prefers-reduced-motion:reduce){.landing-choice:hover,.landing-choice:active{transform:none}}.player-shell{width:min(100%,52rem);min-height:100svh;margin-inline:auto;padding:max(1rem,env(safe-area-inset-top)) max(1rem,env(safe-area-inset-right)) max(1.5rem,env(safe-area-inset-bottom)) max(1rem,env(safe-area-inset-left))}.player-shell--join{display:grid;place-items:center}.player-topbar,.round-header,.score-strip,.round-actions,.player-list li,.player-connection,.socket-error{display:flex;align-items:center}.player-topbar{justify-content:space-between;min-height:44px;margin-bottom:1rem;color:#9aa6d0;font-size:.82rem;font-weight:750}.player-topbar-actions{display:flex;align-items:center;gap:.5rem}.player-leave{min-height:44px;padding:.42rem .7rem;border:1px solid var(--glass-border);border-radius:999px;color:#dbe2ff;background:var(--glass-surface);box-shadow:var(--glass-highlight);font-weight:700;cursor:pointer}.room-mark{padding:.42rem .7rem;border:1px solid var(--glass-border);border-radius:999px;background:var(--glass-surface);box-shadow:var(--glass-highlight);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(130%);backdrop-filter:blur(var(--glass-blur)) saturate(130%);letter-spacing:.08em;text-transform:uppercase}.player-connection{gap:.45rem;padding:.42rem .7rem;border:1px solid var(--glass-border);border-radius:999px;background:var(--glass-surface);box-shadow:var(--glass-highlight);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(130%);backdrop-filter:blur(var(--glass-blur)) saturate(130%)}.join-card,.phase-card,.timeline-board,.status-panel,.answer-card{padding:clamp(1rem,5vw,2rem)}.join-card{width:min(100%,29rem)}.join-brand{display:flex;margin-bottom:1rem}.eyebrow{margin:0 0 .35rem;color:#34e0f2;font-size:.78rem;font-weight:850;letter-spacing:.12em;text-transform:uppercase}.join-card h1,.phase-card h1,.round-header h1,.answer-card h1{margin:0;font-size:clamp(1.75rem,8vw,3rem);font-weight:700;letter-spacing:-.03em;line-height:1.06}.join-card>p:not(.eyebrow),.phase-card>p:not(.eyebrow),.waiting-copy{color:#b9c4e9}.join-form{display:grid;gap:.8rem;margin-top:1.4rem}.join-form label,.color-picker legend{font-weight:750}.join-form input:not([type=radio]){width:100%;min-height:50px;padding:.7rem .9rem;border:1px solid #596bad;border-radius:.8rem;color:#f2f5ff;background:var(--glass-surface);box-shadow:var(--glass-highlight);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(130%);backdrop-filter:blur(var(--glass-blur)) saturate(130%);font-size:max(1rem,16px)}.code-input{text-align:center;font-size:clamp(1.7rem,10vw,2.5rem)!important;font-weight:850;letter-spacing:.16em;text-transform:uppercase}.color-picker{min-width:0;margin:.35rem 0;padding:0;border:0}.color-picker legend span{color:#9aa6d0;font-weight:500}.color-picker>div{display:flex;flex-wrap:wrap;gap:.55rem;margin-top:.55rem}.color-picker label{display:grid;min-width:44px;min-height:44px;place-items:center;cursor:pointer}.color-picker input{position:absolute;opacity:0}.color-picker label>span:not(.sr-only){width:34px;height:34px;border:3px solid #070b1f;border-radius:50%;outline:1px solid #596bad;transition:outline-color var(--duration-fast) var(--ease-out)}.color-picker input:checked+span,.color-picker input:focus-visible+span{outline:3px solid #34e0f2;outline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.back-link{display:inline-flex;min-height:44px;align-items:center;margin-bottom:.7rem;color:#b9c4e9}.form-error,.socket-error{color:#ffb0a7}.form-error{margin:0}.socket-error{justify-content:space-between;gap:1rem;margin-bottom:1rem;padding:.6rem .8rem;border:1px solid #ff7a6b;border-radius:.8rem;background:#291633}.socket-error button{min-width:44px;min-height:44px;border:0;color:inherit;background:transparent;font-size:1.35rem}.phase-card{text-align:center}.settings-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:.55rem;margin:1.4rem 0}.settings-summary span{display:grid;min-width:0;padding:.75rem .4rem;border-radius:.8rem;color:#9aa6d0;background:#161f45;font-size:.78rem}.settings-summary strong{color:#f2f5ff}.player-list{display:grid;gap:.45rem;margin:1.2rem 0 0;padding:0;list-style:none;text-align:left}.player-list li{min-height:54px;gap:.7rem;padding:.45rem .65rem;border-radius:.8rem;background:#161f45}.player-list__self{border:1px solid #596bad}.player-list li>span:nth-child(2){display:grid;min-width:0;flex:1}.player-list small{color:#9aa6d0}.player-swatch{width:.8rem;height:.8rem;flex:0 0 auto;border:1px solid rgb(255 255 255 / 45%);border-radius:50%}.player-lock{color:#34e0f2;font-weight:900}.round-header{justify-content:space-between;gap:1rem;margin-bottom:1rem;scroll-margin-top:max(1rem,env(safe-area-inset-top))}.placement-view{min-height:100svh}.score-strip{flex:0 0 auto;gap:.5rem}.score-strip span{display:grid;min-width:5rem;padding:.55rem .65rem;border:1px solid #24305e;border-radius:.8rem;color:#9aa6d0;background:#0e1533;font-size:.72rem;text-align:center}.score-strip strong{color:#f2f5ff;font-size:1.05rem}.timeline-board{overflow:hidden}.placement-help{min-height:1.5rem;margin:.65rem 0 0;color:#b9c4e9;font-size:.83rem;text-align:center}.round-actions{justify-content:space-between;gap:1rem;position:sticky;bottom:max(.7rem,env(safe-area-inset-bottom));z-index:5;margin:1rem 0;padding:.7rem;border:1px solid var(--glass-border);border-radius:999px;background:var(--glass-surface-strong);box-shadow:var(--glass-highlight),var(--glass-shadow);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(140%);backdrop-filter:blur(var(--glass-blur)) saturate(140%)}.round-actions .miami-button{flex:1}.round-actions>span{padding-right:.55rem;color:#9aa6d0;font-size:.78rem;white-space:nowrap}.status-panel{margin-top:1rem}.status-panel h2{margin:0;font-size:1.05rem;font-weight:700;line-height:1.12}.answer-card{margin-bottom:1rem;text-align:center;background:linear-gradient(145deg,#2f6bff29,#34e0f20f),#0e1533;animation:player-answer-in var(--dur-base, .2s) var(--ease-out) both}.answer-card--incorrect{border-color:#ff4d9d}.answer-card time{display:block;margin:.15rem 0;color:#f2f5ff;font-size:clamp(3rem,18vw,6rem);font-weight:900;font-variant-numeric:tabular-nums;letter-spacing:-.05em;line-height:1}.answer-card>p:not(.eyebrow){margin:.3rem 0 1rem;color:#b9c4e9}.outcome{display:inline-flex;min-height:44px;align-items:center;padding:.55rem 1rem;border-radius:999px;color:#34e0f2;background:#102440}.answer-card--incorrect .outcome{color:#ff9a91;background:#291633}.waiting-copy{text-align:center}.sudden-death{border-color:#b9a7ff}.finished-card{background:linear-gradient(145deg,#2f6bff29,#34e0f20f),#0e1533}.trophy{display:grid;width:5rem;height:5rem;place-items:center;margin:0 auto 1rem;border:2px solid #34e0f2;border-radius:50%;color:#070b1f;background:#34e0f2;font-size:2.5rem}@keyframes player-answer-in{0%{opacity:0;transform:translateY(6px)}}@media(max-width:600px){.round-header{display:grid}.score-strip{width:100%}.score-strip span{flex:1}}@media(max-width:400px){.settings-summary{grid-template-columns:1fr}.round-actions{border-radius:1rem}.round-actions>span{display:none}}@media(orientation:landscape)and (max-height:520px){.player-shell{width:min(100%,64rem)}.phase-card{padding-block:1rem}}@media(prefers-reduced-motion:reduce){.answer-card{animation-name:player-answer-crossfade}}@keyframes player-answer-crossfade{0%{opacity:0}}@media(prefers-reduced-transparency:reduce){.round-actions{box-shadow:none}}@media(prefers-contrast:more){.join-form input:not([type=radio]),.player-list__self,.score-strip span,.round-actions,.socket-error{border-width:2px}.player-topbar,.player-list small,.round-actions>span{color:#d3daf7}}.demo-shell{width:min(100% - 1.5rem,58rem);margin-inline:auto;padding:clamp(1.25rem,4vw,3rem) 0 3rem}.demo-header{margin:0 auto 1.25rem;text-align:center}.demo-kicker{color:#34e0f2;font-size:.78rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.demo-header h1{margin:.2rem 0 .3rem;font-size:clamp(2rem,7vw,4rem);letter-spacing:-.03em;font-weight:700;line-height:1.04}.demo-header p{max-width:38rem;margin:0 auto;color:#9aa6d0}.demo-board{padding:clamp(.75rem,3vw,1.5rem);background:linear-gradient(145deg,#2f6bff2e,#ff4d9d14),#0e1533}.demo-mystery{position:sticky;z-index:3;top:.5rem;margin-bottom:.25rem;padding:.45rem;border-radius:1.2rem;background:var(--glass-surface)}.demo-placement{min-height:1.5em;margin:.4rem 0 0;color:#b9c4e9;font-size:.78rem;text-align:center}.demo-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:.6rem;margin-top:1rem}.demo-button--secondary{color:#f2f5ff;background:#161f45;border-color:#596bad}.demo-button--secondary:hover:not(:disabled){color:#070b1f}.demo-button--quiet{color:#b9c4e9;background:transparent;border-color:#24305e}.demo-result{min-height:1.5em;margin:.85rem 0 0;color:#d8dff9;font-weight:700;text-align:center}@media(prefers-reduced-transparency:reduce){.demo-mystery{background:#0e1533}}@media(prefers-contrast:more){.demo-board{background:#0e1533}}