:root{color:#f5f1e8;font-synthesis:none;--ink:#111820;--raised:#19242e;--paper:#f5f1e8;--muted:#babbb5;--lime:#d7f171;--coral:#ff7557;--sky:#78c7e8;--line:#ffffff21;background:#111820;font-family:Avenir Next,Century Gothic,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;min-height:100vh;margin:0}button,input,select{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline:3px solid var(--sky);outline-offset:3px}body:before{content:"";z-index:-1;background:radial-gradient(circle at 90% 4%, #ff75572b, transparent 38%), radial-gradient(circle at 4% 82%, #78c7e81f, transparent 40%), radial-gradient(#ffffff0b 1px, transparent 1px), var(--ink);background-size:auto,auto,48px 48px,auto;position:fixed;inset:0}h1,h2,h3,p{margin-top:0}h1,h2,h3{letter-spacing:-1.8px;font-family:Avenir Next Condensed,Franklin Gothic Condensed,sans-serif}.eyebrow{color:var(--lime);letter-spacing:1.9px;text-transform:uppercase;font-size:11px;font-weight:800}.lede{max-width:570px;color:var(--muted);font-size:18px;line-height:1.55}.brand{letter-spacing:2px;align-items:center;gap:11px;font-size:13px;font-weight:800;display:flex}.brand-mark{width:40px;height:40px;color:var(--ink);background:var(--lime);border-radius:11px;place-items:center;font-size:25px;display:grid}.topbar{justify-content:space-between;align-items:center;width:min(1180px,100% - 48px);margin:auto;padding:25px 0;display:flex}.nav-play{border:1px solid var(--line);min-height:42px;color:var(--paper);background:#ffffff0f;border-radius:999px;padding:0 19px;font-weight:800}.marketing{overflow:hidden}.marketing-hero{grid-template-columns:minmax(0,1fr) minmax(400px,.8fr);align-items:center;width:min(1180px,100% - 48px);min-height:680px;margin:auto;padding:55px 0 80px;display:grid}.hero-copy h1{max-width:720px;margin-bottom:26px;font-size:clamp(66px,8vw,112px);line-height:.87}.hero-copy h1 em{color:var(--lime);font-style:normal}.hero-copy .lede{font-size:20px}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:35px;display:flex}.no-install{color:var(--muted);margin:17px 0 0;font-size:12px}.primary,.secondary{border:0;border-radius:999px;min-height:54px;padding:0 24px;font-weight:800}.primary{color:var(--ink);background:var(--lime);box-shadow:0 12px 30px #d7f17124}.primary span{float:right;margin-left:30px}.primary:disabled{opacity:.38;cursor:not-allowed}.secondary{color:var(--paper);border:1px solid var(--line);background:#ffffff0f}.text-button{color:var(--sky);background:0 0;border:0;padding:10px;font-weight:700}.wide{width:100%}.compact{min-height:46px}.record-stage{place-items:center;min-height:520px;display:grid;position:relative}.orbit{border:1px solid #78c7e829;border-radius:50%;position:absolute}.orbit-one{width:440px;height:440px}.orbit-two{border-color:#d7f17126;width:320px;height:320px}.record-card{aspect-ratio:1;z-index:1;background:linear-gradient(135deg,#fa496c,#8a32b0);border-radius:38px;width:min(330px,72vw);padding:28px;font-size:46px;font-weight:900;position:relative;transform:rotate(-7deg);box-shadow:0 42px 80px #0000005c}.record-card i{border:11px solid #ffffff38;border-radius:50%;position:absolute;inset:62px}.record-card i:after{content:"";background:var(--ink);border-radius:50%;position:absolute;inset:34%;box-shadow:inset 0 0 0 11px #ffffff1a}.wave{z-index:2;border:1px solid var(--line);background:var(--raised);border-radius:30px;align-items:center;gap:5px;height:55px;padding:7px 17px;display:flex;position:absolute;bottom:16%;right:2%}.wave b{background:var(--lime);border-radius:5px;width:4px}.how-it-works{background:var(--paper);color:var(--ink);padding:100px max(24px,50vw - 590px)}.how-it-works>.eyebrow{color:#647800}.step-grid{grid-template-columns:repeat(3,1fr);gap:2px;margin-top:32px;display:grid}.step-grid article{background:#e9e4d9;min-height:280px;padding:34px}.step-grid article:nth-child(2){background:var(--lime)}.step-grid article b{color:#596064;letter-spacing:2px;font-size:12px}.step-grid h2{margin:60px 0 9px;font-size:50px}.step-grid p{color:#4a5054;max-width:260px;line-height:1.55}.closing-card{text-align:center;flex-direction:column;align-items:center;padding:110px 24px;display:flex}.closing-card h2{margin-bottom:27px;font-size:clamp(58px,9vw,110px)}.site-footer{border-top:1px solid var(--line);grid-template-columns:1fr auto auto;align-items:center;gap:35px;width:min(1180px,100% - 48px);margin:auto;padding:30px 0 42px;display:grid}.site-footer p{color:var(--muted);margin:0;font-size:13px}.shell{width:min(100%,540px);min-height:100vh;margin:auto;padding:24px 24px 48px}.page-header{color:var(--muted);text-align:center;letter-spacing:1px;text-transform:uppercase;grid-template-columns:46px 1fr 46px;align-items:center;gap:12px;margin-bottom:46px;font-size:12px;font-weight:800;display:grid}.back{border:1px solid var(--line);width:42px;height:42px;color:var(--paper);background:#ffffff0f;border-radius:50%;font-size:20px}.mini-mark{width:38px;height:38px;color:var(--ink);background:var(--lime);border-radius:11px;place-items:center;margin-left:auto;font-size:20px;display:grid}.game-title{margin-bottom:20px;font-size:clamp(48px,12vw,66px);line-height:.98}.prompt{margin-bottom:30px;font-size:clamp(38px,10vw,53px);line-height:1.04}.glass{border:1px solid var(--line);background:#19242ee6;border-radius:20px}.form-card{gap:20px;margin-top:34px;padding:21px;display:grid}label,.field-group{color:var(--muted);gap:9px;font-size:13px;font-weight:700;display:grid}.field-label{margin-bottom:2px}input,select{border:1px solid var(--line);width:100%;min-height:52px;color:var(--paper);background:#ffffff0e;border-radius:14px;outline:none;padding:13px 15px;font-size:18px}input:focus,select:focus{border-color:var(--lime)}select{appearance:none;background-image:linear-gradient(45deg, transparent 50%, var(--lime) 50%), linear-gradient(135deg, var(--lime) 50%, transparent 50%);background-position:calc(100% - 20px) 22px,calc(100% - 14px) 22px;background-repeat:no-repeat;background-size:6px 6px}.player-field{grid-template-columns:32px 1fr 30px;align-items:center;gap:9px;display:grid}.player-field>span{width:28px;height:28px;color:var(--ink);background:var(--sky);border-radius:50%;place-items:center;font-size:12px;font-weight:900;display:grid}.player-field>button{color:var(--muted);background:0 0;border:0;font-size:22px}.add-player{justify-self:start;padding-left:0}.centered-page{text-align:center;flex-direction:column;display:flex}.centered-page .page-header{width:100%}.centered-page .lede{margin-inline:auto}.centered-page .primary{margin-top:auto}.handoff-icon{width:92px;height:92px;color:var(--ink);background:var(--sky);border-radius:50%;place-items:center;margin:35px auto 32px;font-size:38px;font-weight:900;display:grid;box-shadow:0 0 0 14px #78c7e814}.game-page .eyebrow{margin-bottom:12px}.song-search{gap:14px;display:grid}.search-box{position:relative}.search-box>span{z-index:1;color:var(--lime);font-size:28px;position:absolute;top:11px;left:16px}.search-box input{padding-left:50px}.track-results{gap:8px;display:grid}.track-results button{border:1px solid var(--line);width:100%;color:var(--paper);text-align:left;background:#ffffff0b;border-radius:15px;grid-template-columns:50px 1fr 25px;align-items:center;gap:12px;padding:9px;display:grid}.track-results button:hover{background:#d7f1710f;border-color:#d7f1718c}.track-results strong,.track-results small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.track-results small{color:var(--muted);margin-top:4px}.track-results button>b{color:var(--lime);font-size:22px}.mini-art{color:#fff;background:linear-gradient(135deg,#e45472,#6747a3);border-radius:11px;place-items:center;width:48px;height:48px;font-weight:900;display:grid}.search-note{color:var(--muted);margin:2px 0;font-size:13px}.manual-button{justify-self:center}.album-placeholder{aspect-ratio:1;color:#ffffffd9;background:linear-gradient(135deg,#f05b70,#5848a8);border-radius:28px;place-items:center;width:min(280px,72vw);margin:0 auto 30px;font-size:80px;font-weight:900;display:grid;transform:rotate(-2deg);box-shadow:0 30px 60px #0000004d}.track-title{text-align:center;margin-bottom:6px;font-size:38px;line-height:1.03}.track-artist{color:var(--muted);text-align:center}.playback-link{width:fit-content;min-height:auto;margin:18px auto 30px;padding:13px 20px;text-decoration:none;display:block}.guess-panel{border-top:1px solid var(--line);text-align:center;margin-top:28px;padding-top:28px}.guess-panel h2{margin:10px 0 25px;font-size:48px}.correct{color:var(--lime)}.incorrect{color:var(--coral)}.guess-grid{grid-template-columns:1fr 1fr;gap:9px;margin:18px 0;display:grid}.guess-grid button{border:1px solid var(--line);min-height:55px;color:var(--paper);background:#ffffff0a;border-radius:14px;align-items:center;gap:10px;padding:9px;font-weight:700;display:flex}.guess-grid button.selected{border-color:var(--lime);background:#d7f17114}.guess-grid span{width:36px;height:36px;color:var(--ink);background:var(--sky);border-radius:50%;place-items:center;display:grid}.score-list{gap:10px;margin:30px 0;display:grid}.score-row{grid-template-columns:35px 1fr auto;align-items:center;gap:11px;padding:17px;display:grid}.score-row>b{color:var(--muted)}.score-row>strong{color:var(--lime)}.room-actions{gap:12px;margin-top:45px;display:grid}.code-input{text-align:center;letter-spacing:7px;text-transform:uppercase;font-size:30px;font-weight:900}.room-code{color:var(--lime);letter-spacing:8px;margin:0 0 38px;font-size:68px}.members{gap:10px;margin-top:30px;display:grid}.member{align-items:center;gap:12px;padding:13px;display:flex}.member b{color:var(--lime);margin-left:auto}.avatar{width:42px;height:42px;color:var(--ink);background:var(--sky);border-radius:50%;place-items:center;font-weight:800;display:grid}.room-note{color:var(--muted);margin-top:34px;line-height:1.5}.error{color:var(--coral);margin:0}.admin-shell{grid-template-columns:260px 1fr;min-height:100vh;display:grid}.admin-shell aside{border-right:1px solid var(--line);background:#111820f0;flex-direction:column;gap:34px;padding:28px;display:flex}.admin-shell nav{gap:7px;display:grid}.admin-shell nav button{text-align:left;color:var(--muted);background:0 0;border:0;border-radius:10px;padding:12px}.admin-shell nav .active{color:var(--ink);background:var(--lime);font-weight:800}.admin-shell nav button:disabled{opacity:.4;cursor:not-allowed}.admin-shell .logout{color:var(--coral);margin-top:auto}.admin-main{padding:55px}.admin-heading{justify-content:space-between;align-items:center;gap:20px;display:flex}.admin-heading h1{margin:0;font-size:56px}.secure-pill{color:var(--lime);border:1px solid #d7f1714d;border-radius:999px;padding:8px 12px;font-size:11px;font-weight:800}.pack-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;margin-top:34px;display:grid}.pack{padding:22px}.pack h2{font-size:27px}.pack p{min-height:48px;color:var(--muted)}.pack footer{color:var(--muted)}.status{color:var(--lime);letter-spacing:1.5px;margin-bottom:18px;font-size:10px;font-weight:800;display:block}.reveal{animation:.55s ease-out both rise}.delay-1{animation-delay:80ms}@keyframes rise{0%{opacity:0;transform:translateY(18px)}}@media (width<=760px){.topbar,.marketing-hero,.site-footer{width:min(100% - 36px,540px)}.marketing-hero{min-height:auto;padding:64px 0 45px;display:block}.hero-copy h1{font-size:clamp(59px,18vw,82px)}.hero-copy .lede{font-size:18px}.record-stage{min-height:390px;margin-top:30px}.orbit-one{width:340px;height:340px}.orbit-two{width:250px;height:250px}.record-card{border-radius:29px;width:235px}.record-card i{border-width:8px;inset:46px}.wave{bottom:12%;right:7%;transform:scale(.82)}.step-grid{grid-template-columns:1fr}.step-grid article{min-height:220px}.step-grid h2{margin-top:35px}.site-footer{grid-template-columns:1fr auto}.site-footer p{grid-area:2/1/auto/-1}.admin-shell{display:block}.admin-shell aside{border:0;border-bottom:1px solid var(--line)}.admin-shell nav{grid-template-columns:1fr 1fr}.admin-main{padding:32px 22px}.admin-heading h1{font-size:42px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}