:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5;font-weight:400;color:#f7fff9;background:#05070a;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--bg: #05070a;--surface: rgba(12, 19, 23, .84);--surface-strong: rgba(19, 29, 34, .94);--border: rgba(166, 255, 210, .16);--muted: #a9b8b4;--muted-2: #70817c;--text: #f7fff9;--green: #1ed760;--green-2: #8cffbd;--cyan: #37d7ff;--coral: #ff6f61;--danger: #ff5964;--shadow: 0 26px 80px rgba(0, 0, 0, .42);--radius: 8px}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 12% 8%,rgba(30,215,96,.18),transparent 30rem),radial-gradient(circle at 86% 22%,rgba(55,215,255,.14),transparent 28rem),linear-gradient(135deg,#05070a,#091115 46%,#05070a)}button,input,textarea{font:inherit;letter-spacing:0}a{color:inherit;text-decoration:none}.app-shell{position:relative;min-height:100vh;overflow:hidden}.aurora{position:fixed;pointer-events:none;filter:blur(42px);opacity:.5;z-index:0}.aurora-a{width:28rem;height:14rem;left:-8rem;top:20rem;background:#1ed7601f;transform:rotate(-20deg)}.aurora-b{width:24rem;height:15rem;right:-6rem;top:8rem;background:#37d7ff1c;transform:rotate(22deg)}.site-header,main{position:relative;z-index:1}.site-header{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:1rem;width:min(1180px,calc(100% - 32px));margin:0 auto;padding:22px 0}.brand,.site-nav,.header-actions,.button,.field-head,.inline-action,.round-meta,.result-row,.clip-schedule,.preview-controls,.game-controls,.hero-actions{display:flex;align-items:center}.brand{gap:.7rem;font-size:1.02rem;font-weight:800}.brand-mark,.title-icon{display:inline-grid;place-items:center;width:36px;height:36px;border:1px solid rgba(140,255,189,.28);border-radius:var(--radius);color:var(--green-2);background:linear-gradient(145deg,#1ed76033,#37d7ff17)}.site-nav{gap:.35rem;padding:5px;border:1px solid var(--border);border-radius:var(--radius);background:#090f12ad}.site-nav a{padding:.45rem .85rem;border-radius:6px;color:var(--muted);font-size:.88rem;font-weight:700}.site-nav a.active{color:var(--text);background:#ffffff14}.header-actions{justify-content:flex-end;gap:.65rem}.page{width:min(1180px,calc(100% - 32px));margin:0 auto;padding:52px 0 84px}.narrow-page{width:min(680px,calc(100% - 32px))}.hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.82fr);gap:clamp(2rem,5vw,5rem);align-items:center;min-height:calc(100vh - 210px)}.hero-copy h1,.page-head h1,.game-head h1,.results-card h1,.signin-card h1{margin:0;color:var(--text);line-height:1.02;letter-spacing:0}.hero-copy h1{max-width:760px;font-size:clamp(3rem,6.5vw,5.25rem);font-weight:900}.hero-copy h1 span{color:var(--green)}.hero-copy p,.page-head p,.game-head p,.section-title p,.signin-card p,.feature-strip p,.loading-block p{color:var(--muted)}.hero-copy p{max-width:620px;margin:1.35rem 0 0;font-size:clamp(1.05rem,2vw,1.28rem)}.hero-actions{gap:.85rem;flex-wrap:wrap;margin-top:2rem}.button{justify-content:center;gap:.55rem;min-height:42px;border:1px solid transparent;border-radius:var(--radius);cursor:pointer;font-weight:800;transition:transform .16s ease,border-color .16s ease,background .16s ease,opacity .16s ease}.button:disabled{cursor:not-allowed;opacity:.55}.button:not(:disabled):hover{transform:translateY(-1px)}.button-sm{min-height:36px;padding:.45rem .75rem;font-size:.84rem}.button-md{padding:.72rem 1rem;font-size:.94rem}.button-lg{min-height:50px;padding:.88rem 1.25rem;font-size:1rem}.button-primary{color:#031208;background:linear-gradient(135deg,var(--green),var(--green-2));box-shadow:0 18px 34px #1ed7602e}.button-secondary{color:var(--text);border-color:#37d7ff47;background:#37d7ff1a}.button-ghost{color:var(--text);border-color:var(--border);background:#ffffff0b}.button-danger{color:#fff;background:var(--danger)}.panel,.preview-player,.feature-strip article{border:1px solid var(--border);border-radius:var(--radius);background:linear-gradient(180deg,var(--surface),rgba(8,13,16,.8));box-shadow:var(--shadow)}.preview-player{padding:clamp(1rem,2vw,1.35rem);overflow:hidden}.album-stack{position:relative;display:grid;place-items:center;min-height:270px}.album-art{position:absolute;width:190px;aspect-ratio:1;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius);box-shadow:0 26px 70px #00000059}.art-a{display:grid;place-items:center;color:#06100a;background:radial-gradient(circle at 32% 24%,rgba(255,255,255,.62),transparent 1.4rem),linear-gradient(135deg,var(--green),var(--cyan));transform:rotate(-7deg);z-index:3}.art-b{background:linear-gradient(135deg,#19232a,#ff6f61);transform:translate(46px) rotate(9deg);z-index:2}.art-c{background:linear-gradient(135deg,#071214,#3a4cff);transform:translate(-48px) rotate(-15deg);z-index:1}.waveform{display:grid;grid-template-columns:repeat(32,1fr);align-items:center;gap:4px;min-height:82px}.waveform span{height:var(--bar);min-height:10px;border-radius:999px;background:linear-gradient(180deg,var(--green-2),var(--cyan));opacity:.78}.active-wave{grid-template-columns:repeat(44,1fr)}.try-ladder{gap:.45rem;flex-wrap:wrap;margin:.6rem 0 1rem}.try-ladder span,.clip-schedule span{padding:.42rem .62rem;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:var(--muted);background:#ffffff0d;font-size:.82rem;font-weight:800}.try-ladder .active{color:#04110a;background:var(--green)}.try-ladder .spent{color:var(--muted-2);opacity:.7}.preview-controls,.game-controls{gap:.7rem;flex-wrap:wrap}.feature-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-top:28px}.feature-strip article{padding:1.15rem}.feature-strip svg{color:var(--green-2)}.feature-strip h2{margin:.85rem 0 .35rem;font-size:1.02rem}.feature-strip p{margin:0;font-size:.92rem}.page-head{max-width:720px;margin-bottom:2rem}.page-head h1,.game-head h1,.results-card h1{font-size:clamp(2.2rem,5vw,4.2rem);font-weight:900}.page-head p{margin:.8rem 0 0;font-size:1.08rem}.create-grid,.game-grid{display:grid;grid-template-columns:minmax(0,.95fr) minmax(320px,.72fr);gap:1rem;align-items:start}.panel{padding:clamp(1rem,2vw,1.35rem)}.form-card,.share-card,.guess-card,.player-card,.results-card{display:grid;gap:1rem}.field,.mode-field{display:grid;gap:.42rem}.field-head{justify-content:space-between;gap:1rem;color:var(--text);font-size:.85rem;font-weight:850}.field input,.search-field,.share-url,.result-text{width:100%;border:1px solid rgba(166,255,210,.18);border-radius:var(--radius);color:var(--text);background:#03080ab8;outline:none}.field input{min-height:46px;padding:.75rem .85rem}.field input:focus,.search-field:focus-within,.share-url:focus,.result-text:focus{border-color:#1ed760b8;box-shadow:0 0 0 3px #1ed7601f}.field small{color:var(--muted-2);font-size:.8rem}.inline-action{gap:.35rem;border:0;color:var(--green-2);background:transparent;cursor:pointer;font-size:.78rem;font-weight:850}.split-fields{display:grid;grid-template-columns:1fr 1fr;gap:.85rem}.segmented-control{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.35rem;padding:.3rem;border:1px solid rgba(166,255,210,.18);border-radius:var(--radius);background:#03080ab8}.segmented-control button{min-height:38px;border:1px solid transparent;border-radius:6px;color:var(--muted);background:transparent;cursor:pointer;font-size:.84rem;font-weight:850;text-transform:capitalize}.segmented-control button.active{color:#031208;background:var(--green)}.clip-schedule{gap:.45rem;flex-wrap:wrap}.section-title{display:flex;gap:.85rem;align-items:center}.section-title h2,.section-title h1{margin:0;font-size:1.25rem}.section-title p{margin:.14rem 0 0;font-size:.9rem}.share-url,.result-text{min-height:118px;padding:.85rem;resize:vertical;font-size:.9rem}.callout{display:grid;grid-template-columns:auto 1fr;gap:.7rem;padding:.82rem;border:1px solid var(--border);border-radius:var(--radius);background:#ffffff0e}.callout svg{color:var(--cyan)}.callout-success svg{color:var(--green-2)}.callout-warning svg{color:var(--coral)}.callout strong{display:block;font-size:.9rem}.callout p{margin:.15rem 0 0;color:var(--muted);font-size:.86rem}.debug-details{border:1px solid rgba(255,111,97,.32);border-radius:var(--radius);background:#ff6f6112;color:var(--text)}.debug-details summary{cursor:pointer;padding:.78rem .9rem;color:var(--coral);font-size:.86rem;font-weight:850}.debug-details pre{max-height:280px;margin:0;overflow:auto;border-top:1px solid rgba(255,111,97,.2);padding:.9rem;color:#ffd6d1;white-space:pre-wrap;word-break:break-word;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.78rem;line-height:1.45}.debug-details-muted{border-color:#37d7ff3d;background:#37d7ff0f}.debug-details-muted summary{color:var(--cyan)}.debug-details-muted pre{border-top-color:#37d7ff29;color:#c9f5ff}.signin-card,.loading-block,.round-complete{display:grid;place-items:center;gap:1rem;text-align:center}.signin-card{padding:2rem}.signin-card svg,.round-complete svg{color:var(--green-2)}.signin-card p,.round-complete p{max-width:420px;margin:0;color:var(--muted)}.reveal-art{width:min(58vw,180px);aspect-ratio:1;border:1px solid rgba(255,255,255,.14);border-radius:var(--radius);object-fit:cover;box-shadow:0 22px 58px #00000061}.reveal-answer{display:grid;gap:.15rem}.reveal-answer strong{font-size:1.05rem}.reveal-answer span{color:var(--muted);font-size:.9rem}.loading-block{min-height:320px}.spin{animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.game-head{display:flex;justify-content:space-between;gap:1rem;align-items:end;margin-bottom:1.2rem}.game-head h1{font-size:clamp(2rem,4vw,3.5rem)}.game-head p{margin:.4rem 0 0}.score-potential{min-width:145px;padding:.85rem 1rem;border:1px solid rgba(30,215,96,.24);border-radius:var(--radius);background:#1ed76014;text-align:right}.score-potential span{display:block;color:var(--muted);font-size:.75rem;font-weight:800}.score-potential strong{font-size:1.7rem}.round-meta{justify-content:space-between;gap:1rem;color:var(--muted);font-size:.86rem;font-weight:800}.round-meta strong{color:var(--green-2)}.big-disc{display:grid;place-items:center;width:min(58vw,250px);aspect-ratio:1;margin:1rem auto;border:1px solid rgba(255,255,255,.12);border-radius:50%;color:#031208;background:radial-gradient(circle at center,rgba(255,255,255,.9) 0 8%,transparent 8% 18%),conic-gradient(from 10deg,var(--green),var(--cyan),var(--coral),var(--green));box-shadow:inset 0 0 0 42px #040a0c7a,0 0 60px #1ed76029}.big-disc-button{border:1px solid rgba(255,255,255,.12);cursor:pointer;transition:transform .16s ease,box-shadow .16s ease,opacity .16s ease}.big-disc-button:not(:disabled):hover{transform:translateY(-2px) scale(1.01);box-shadow:inset 0 0 0 42px #040a0c7a,0 0 74px #1ed7603d}.big-disc-button:disabled{cursor:default;opacity:.72}.big-disc svg{width:54px;height:54px;color:var(--text)}.search-field{display:flex;align-items:center;gap:.55rem;padding:0 .8rem}.search-field svg{color:var(--muted)}.search-field input{min-height:48px;width:100%;border:0;color:var(--text);background:transparent;outline:none}.autocomplete{position:relative;display:grid;gap:.55rem}.selected-song{color:var(--green-2);font-size:.86rem;font-weight:800}.option-list{display:grid;max-height:292px;overflow:auto;border:1px solid var(--border);border-radius:var(--radius);background:#05090bf5}.option-row{display:grid;gap:.12rem;padding:.78rem .9rem;border:0;border-bottom:1px solid rgba(255,255,255,.06);color:var(--text);background:transparent;text-align:left;cursor:pointer}.option-row:hover{background:#1ed76017}.option-row span{font-weight:850}.option-row small,.option-empty{color:var(--muted)}.option-empty{padding:.9rem}.results-page{width:min(760px,calc(100% - 32px))}.score-ring{display:grid;place-items:center;width:220px;aspect-ratio:1;margin:0 auto;border-radius:50%;border:1px solid rgba(30,215,96,.26);background:radial-gradient(circle,rgba(30,215,96,.16),transparent 62%),#ffffff0a}.score-ring strong{font-size:3.2rem;line-height:1}.score-ring span{margin-top:-3.4rem;color:var(--muted);font-weight:800}.result-list{display:grid;gap:.5rem}.result-row{justify-content:space-between;gap:.8rem;padding:.8rem;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius);background:#ffffff0a}.result-row span{color:var(--muted)}.result-row em{color:var(--green-2);font-style:normal;font-weight:850}@media (max-width: 860px){.site-header{grid-template-columns:1fr auto}.site-nav,.header-actions .button-ghost{display:none}.hero-grid,.create-grid,.game-grid,.feature-strip{grid-template-columns:1fr}.hero-grid{min-height:auto;padding-top:18px}.hero-copy h1{font-size:clamp(2.65rem,14vw,4.2rem)}.game-head{display:grid;align-items:start}.score-potential{text-align:left}}@media (max-width: 560px){.page{width:min(100% - 24px,1180px);padding:32px 0 60px}.site-header{width:min(100% - 24px,1180px)}.brand{font-size:.95rem}.header-actions .button{padding-inline:.62rem}.header-actions .button span:not(.button-icon){display:none}.split-fields{grid-template-columns:1fr}.preview-controls,.game-controls,.hero-actions{align-items:stretch;flex-direction:column}.button{width:100%}.album-stack{min-height:220px}.album-art{width:150px}.waveform{gap:3px}.big-disc{width:min(76vw,230px)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}