:root{--ink: #11110f;--ink-2: #1c1b18;--ink-3: #2b2924;--ivory: #f1eee4;--ivory-2: #e8e4d8;--paper: #f7f4eb;--paper-2: #efebe0;--muted: #6f6d64;--faint: #a5a197;--ember: #c2552f;--gold: #d7cfba;--line: rgba(17, 17, 15, .13);--line-strong: rgba(17, 17, 15, .3);--light-line: rgba(241, 238, 228, .22);--light-line-strong: rgba(241, 238, 228, .45);--display: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Segoe UI", system-ui, "Helvetica Neue", sans-serif;--sans: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", system-ui, "Helvetica Neue", sans-serif;--shadow-card: 0 30px 80px rgba(0, 0, 0, .3);--shadow-modal: 0 40px 120px rgba(0, 0, 0, .5);--ease: cubic-bezier(.22, .61, .36, 1);--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--safe-right: env(safe-area-inset-right, 0px);color:var(--ink);font-family:var(--sans);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;background:var(--ink)}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{overscroll-behavior:none;-webkit-tap-highlight-color:transparent}button,input{font:inherit;color:inherit}button{-webkit-user-select:none;user-select:none}button:focus-visible,input:focus-visible,[tabindex]:focus-visible{outline:2px solid currentColor;outline-offset:3px}::selection{background:var(--ink);color:var(--ivory)}@keyframes rise{0%{opacity:0;transform:translate3d(0,14px,0)}to{opacity:1;transform:none}}@keyframes fade{0%{opacity:0}to{opacity:1}}.setup-intro,.player-list,.setup-section,.start-button,.waiting-banner,.hero-copy,.now-playing,.buzzer-panel,.reveal-copy,.album-card,.winner-copy,.results-board-inner,.guest-session__card{animation:rise .62s var(--ease) both}.player-list{animation-delay:60ms}.setup-section{animation-delay:.11s}.start-button,.waiting-banner{animation-delay:.17s}.buzzer-panel,.album-card{animation-delay:90ms}.brand{display:inline-flex;align-items:center;gap:11px;color:var(--ink)}.brand--light{color:var(--ivory)}.brand-mark{width:25px;height:25px;border:1px solid currentColor;border-radius:50%;position:relative;display:inline-grid;place-items:center}.brand-mark:before,.brand-mark:after{content:"";position:absolute;border:1px solid currentColor;border-radius:50%}.brand-mark:before{width:13px;height:13px}.brand-mark:after{width:4px;height:4px;background:currentColor}.brand-mark span{position:absolute;width:1px;height:6px;background:currentColor;right:-4px;top:10px}.brand-name{font-size:12px;font-weight:700;letter-spacing:.18em}.brand-name em{font-style:normal;opacity:.6}.tiny-label{display:inline-block;color:var(--ink);font-size:9.5px;font-weight:700;letter-spacing:.24em;line-height:1.35}.tiny-label--light{color:var(--ivory)}.quiet-link{border:0;background:transparent;padding:8px;display:inline-flex;align-items:center;gap:7px;color:var(--muted);font-size:11.5px;cursor:pointer;transition:opacity .18s var(--ease)}.quiet-link--light{color:#f1eee4cc}.quiet-link:hover{opacity:.62}.icon-button{width:44px;height:44px;padding:0;border:1px solid var(--line);border-radius:50%;background:transparent;display:inline-grid;place-items:center;cursor:pointer;transition:background .2s var(--ease),color .2s var(--ease),transform .2s var(--ease)}.icon-button:hover{background:var(--ink);color:var(--ivory)}.icon-button:active{transform:scale(.94)}.icon-button--dark{border-color:var(--light-line);color:var(--ivory);background:#0000003d;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.icon-button--dark:hover{background:var(--ivory);color:var(--ink)}.button{min-height:54px;border:1px solid transparent;display:inline-flex;align-items:center;justify-content:center;gap:13px;padding:0 24px;font-size:9.5px;font-weight:700;letter-spacing:.17em;cursor:pointer;transition:background .2s var(--ease),color .2s var(--ease),transform .16s var(--ease),opacity .2s var(--ease)}.button:active{transform:translateY(1px)}.button--wide{width:100%}.button--dark{background:var(--ink);color:var(--ivory)}.button--dark:hover{background:var(--ink-3)}.button--light{background:var(--ivory);color:var(--ink)}.button--light:hover{background:#fff}.button--outline{background:transparent;border-color:var(--line-strong)}.button--outline:hover{background:var(--ink);color:var(--ivory);border-color:var(--ink)}.button:disabled,.icon-button:disabled{opacity:.42;cursor:not-allowed;transform:none}.boot-screen{min-height:100dvh;display:grid;place-items:center;background:var(--ink);color:var(--ivory);font-size:10px;letter-spacing:.2em}.auth-screen{min-height:100dvh;display:grid;grid-template-columns:1.1fr .9fr;background:var(--paper)}.auth-art{padding:34px clamp(24px,6vw,86px);color:var(--ivory);background:linear-gradient(135deg,#11110f6b,#11110fe6),var(--hero-image) center/cover;display:flex;flex-direction:column;justify-content:space-between}.auth-art h1{margin:14px 0;font:300 clamp(48px,7vw,92px)/.94 var(--display);letter-spacing:-.06em}.auth-art h1 em{color:var(--gold);font-style:normal}.auth-art p{max-width:340px;color:#f1eee4ad;font-size:13px;line-height:1.6}.auth-card{width:min(430px,100%);align-self:center;justify-self:center;padding:30px}.auth-card h2{margin:14px 0 10px;font:300 clamp(38px,5vw,58px)/1 var(--display);letter-spacing:-.05em}.auth-lede{color:var(--muted);font-size:13px;line-height:1.55;margin-bottom:28px}.auth-card form{display:grid;gap:11px}.auth-card label{min-height:53px;padding:0 15px;border:1px solid var(--line);display:flex;align-items:center;gap:10px;background:#ffffff40}.auth-card input{width:100%;border:0;outline:0;background:transparent;font-size:13px}.auth-error,.auth-message{margin:3px 0;font-size:11px;line-height:1.45}.auth-error{color:var(--ember)}.auth-message{color:#3c7050}.auth-switches{display:flex;justify-content:space-between;gap:12px;margin-top:17px}.auth-switches button{border:0;padding:0;background:transparent;color:var(--muted);font-size:10px;cursor:pointer;text-decoration:underline}.account-bar{display:flex;align-items:center;gap:9px;padding:11px 24px;border-bottom:1px solid var(--line);background:var(--paper-2)}.account-avatar{width:28px;height:28px;display:grid;place-items:center;border-radius:50%;background:var(--ink);color:var(--ivory);font-size:8px;font-weight:700}.account-copy{display:flex;flex-direction:column;gap:2px;min-width:0}.account-copy strong{font-size:10px}.account-copy small{color:var(--muted);font-size:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.spotify-pill{margin-left:auto;display:inline-flex;align-items:center;gap:5px;font-size:8px;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}.spotify-pill i{width:7px;height:7px;border-radius:50%;background:var(--ember)}.spotify-pill.is-connected i{background:#3c8b58}.account-action{width:27px;height:27px;border:1px solid var(--line);background:transparent;display:grid;place-items:center;cursor:pointer}.player-avatar,.score-avatar{width:36px;height:36px;flex:0 0 auto;border:1px solid var(--line);border-radius:50%;display:inline-grid;place-items:center;font-size:9px;font-weight:700;letter-spacing:.04em}.player-avatar.is-away{opacity:.4;border-style:dashed}.avatar-stack{display:flex}.avatar-stack span{width:27px;height:27px;margin-left:-8px;border:2px solid var(--paper);border-radius:50%;background:var(--ivory-2);display:grid;place-items:center;font-size:7px;font-weight:700}.avatar-stack span:first-child{margin-left:0}.avatar-stack__more{background:var(--ink);color:var(--ivory)}.status-check{margin-left:auto;width:21px;height:21px;display:grid;place-items:center;border-radius:50%;background:var(--ink);color:var(--ivory)}.status-dot{margin-left:auto;margin-right:7px;width:7px;height:7px;border-radius:50%;background:var(--faint)}.searching-dot{width:7px;height:7px;border-radius:50%;background:currentColor;animation:search-blink .9s ease-in-out infinite alternate}@keyframes search-blink{to{opacity:.15}}.waiting-banner{min-height:54px;padding:0 20px;display:flex;align-items:center;justify-content:center;gap:11px;border:1px dashed var(--line-strong);color:var(--muted);font-size:10px;font-weight:600;letter-spacing:.1em;text-align:center}.waiting-banner--dark{border-color:var(--light-line-strong);color:#f1eee4b8}.ride-chip{display:inline-flex;align-items:center;gap:7px;padding:6px 11px;border:1px solid var(--line);font-size:9px;font-weight:700;letter-spacing:.16em;color:var(--ink)}.ride-chip svg{color:var(--ember)}.live-badge{border:1px solid currentColor;padding:5px 7px;font-size:7px;font-weight:700;letter-spacing:.16em}.sprite-motion{display:block;width:var(--motion-size, 160px);height:var(--motion-size, 160px);background-repeat:no-repeat;opacity:0;transition:opacity .7s var(--ease);will-change:background-position;pointer-events:none}.sprite-motion--ink{filter:invert(1)}.sprite-motion[data-motion-state=ready]{opacity:1}.sprite-motion[data-motion-state=fallback]{opacity:.4;background:none;border:1px solid currentColor;border-radius:50%}.setup-screen{min-height:100dvh;display:grid;grid-template-columns:minmax(0,1.14fr) minmax(470px,.86fr);background:var(--paper)}.hero-pane{position:sticky;top:0;min-height:100dvh;overflow:hidden;padding:calc(34px + var(--safe-top)) 44px 36px calc(44px + var(--safe-left));color:var(--ivory);background-image:var(--hero-image);background-size:cover;background-position:47% center;display:flex;flex-direction:column}.hero-pane:after,.game-background:after,.results-image:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.2;mix-blend-mode:soft-light;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.75' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.22'/%3E%3C/svg%3E")}.hero-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#090908ad,#0909080a 68%),linear-gradient(0deg,rgba(9,9,8,.72),transparent 52%)}.hero-topbar,.hero-copy,.hero-foot,.hero-medallion{position:relative;z-index:1}.hero-topbar{display:flex;align-items:center;justify-content:space-between}.hero-medallion{--motion-size: 190px;position:absolute;right:9%;top:21%;transform:translateY(-50%);color:var(--ivory);opacity:.9;filter:drop-shadow(0 12px 34px rgba(0,0,0,.7))}.hero-copy{margin-top:auto;max-width:640px;padding:120px 0 50px}.hero-copy h1{margin:20px 0;font-family:var(--display);font-size:clamp(44px,5vw,80px);line-height:.98;font-weight:250;letter-spacing:-.045em}.hero-copy h1 em{color:var(--gold);font-style:normal;font-weight:250}.hero-copy p{width:min(410px,82%);margin:0;color:#f1eee4bd;line-height:1.62;font-size:13.5px}.hero-foot{display:flex;align-items:center;gap:15px;color:#f1eee4b3;font-size:9px;letter-spacing:.18em;font-weight:700}.hero-line{width:84px;height:1px;background:#f1eee447}.hero-line i{display:block;width:30%;height:1px;background:var(--ivory)}.setup-pane{min-height:100dvh;background:var(--paper);display:flex;flex-direction:column}.setup-topbar{min-height:80px;padding:calc(var(--safe-top)) 42px 0 42px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:9px;font-weight:700;letter-spacing:.22em}.setup-content{width:min(100%,620px);margin:0 auto;padding:44px 48px calc(34px + var(--safe-bottom))}.setup-intro h2{margin:11px 0 9px;font-family:var(--display);font-size:clamp(34px,4vw,43px);font-weight:250;letter-spacing:-.038em}.setup-intro p,.section-heading p,.rounds-section>div>p{margin:0;color:var(--muted);font-size:12px;line-height:1.55}.player-list{margin-top:30px;border-top:1px solid var(--line)}.player-row{min-height:64px;padding-right:2px;border-bottom:1px solid var(--line);display:flex;align-items:center;transition:background .2s var(--ease)}.player-row.is-you{background:linear-gradient(90deg,rgba(17,17,15,.045),transparent 60%)}.player-row>div{display:flex;flex-direction:column;gap:4px;margin-left:14px}.player-row strong{display:flex;align-items:center;gap:8px;font-size:12.5px;font-weight:600}.player-row strong em{font-style:normal;font-size:7px;font-weight:700;letter-spacing:.16em;padding:3px 5px;border:1px solid var(--line-strong);color:var(--muted)}.player-row>div span{color:var(--faint);font-size:8px;letter-spacing:.15em;font-weight:600}.nearby-join-card{width:100%;min-height:72px;padding:0 14px;border:1px solid var(--ink);border-top:0;background:var(--paper-2);display:flex;align-items:center;gap:13px;cursor:pointer;text-align:left;transition:background .22s var(--ease),color .22s var(--ease)}.nearby-join-card:not(:disabled):hover{background:var(--ink);color:var(--ivory)}.nearby-join-card:disabled{cursor:default}.nearby-join-card>span:nth-child(2){display:flex;flex:1;flex-direction:column;gap:4px}.nearby-join-card strong{font-size:11px}.nearby-join-card small{color:var(--muted);font-size:8.5px}.nearby-join-card:not(:disabled):hover small{color:#f1eee499}.nearby-join-card .live-badge{color:var(--ember)}.nearby-pulse{position:relative;width:38px;height:38px;flex:0 0 auto;border:1px solid currentColor;border-radius:50%;display:grid;place-items:center}.nearby-pulse i{position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border:1px solid currentColor;border-radius:50%;opacity:0;animation:proximity-ping 2.2s ease-out infinite}.nearby-pulse i:last-child{animation-delay:1.1s}@keyframes proximity-ping{0%{transform:scale(1);opacity:.55}75%,to{transform:scale(1.7);opacity:0}}.crew-full{min-height:56px;display:flex;align-items:center;gap:9px;border-bottom:1px solid var(--line);color:var(--muted);font-size:9.5px;letter-spacing:.08em}.setup-section{margin-top:30px}.section-heading,.rounds-section{display:flex;justify-content:space-between;align-items:flex-end;gap:20px}.section-heading p,.rounds-section>div>p{margin-top:5px}.source-options{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:15px}.source-button{min-height:58px;padding:0 14px;border:1px solid var(--line);background:transparent;display:flex;align-items:center;gap:10px;text-align:left;cursor:pointer;transition:background .2s var(--ease),border-color .2s var(--ease),transform .16s var(--ease)}.source-button:hover{background:var(--paper-2);border-color:var(--line-strong)}.source-button:active{transform:scale(.985)}.source-button.is-connected{background:var(--paper-2);border-color:var(--line-strong)}.source-button>span:nth-child(2){display:flex;flex:1;flex-direction:column;gap:3px}.source-button strong{font-size:10.5px}.source-button small{color:var(--muted);font-size:8.5px}.spotify-symbol,.apple-symbol{width:29px;height:29px;flex:0 0 auto;display:grid;place-items:center;border-radius:50%;background:var(--ink);color:var(--ivory)}.apple-symbol{border-radius:8px}.round-selector{display:grid;grid-template-columns:repeat(3,1fr);width:244px;border:1px solid var(--line)}.round-selector button{min-height:58px;border:0;border-right:1px solid var(--line);background:transparent;cursor:pointer;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2px;transition:background .2s var(--ease),color .2s var(--ease)}.round-selector button:last-child{border-right:0}.round-selector button strong{font-family:var(--display);font-size:19px;font-weight:400}.round-selector button span{font-size:7px;font-weight:700;letter-spacing:.14em;color:var(--muted)}.round-selector button:not(:disabled):hover{background:var(--paper-2)}.round-selector button.is-selected{background:var(--ink);color:var(--ivory)}.round-selector button.is-selected span{color:#f1eee49e}.round-selector button:disabled{cursor:not-allowed}.start-button{width:100%;min-height:62px;margin-top:32px;padding:0 7px 0 24px;border:0;background:var(--ink);color:var(--ivory);display:flex;align-items:center;justify-content:space-between;font-size:10px;font-weight:700;letter-spacing:.18em;cursor:pointer;transition:background .22s var(--ease),opacity .22s var(--ease)}.start-button:not(:disabled):hover{background:var(--ink-3)}.start-button:not(:disabled):hover .start-icon{transform:rotate(120deg)}.start-button:disabled{opacity:.4;cursor:not-allowed}.start-icon{width:47px;height:47px;border-radius:50%;background:var(--ivory);color:var(--ink);display:grid;place-items:center;transition:transform .7s var(--ease)}.safe-note{margin:13px 0 0;text-align:center;color:var(--faint);font-size:8px;letter-spacing:.1em}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:grid;place-items:center;padding:20px;background:#0a0a099e;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);animation:fade .26s var(--ease) both}.modal-card{position:relative;width:min(440px,100%);padding:40px;background:var(--paper);box-shadow:var(--shadow-modal);animation:rise .42s var(--ease) both}.modal-close{position:absolute;right:16px;top:16px}.modal-card h2{margin:14px 0 12px;font:250 clamp(32px,5vw,41px)/1.02 var(--display);letter-spacing:-.04em}.modal-card p{color:var(--muted);font-size:13px;line-height:1.6}.nearby-modal{width:min(500px,100%);padding-bottom:28px;max-height:calc(100dvh - 32px);overflow-y:auto}.nearby-modal>p strong{color:var(--ink);font-weight:600}.proximity-visual{position:relative;height:156px;margin:22px 0 12px;display:grid;place-items:center;overflow:hidden;background:var(--ink);color:var(--ivory)}.proximity-visual:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle,rgba(241,238,228,.14),transparent 58%)}.proximity-halo{position:absolute;opacity:.85}.host-phone{position:relative;z-index:2;width:48px;height:48px;display:grid;place-items:center;border:1px solid var(--ivory);border-radius:50%;background:var(--ink)}.host-phone i{position:absolute;right:5px;top:5px;width:6px;height:6px;border-radius:50%;background:var(--ember);box-shadow:0 0 10px var(--ember)}.proximity-status{position:absolute;z-index:2;right:13px;top:12px;display:flex;align-items:center;gap:5px;font-size:7px;font-weight:700;letter-spacing:.18em}.proximity-status svg{color:var(--ember)}.nearby-feed{border-top:1px solid var(--line)}.nearby-feed>div{min-height:52px;display:flex;align-items:center;gap:11px;border-bottom:1px solid var(--line);opacity:.45;transition:opacity .32s var(--ease)}.nearby-feed>div.has-joined{opacity:1}.nearby-feed>div>span:nth-child(2){display:flex;flex:1;flex-direction:column;gap:3px}.nearby-feed strong{font-size:10.5px}.nearby-feed small{color:var(--muted);font-size:7px;font-weight:600;letter-spacing:.12em}.nearby-feed>div>i{width:7px;height:7px;border-radius:50%;background:var(--faint);margin-right:7px}.nearby-feed>div>i.searching-dot{background:var(--ink);box-shadow:0 0 0 5px #11110f12}.nearby-feed .everyone-in{justify-content:center;color:var(--muted);font-size:9.5px;opacity:1}.fallback-toggle{width:100%;min-height:62px;padding:0;border:0;border-bottom:1px solid var(--line);background:transparent;display:flex;align-items:center;justify-content:space-between;cursor:pointer;text-align:left}.fallback-toggle>span{display:flex;align-items:center;gap:11px}.fallback-toggle>span>span{display:flex;flex-direction:column;gap:3px}.fallback-toggle strong{font-size:9.5px}.fallback-toggle small{color:var(--muted);font-size:8px}.fallback-toggle>svg{transition:transform .24s var(--ease)}.fallback-toggle>svg.is-open{transform:rotate(45deg)}.fallback-panel{display:grid;grid-template-columns:104px 1fr;gap:20px;padding:18px 0;border-bottom:1px solid var(--line);animation:rise .32s var(--ease) both}.qr-preview{aspect-ratio:1;padding:7px;background:#fff;border:1px solid var(--line);display:grid;grid-template-columns:repeat(11,1fr);grid-template-rows:repeat(10,1fr);gap:1px}.qr-preview i{background:transparent}.qr-preview i.is-dark{background:var(--ink)}.fallback-copy{display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.fallback-copy>strong{margin:7px 0 2px;font:400 23px var(--display);letter-spacing:.04em}.fallback-copy p{margin:0 0 8px;font-size:9px}.fallback-copy button{border:0;background:transparent;padding:3px 0;display:flex;align-items:center;gap:6px;font-size:8px;font-weight:700;cursor:pointer}.nearby-modal>.button{margin-top:18px}.nearby-modal>.button:disabled{opacity:.5;cursor:wait}.guest-session{position:relative;min-height:100dvh;overflow:hidden;padding:calc(32px + var(--safe-top)) calc(32px + var(--safe-right)) calc(32px + var(--safe-bottom)) calc(32px + var(--safe-left));color:var(--ivory);background:var(--ink);display:flex;flex-direction:column}.guest-session__background{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(90deg,#070706e6,#07070638),var(--hero-image);background-size:cover;background-position:center;transform:scale(1.02)}.guest-session__background:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(0deg,rgba(7,7,6,.72),transparent 60%)}.guest-session__header,.guest-session__card{position:relative;z-index:1}.guest-session__header{display:flex;justify-content:space-between;align-items:center;gap:16px}.guest-session__card{width:min(100%,530px);margin:auto 0 auto auto;padding:36px;color:var(--ink);background:#f7f4ebf5;box-shadow:var(--shadow-modal);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.guest-session__card h1{margin:14px 0 12px;font:250 clamp(38px,6vw,62px)/.98 var(--display);letter-spacing:-.045em}.guest-session__card>p{margin:0;color:var(--muted);font-size:12.5px;line-height:1.6}.guest-proximity{position:relative;height:172px;margin:26px 0 14px;overflow:hidden;color:var(--ivory);background:var(--ink);display:grid;place-items:center}.guest-halo{position:absolute;opacity:.8}.guest-proximity__state{position:absolute;right:15px;top:15px;width:31px;height:31px;border:1px solid var(--light-line);border-radius:50%;display:grid;place-items:center}.guest-proximity__state.is-trouble{color:var(--ember);border-color:var(--ember)}.guest-ride-row{min-height:62px;display:flex;align-items:center;gap:13px;border-bottom:1px solid var(--line)}.guest-ride-row>span:nth-child(2){flex:1;display:flex;flex-direction:column;gap:4px}.guest-ride-row strong{font-size:11.5px}.guest-ride-row small{color:var(--muted);font-size:7px;font-weight:600;letter-spacing:.13em}.guest-session__card>.button{margin-top:22px}.game-screen{position:relative;min-height:100dvh;overflow:hidden;color:var(--ivory);background:var(--ink);display:flex;flex-direction:column}.game-background{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(90deg,#080807e6,#08080729 50%,#080807c7),var(--hero-image);background-size:cover;background-position:center;transform:scale(1.04);transition:transform .9s var(--ease)}.phase-reveal .game-background{transform:scale(1.09)}.game-background:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(0deg,rgba(8,8,7,.94),transparent 42%,rgba(8,8,7,.45))}.game-header,.game-footer,.play-area,.reveal-area{position:relative;z-index:2}.game-header{min-height:82px;padding:calc(14px + var(--safe-top)) calc(34px + var(--safe-right)) 14px calc(34px + var(--safe-left));display:grid;grid-template-columns:60px 1fr 60px;align-items:center}.round-progress{width:min(310px,52vw);justify-self:center;text-align:center}.round-progress>div{height:1px;margin-top:10px;background:var(--light-line)}.round-progress>div i{display:block;height:1px;background:var(--ivory);transition:width .52s var(--ease)}.play-area{flex:1;min-height:0;display:grid;grid-template-columns:1fr minmax(430px,.7fr);align-items:center;gap:6vw;padding:30px 7vw 26px}.play-area>*,.reveal-area>*{min-width:0}.now-playing{max-width:620px;min-width:0}.now-playing h1{margin:18px 0 28px;font:250 clamp(46px,6vw,88px)/.98 var(--display);letter-spacing:-.048em}.now-playing h1 em{color:var(--gold);font-style:normal;font-weight:250}.now-playing__motion{--motion-size: 118px;display:flex;align-items:center;gap:22px;min-width:0}.now-playing__motion .sprite-motion{flex:0 0 auto;opacity:0}.now-playing__motion .sprite-motion[data-motion-state=ready]{opacity:.85}.waveform{height:60px;flex:1 1 0;min-width:0;display:flex;align-items:center;gap:5px;overflow:hidden;opacity:.72;max-width:480px}.waveform i{display:block;flex:1 1 2px;min-width:1px;max-width:4px;height:var(--bar-height);background:var(--ivory);transform-origin:center;animation:pulse-wave .85s ease-in-out infinite alternate;animation-delay:var(--delay)}.waveform.is-paused i{animation-play-state:paused;opacity:.32}@keyframes pulse-wave{0%{transform:scaleY(.3)}to{transform:scaleY(1)}}.volume-row{display:flex;align-items:center;gap:9px;margin-top:16px;color:#f1eee48c;font-size:9px;letter-spacing:.08em}.buzzer-panel{min-width:0;color:var(--ink);background:#f3f0e7f5;padding:22px;box-shadow:var(--shadow-card);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.buzzer-label{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:16px}.buzzer-label span:last-child{color:var(--muted);font-size:8.5px}.buzzer-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.buzzer-grid--solo{grid-template-columns:1fr}.buzzer-grid--solo button{min-height:168px}.buzzer-grid button{position:relative;min-height:104px;padding:14px;overflow:hidden;border:1px solid var(--line);background:transparent;display:grid;grid-template-columns:35px 1fr;align-items:center;text-align:left;cursor:pointer;transition:background .16s var(--ease),color .16s var(--ease),transform .16s var(--ease)}.buzzer-grid button:not(:disabled):hover{background:var(--ink);color:var(--ivory);transform:translateY(-2px)}.buzzer-grid button:not(:disabled):active{transform:translateY(0) scale(.985)}.buzzer-grid button.is-out,.buzzer-grid button:disabled{opacity:.36;cursor:not-allowed}.buzzer-grid button>span{width:35px;height:35px;border:1px solid currentColor;border-radius:50%;display:grid;place-items:center;font-size:8px;font-weight:700}.buzzer-grid button strong{margin-left:11px;font:400 clamp(18px,2vw,23px) var(--display);letter-spacing:-.025em}.buzzer-grid button small{grid-column:2;margin:-18px 0 0 11px;color:var(--muted);font-size:7px;letter-spacing:.2em}.buzzer-grid button:not(:disabled):hover small{color:#f1eee499}.buzzer-grid button i{position:absolute;right:8px;top:7px;color:var(--faint);font:normal 7px var(--sans)}.nobody-button{width:100%;min-height:44px;margin-top:7px;border:0;background:transparent;color:var(--muted);display:flex;align-items:center;justify-content:center;gap:8px;font-size:9.5px;cursor:pointer;transition:color .18s var(--ease)}.nobody-button:hover{color:var(--ink)}.verdict-panel{animation:rise .32s var(--ease) both}.verdict-prompt{margin:10px 0 20px;font:250 clamp(26px,3vw,34px)/1.05 var(--display);letter-spacing:-.035em}.verdict-actions{display:grid;gap:8px}.verdict-yes,.verdict-no{min-height:62px;border:1px solid transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:11px;font-size:10px;font-weight:700;letter-spacing:.16em;transition:transform .16s var(--ease),opacity .18s var(--ease),background .18s var(--ease)}.verdict-yes{background:var(--ember);color:var(--paper)}.verdict-yes:hover{background:#a8471f}.verdict-no{background:transparent;border-color:var(--line-strong);color:var(--ink)}.verdict-no:hover{background:var(--paper-2)}.verdict-yes:active,.verdict-no:active{transform:scale(.985)}.reveal-area{flex:1;min-height:0;display:grid;grid-template-columns:1fr minmax(320px,36vw);align-items:center;gap:7vw;padding:26px 9vw 38px}.reveal-copy{max-width:680px;min-width:0}.eyebrow-score{display:inline-block;margin:0 0 0 14px;padding-left:13px;border-left:1px solid rgba(241,238,228,.42);color:var(--gold);font-size:9px;font-weight:700;letter-spacing:.18em}.reveal-copy h1{margin:26px 0 9px;font:250 clamp(44px,6.4vw,100px)/.94 var(--display);letter-spacing:-.05em}.reveal-copy .artist{margin:0;color:#f1eee4b3;font:300 clamp(17px,2.1vw,27px) var(--display)}.reveal-copy .artist span{padding:0 7px;opacity:.45}.match-note{display:flex;align-items:center;gap:9px;margin:26px 0 34px;color:#f1eee49e;font-size:9px;letter-spacing:.1em}.album-card{position:relative;width:100%;aspect-ratio:1;overflow:hidden;background:#111;border:1px solid rgba(241,238,228,.16);box-shadow:0 35px 100px #00000080;display:grid;place-items:center}.album-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 55% 47%,#e8e0c9 0 25%,#c7bfa9 26% 31%,transparent 32%),radial-gradient(circle at 55% 47%,transparent 0 52%,rgba(239,233,217,.18) 53% 53.5%,transparent 54%),linear-gradient(130deg,transparent 0 49.5%,rgba(239,233,217,.5) 50%,transparent 50.4%)}.album-card--sun:before{background:radial-gradient(circle at 50% 43%,#eee7d5 0 19%,transparent 19.5%),linear-gradient(90deg,transparent 48%,rgba(238,231,213,.5) 48.5% 49%,transparent 49.5%),linear-gradient(#131310 68%,#ddd4be 68%,#ddd4be 69%,#131310 69%)}.album-card--lines:before{background:repeating-linear-gradient(104deg,transparent 0 16px,rgba(239,233,217,.62) 17px 18px,transparent 19px 34px),linear-gradient(130deg,#080808,#282720);transform:scale(1.25) rotate(-3deg)}.album-card--flare:before{background:radial-gradient(ellipse at 38% 50%,rgba(248,241,221,.95),rgba(221,211,186,.3) 17%,transparent 42%),linear-gradient(110deg,#060606 0,#060606 44%,#27251f 45%,#27251f 47%,#070706 48%)}.album-card--road:before{background:linear-gradient(72deg,transparent 0 43%,rgba(240,233,213,.7) 43.5% 44%,transparent 44.5% 54%,rgba(240,233,213,.7) 54.5% 55%,transparent 55.5%),linear-gradient(#14130f 0,#14130f 50%,#282620 50%);transform:perspective(450px) rotateX(38deg) scale(1.3)}.album-card--figure:before{background:radial-gradient(circle at 50% 42%,#e8e0c9 0 23%,transparent 23.5%),linear-gradient(80deg,transparent 44%,#040404 44.5% 55%,transparent 55.5%),#161510}.album-bloom{position:relative;z-index:1;color:var(--ivory);cursor:grab;pointer-events:auto;touch-action:none;mix-blend-mode:screen}.album-bloom[data-motion-state=ready]{opacity:.62}.album-bloom:active{cursor:grabbing}.album-index{position:absolute;z-index:1;left:22px;top:20px;font-size:7px;letter-spacing:.18em;color:#f1eee4b3}.album-title{position:absolute;z-index:1;left:22px;right:22px;bottom:20px;padding-top:12px;border-top:1px solid rgba(241,238,228,.35);display:flex;align-items:flex-end;justify-content:space-between;gap:12px}.album-title span{font:250 clamp(18px,2.2vw,32px)/1 var(--display)}.album-title small{max-width:40%;text-align:right;font-size:7px;line-height:1.4;letter-spacing:.1em;color:#f1eee4a8}.game-footer{min-height:70px;padding:10px calc(34px + var(--safe-right)) calc(10px + var(--safe-bottom)) calc(34px + var(--safe-left));display:flex;align-items:center;justify-content:space-between;gap:16px;border-top:1px solid var(--light-line);background:#08080766;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.score-strip{display:flex;flex:1 1 0;align-items:center;gap:4px;min-width:0;overflow-x:auto;scrollbar-width:none}.score-strip::-webkit-scrollbar{display:none}.score-item{position:relative;display:flex;align-items:center;gap:7px;padding:6px 12px 6px 6px;font-size:9px;border:1px solid transparent;border-radius:999px;transition:border-color .32s var(--ease),background .32s var(--ease)}.score-item .score-avatar{border-color:var(--light-line)}.score-item.is-scoring{border-color:var(--light-line-strong);background:#f1eee414}.score-item.is-away{opacity:.42}.score-name{white-space:nowrap}.score-item strong{margin-left:4px;font:250 20px var(--display)}.footer-mode{display:flex;align-items:center;gap:8px;white-space:nowrap;font-size:8px;font-weight:700;letter-spacing:.16em;color:#f1eee49e}.results-screen{min-height:100dvh;display:grid;grid-template-columns:1.05fr .95fr;background:var(--paper)}.results-image{position:relative;min-height:100dvh;padding:calc(34px + var(--safe-top)) 44px calc(46px + var(--safe-bottom)) calc(44px + var(--safe-left));background-image:linear-gradient(0deg,#070706cc,#0707060a 62%),var(--hero-image);background-size:cover;background-position:center;color:var(--ivory);display:flex;flex-direction:column}.results-top,.winner-copy{position:relative;z-index:1}.results-top{display:flex;align-items:center;justify-content:space-between}.winner-copy{margin-top:auto}.winner-avatar{width:54px;height:54px;margin-bottom:20px;border:1px solid rgba(241,238,228,.6);border-radius:50%;display:grid;place-items:center;font-size:10px;font-weight:700}.winner-copy h1{margin:16px 0;font:250 clamp(44px,5.6vw,84px)/.96 var(--display);letter-spacing:-.048em}.winner-copy h1 em{color:var(--gold);font-style:normal;font-weight:250}.winner-copy p{margin:0;color:#f1eee4a8;font-size:11px;letter-spacing:.05em}.results-board{display:grid;place-items:center;padding:50px}.results-board-inner{width:min(100%,560px)}.results-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-bottom:26px;border-bottom:1px solid var(--line)}.results-heading h2{margin:10px 0 0;font:250 clamp(30px,3.6vw,39px)/1.02 var(--display);letter-spacing:-.038em}.results-bloom{opacity:0}.results-bloom[data-motion-state=ready]{opacity:.85}.ranking-list{margin:0;padding:0;list-style:none}.ranking-list li{min-height:78px;border-bottom:1px solid var(--line);display:grid;grid-template-columns:auto auto 1fr minmax(60px,1.1fr) auto;align-items:center;gap:14px}.ranking-list li.is-winner .rank-points b{color:var(--ember)}.rank-number{color:var(--faint);font-size:8px;letter-spacing:.13em}.ranking-list .player-avatar{width:38px;height:38px}.ranking-list strong{font:400 clamp(17px,2vw,21px) var(--display);letter-spacing:-.02em}.rank-bar{height:2px;background:var(--line)}.rank-bar i{display:block;height:2px;background:var(--ink);transition:width .7s var(--ease)}.rank-points{color:var(--muted);font-size:8px;letter-spacing:.12em;white-space:nowrap}.rank-points b{margin-right:6px;font:250 25px var(--display);color:var(--ink)}.results-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:32px}.results-actions .waiting-banner{grid-column:1 / -1}.results-note{margin:18px 0 0;display:flex;align-items:center;justify-content:center;gap:8px;color:var(--muted);font-size:9px}@media (max-width: 1180px){.setup-screen{grid-template-columns:minmax(0,1fr) minmax(430px,.9fr)}.hero-medallion{--motion-size: 158px;right:6%;top:20%}.hero-pane{padding-inline:32px}.setup-content{padding-inline:36px}.play-area{gap:4vw;padding-inline:4vw}.results-board{padding:36px}}@media (max-width: 900px){.auth-screen{display:block}.auth-art{min-height:42dvh;padding:25px 24px}.auth-art h1{font-size:clamp(42px,12vw,72px)}.auth-card{padding:34px 24px calc(34px + var(--safe-bottom))}.setup-screen,.results-screen{display:block}.hero-pane{position:relative;min-height:74dvh;padding:calc(24px + var(--safe-top)) 24px 26px;background-position:center}.hero-medallion{--motion-size: 104px;top:23%;right:6%;opacity:.85}.hero-copy{padding:90px 0 30px}.hero-copy h1{font-size:clamp(40px,11vw,68px)}.setup-topbar{padding-inline:24px}.setup-content{padding:36px 24px calc(32px + var(--safe-bottom))}.play-area{grid-template-columns:1fr;align-items:start;gap:26px;padding:26px 22px;overflow-y:auto}.now-playing h1{font-size:clamp(38px,9vw,52px);margin-bottom:22px}.now-playing__motion{--motion-size: 84px;gap:16px}.game-screen{min-height:100dvh;overflow:auto}.game-footer{position:sticky;bottom:0;padding-inline:16px}.footer-mode{display:none}.reveal-area{grid-template-columns:1fr;gap:24px;padding:26px 22px 34px}.album-card{max-width:420px;order:-1;justify-self:center}.reveal-copy h1{font-size:clamp(38px,9vw,54px)}.results-image{min-height:66dvh;padding:calc(26px + var(--safe-top)) 24px 34px}.results-board{padding:40px 24px calc(40px + var(--safe-bottom))}.guest-session__card{width:100%;margin:auto 0 0;padding:30px 24px 24px}.guest-session__card h1{font-size:clamp(34px,9vw,46px)}.guest-proximity{height:148px;margin-top:20px}}@media (max-width: 560px){.hero-pane{min-height:66dvh}.hero-medallion{--motion-size: 88px;right:5%;top:24%}.hero-copy{padding-top:70px}.hero-copy p{width:100%}.setup-intro h2{font-size:33px}.section-heading,.rounds-section{flex-direction:column;align-items:flex-start}.round-selector{width:100%}.source-options{grid-template-columns:1fr}.game-header{padding-inline:15px;grid-template-columns:46px 1fr 46px}.play-area{padding:20px 14px}.buzzer-panel{padding:15px}.buzzer-grid button{min-height:88px}.buzzer-grid--solo button{min-height:128px}.game-footer{min-height:62px;padding-inline:12px}.score-item{padding:3px 7px 3px 3px;gap:3px}.score-item .score-name{display:none}.score-item .score-avatar{width:27px;height:27px;font-size:7.5px}.score-item strong{margin-left:2px;font-size:16px}.ranking-list li{grid-template-columns:auto auto 1fr auto;gap:11px;min-height:68px}.rank-bar{display:none}.results-actions{grid-template-columns:1fr}.modal-card{padding:34px 22px 22px}.nearby-modal{max-height:calc(100dvh - 24px)}}@media (orientation: landscape) and (max-height: 640px){.game-header{min-height:62px;padding-block:8px}.play-area{grid-template-columns:1fr minmax(380px,.85fr);padding-block:10px;align-items:center}.now-playing h1{margin-block:12px 18px;font-size:clamp(38px,7.5vh,60px)}.now-playing__motion{--motion-size: 72px}.waveform{height:42px}.buzzer-panel{padding:15px}.buzzer-grid button{min-height:74px}.buzzer-grid--solo button{min-height:110px}.buzzer-grid--large{grid-template-columns:repeat(3,1fr)}.game-footer{min-height:56px}.reveal-area{grid-template-columns:1fr minmax(240px,30vw);padding-block:12px}.reveal-copy h1{margin-top:14px;font-size:clamp(40px,10vh,70px)}.match-note{margin-block:14px 18px}.album-card{width:auto;height:min(62vh,360px);justify-self:end}.hero-copy{padding-top:40px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}