:root{--bg:#08090d;--panel:#111219;--panel2:#171923;--text:#f4f2ed;--muted:#9899a6;--line:#292b36;--acid:#d8ff45;--purple:#9a78ff;--danger:#ff627d;--ok:#58e6a9;--radius:22px}*{box-sizing:border-box}html{background:var(--bg);color:var(--text);font-family:"DM Sans",sans-serif}body{margin:0;min-height:100vh;background:radial-gradient(circle at 85% 10%,#261d46 0,transparent 30%),var(--bg)}button,input,select{font:inherit}.noise{position:fixed;inset:0;pointer-events:none;opacity:.04;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='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E")}.topbar{height:76px;display:flex;align-items:center;gap:38px;padding:0 clamp(20px,5vw,72px);border-bottom:1px solid var(--line);position:relative;z-index:5}.brand{display:flex;align-items:center;gap:12px;background:none;border:0;color:var(--text);font:800 16px Manrope;letter-spacing:.12em;cursor:pointer}.brand-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--acid);color:#0b0c0e;font-size:20px;transform:rotate(-8deg)}nav{display:flex;gap:5px}.nav-btn{border:0;background:none;color:var(--muted);padding:10px 13px;cursor:pointer}.nav-btn.is-active{color:var(--text)}.account-btn{margin-left:auto;color:var(--text);border:1px solid var(--line);background:#111218;border-radius:99px;padding:9px 14px;display:flex;gap:9px;align-items:center;cursor:pointer}.account-btn>span:first-child{width:8px;height:8px;border-radius:50%;background:var(--muted)}.account-btn.signed>span:first-child{background:var(--ok);box-shadow:0 0 12px var(--ok)}main{max-width:1280px;margin:auto;padding:0 clamp(20px,5vw,72px) 70px}.view{display:none}.view.is-active{display:block}.hero-grid{display:grid;grid-template-columns:1.5fr 1fr;align-items:center;min-height:440px;padding:50px 0}.eyebrow{color:var(--acid);font-size:12px;font-weight:700;letter-spacing:.2em}.hero-copy h1,.narrow-view>h1{font:800 clamp(54px,8vw,112px)/.87 Manrope;margin:18px 0 26px;letter-spacing:-.065em}.hero-copy h1 em{color:var(--acid);font-style:normal}.lede{font-size:19px;color:var(--muted);max-width:530px;line-height:1.6}.vinyl{justify-self:center;width:min(30vw,330px);aspect-ratio:1;border-radius:50%;background:repeating-radial-gradient(circle,#0b0b0d 0 4px,#17171b 5px 7px);display:grid;place-items:center;position:relative;box-shadow:0 30px 70px #0008;animation:spin 18s linear infinite}.vinyl:before{content:"";position:absolute;inset:35%;border-radius:50%;background:var(--purple)}.vinyl span{position:relative;color:#111;font:800 18px/1 Manrope;text-align:center;transform:rotate(8deg)}@keyframes spin{to{transform:rotate(360deg)}}.setup-panel{border-top:1px solid var(--line);padding-top:35px}.section-heading{display:flex;gap:18px;align-items:flex-start;margin-bottom:28px}.section-heading>span{color:var(--acid);font:700 12px Manrope}.section-heading h2{margin:0;font:800 28px Manrope}.section-heading p{margin:5px 0;color:var(--muted)}.pack-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.pack-card{min-height:150px;text-align:left;border:1px solid var(--line);background:linear-gradient(145deg,var(--panel2),var(--panel));border-radius:var(--radius);color:var(--text);padding:23px;cursor:pointer;transition:.2s;position:relative;overflow:hidden}.pack-card:after{content:"";position:absolute;width:95px;height:95px;border-radius:50%;right:-25px;bottom:-30px;background:var(--tone,var(--purple));filter:blur(2px);opacity:.35}.pack-card:hover,.pack-card.is-selected{transform:translateY(-3px);border-color:var(--acid)}.pack-card.is-selected:before{content:"✓";position:absolute;right:18px;top:17px;width:25px;height:25px;border-radius:50%;background:var(--acid);color:#0a0b0e;display:grid;place-items:center;font-weight:800}.pack-card small{color:var(--muted)}.pack-card h3{font:800 22px Manrope;margin:35px 0 5px}.setup-footer{display:flex;align-items:end;justify-content:space-between;margin-top:28px;padding:24px 0}.field-label{display:block;color:var(--muted);font-size:13px;margin-bottom:9px}.segmented{padding:4px;border:1px solid var(--line);background:#0d0e13;border-radius:12px}.segmented button{border:0;border-radius:8px;background:none;color:var(--muted);padding:10px 18px;cursor:pointer}.segmented button.is-active{background:var(--panel2);color:var(--text)}.primary-btn,.secondary-btn{border:0;border-radius:13px;padding:14px 20px;font-weight:700;cursor:pointer}.primary-btn{background:var(--acid);color:#10110d}.primary-btn:disabled{opacity:.35;cursor:not-allowed}.secondary-btn{background:var(--panel2);border:1px solid var(--line);color:var(--text)}.primary-btn span{margin-left:24px}.hidden{display:none!important}.game-view{padding-top:30px}.game-top{display:flex;align-items:center;gap:22px}.icon-btn{width:42px;height:42px;border-radius:50%;border:1px solid var(--line);background:var(--panel);color:var(--text);font-size:25px;cursor:pointer}.round-progress{flex:1}.round-progress>div:first-child{display:flex;justify-content:space-between;color:var(--muted);font-size:13px}.progress{height:4px;background:var(--line);margin-top:9px}.progress i{display:block;height:100%;width:0;background:var(--acid);transition:.4s}.score-pill{border:1px solid var(--line);border-radius:12px;padding:8px 15px;display:flex;gap:10px;align-items:center}.score-pill small{color:var(--muted)}.game-layout{display:grid;grid-template-columns:1.12fr .88fr;gap:45px;padding:40px 0}.player-shell{aspect-ratio:16/10;background:#020203;border-radius:26px;overflow:hidden;position:relative;min-width:200px;min-height:200px;display:grid;place-items:center}.player-shell iframe{width:100%;height:100%;min-width:200px;min-height:200px}.player-placeholder{position:absolute;inset:0;display:grid;place-content:center;text-align:center;background:radial-gradient(circle,#261c43,#08090d 65%)}.pulse-disc{width:130px;height:130px;border-radius:50%;margin:auto;background:repeating-radial-gradient(#09090c 0 5px,#20212a 6px 8px);display:grid;place-items:center;animation:pulse 2s infinite}.pulse-disc i{width:25px;height:25px;border-radius:50%;background:var(--acid)}@keyframes pulse{50%{box-shadow:0 0 0 22px #d8ff4508}}.player-placeholder p{color:var(--muted)}.guess-panel{padding:20px 0}.game-kickers{display:flex;justify-content:space-between;color:var(--muted);font-size:12px;letter-spacing:.1em}.difficulty{color:var(--purple)}.guess-panel h2{font:800 clamp(34px,5vw,60px)/1 Manrope;margin:35px 0 14px;letter-spacing:-.04em}.guess-panel>p{color:var(--muted)}.listen-btn{width:100%;display:flex;align-items:center;gap:14px;text-align:left;padding:16px;border:1px solid var(--line);border-radius:15px;background:var(--panel);color:var(--text);cursor:pointer;margin:25px 0}.play-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:var(--acid);color:#111}.listen-btn span:last-child{display:flex;flex-direction:column}.listen-btn small{color:var(--muted)}form label,.dialog-card label{display:block;color:var(--muted);font-size:13px}.guess-row{display:flex;margin-top:8px}.guess-row input,.dialog-card input,.dialog-card select,.filter-row select{width:100%;border:1px solid var(--line);background:#0c0d12;color:var(--text);padding:15px;border-radius:12px;outline:none}.guess-row input{border-radius:12px 0 0 12px}.guess-row button{border:0;background:var(--purple);color:white;padding:0 18px;border-radius:0 12px 12px 0;font-weight:700}.attempts{display:flex;justify-content:space-between;align-items:center;margin-top:15px;color:var(--muted);font-size:13px}.attempts button{border:0;background:none;color:var(--text);cursor:pointer}.attempts button:disabled{opacity:.35}.feedback{margin-top:18px;border:1px solid var(--line);padding:15px;border-radius:12px}.feedback.ok{border-color:#58e6a955;color:var(--ok)}.feedback.bad{border-color:#ff627d55;color:var(--danger)}.narrow-view{max-width:850px;margin:auto;padding-top:90px}.result-score{margin:40px 0;background:var(--acid);color:#10110d;border-radius:24px;padding:25px;display:flex;justify-content:space-between;align-items:center}.result-score strong{font:800 54px Manrope}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.stats-grid div{background:var(--panel);border:1px solid var(--line);padding:22px;border-radius:18px;display:flex;flex-direction:column}.stats-grid strong{font:800 28px Manrope}.stats-grid span{color:var(--muted)}.button-row{display:flex;gap:10px;margin-top:30px}.filter-row,.admin-actions{display:flex;gap:10px;margin-bottom:22px}.filter-row select{width:auto}.leaderboard-list{display:grid;gap:8px}.leader-row{display:grid;grid-template-columns:55px 1fr auto;align-items:center;background:var(--panel);border:1px solid var(--line);padding:15px 20px;border-radius:14px}.leader-row:first-child{border-color:var(--acid)}.leader-row .rank{font:800 20px Manrope;color:var(--muted)}.leader-row strong:last-child{color:var(--acid)}.state-card,.notice{padding:20px;border:1px dashed var(--line);border-radius:14px;color:var(--muted);margin:16px 0}.admin-view{padding-top:55px}.file-btn input{display:none}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:18px}table{border-collapse:collapse;width:100%;min-width:680px}th,td{text-align:left;padding:16px;border-bottom:1px solid var(--line)}th{font-size:12px;color:var(--muted);letter-spacing:.08em}td button{border:0;background:none;color:var(--acid);cursor:pointer}.status-dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:7px;background:var(--danger)}.status-dot.on{background:var(--ok)}dialog{border:1px solid var(--line);background:transparent;padding:0;border-radius:22px;color:var(--text);max-width:620px;width:calc(100% - 30px)}dialog::backdrop{background:#020207d9;backdrop-filter:blur(8px)}.dialog-card{background:var(--panel);padding:30px;position:relative}.dialog-card h2{font:800 30px Manrope}.dialog-card>label{margin:14px 0}.dialog-close{position:absolute;right:18px;top:18px;background:none;border:0;color:var(--text);font-size:26px}.text-btn{border:0;background:none;color:var(--muted);cursor:pointer;margin-top:14px}.danger{color:var(--danger)!important}.form-message{font-size:13px;color:var(--danger);margin-top:10px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.form-grid label{margin:0}.form-grid input,.form-grid select{margin-top:6px}.form-grid .full{grid-column:1/-1}.check-label{display:flex!important;align-items:center;gap:8px}.check-label input{width:auto;margin:0}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:25px}@media(max-width:800px){.topbar{gap:15px}.topbar nav{position:fixed;bottom:12px;left:12px;right:12px;justify-content:center;background:#111219ee;border:1px solid var(--line);border-radius:16px;padding:5px;z-index:20}.hero-grid{grid-template-columns:1fr;min-height:auto;padding:65px 0 40px}.vinyl{display:none}.pack-grid{grid-template-columns:1fr}.setup-footer{align-items:stretch;gap:20px;flex-direction:column}.game-layout{grid-template-columns:1fr;gap:20px}.game-top{margin-top:10px}.player-shell{aspect-ratio:16/9}.guess-panel h2{margin-top:22px}.narrow-view{padding-top:55px}.form-grid{grid-template-columns:1fr}.form-grid .full{grid-column:auto}.admin-actions{flex-wrap:wrap}main{padding-bottom:100px}}@media(max-width:480px){.brand>span:last-child{display:none}.account-btn{font-size:13px}.hero-copy h1{font-size:52px}.segmented button{padding:9px 12px}.stats-grid{grid-template-columns:1fr}.game-layout{padding-top:22px}.guess-row{flex-direction:column;gap:8px}.guess-row input,.guess-row button{border-radius:12px}.guess-row button{padding:14px}}