body{background:#070709;overflow-x:hidden}.noise{opacity:.055;z-index:50}.ambient{position:fixed;border-radius:50%;filter:blur(120px);pointer-events:none;opacity:.1}.ambient-one{width:520px;height:520px;background:var(--violet);left:-260px;top:180px}.ambient-two{width:420px;height:420px;background:var(--acid);right:-300px;top:600px}.brand{font-style:italic}.hero{position:relative}.hero:after{content:"BEATVA";position:absolute;right:-2vw;bottom:-8px;font-size:clamp(80px,15vw,190px);font-weight:950;letter-spacing:-12px;color:transparent;-webkit-text-stroke:1px #17171b;z-index:-1}.hero-side{display:flex;flex-direction:column;align-items:flex-end;gap:24px}.season-mark{display:flex;align-items:center;gap:10px;color:var(--muted)}.season-mark b{font-size:48px;line-height:.8;color:#fff}.season-mark span{font-size:10px;letter-spacing:2px}.battle-card{background:linear-gradient(145deg,#151519,#0b0b0d);border-color:#303036;border-radius:30px;padding:32px;box-shadow:0 40px 140px #000;position:relative;overflow:hidden}.stage-grid{position:absolute;inset:42% 0 0;background-image:linear-gradient(#ffffff08 1px,transparent 1px),linear-gradient(90deg,#ffffff08 1px,transparent 1px);background-size:38px 38px;transform:perspective(450px) rotateX(58deg) scale(1.3);transform-origin:bottom;mask-image:linear-gradient(transparent,#000)}.stage-beam{position:absolute;width:380px;height:380px;filter:blur(70px);opacity:.12;border-radius:50%;top:25%}.beam-a{left:-160px;background:var(--violet)}.beam-b{right:-160px;background:var(--orange)}.tag{font-size:11px;letter-spacing:1.4px}.tag i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#ff4048;box-shadow:0 0 12px #ff4048;margin-right:7px}.time-box{display:flex;align-items:center;gap:10px}.time-box small{font-size:8px;letter-spacing:1.5px;color:var(--muted)}.battle-card h2{font-size:38px;letter-spacing:-2px}.battle-title{display:flex;align-items:flex-end;justify-content:space-between;position:relative}.crowd{display:grid;grid-template-columns:auto auto;gap:0 7px;align-items:center;text-align:right}.crowd span{grid-row:1/3;color:var(--acid)}.crowd small{color:var(--muted);font-size:9px}.fighter{border-color:#303038;border-radius:24px;padding:32px 28px 26px;background:linear-gradient(180deg,#141419dd,#09090bd9);position:relative;overflow:hidden;backdrop-filter:blur(8px)}.fighter:before{content:"";position:absolute;width:80%;height:2px;top:0;left:10%;background:linear-gradient(90deg,transparent,currentColor,transparent);opacity:.8}.side-a{color:#9b76ff}.side-b{color:#ff7440}.corner{font-size:8px;letter-spacing:2px;color:var(--muted);margin-bottom:18px}.fighter-name{display:block;color:#fff;font-size:17px}.fighter-meta{display:block;color:var(--muted);font-size:9px;margin-top:5px}.pulse{inset:-8px;opacity:.45;animation:pulse 2.4s ease-in-out infinite}.orbit{position:absolute;inset:-17px;border:1px dashed currentColor;border-radius:50%;opacity:.3;animation:spin 12s linear infinite}@keyframes pulse{50%{transform:scale(1.08);opacity:.1}}@keyframes spin{to{transform:rotate(360deg)}}.wave{height:18px;background:repeating-linear-gradient(90deg,#3a3a40 0 2px,transparent 2px 6px);mask-image:linear-gradient(0deg,transparent 10%,#000 20% 80%,transparent 90%)}.wave span{opacity:.35}.progress-label{display:flex;align-items:center;justify-content:center;gap:13px;color:var(--muted);font-size:8px;letter-spacing:1.5px;position:relative}.progress-label div{display:flex;gap:4px}.progress-label i{width:28px;height:2px;background:#34343a}.progress-label i.done{background:var(--acid)}.listen-note{margin-top:13px;position:relative}.mini-card{min-height:190px;border-radius:20px;position:relative;overflow:hidden;transition:.25s}.mini-card:hover{transform:translateY(-5px);border-color:#555}.mini-card:after{content:"";position:absolute;width:180px;height:180px;border:1px solid currentColor;border-radius:50%;right:-70px;bottom:-95px;opacity:.25}.mini-card b{position:absolute;right:15px;top:14px;font-size:54px;opacity:.09}.mini-card strong{font-size:26px;line-height:.9;letter-spacing:-1px}.mini-card.purple{background:linear-gradient(140deg,#312065,#141119)}.mini-card.red{background:linear-gradient(140deg,#5b1b27,#141114)}.profile-cover{height:260px;background:radial-gradient(circle at 28% 60%,#9f67ff 0,transparent 18%),repeating-linear-gradient(90deg,transparent 0 40px,#ffffff06 41px),linear-gradient(120deg,#2b1a52,#111114 65%);position:relative;overflow:hidden}.profile-cover:after{content:"ARTIST PROFILE";position:absolute;right:-10px;bottom:-20px;font-size:75px;font-weight:950;letter-spacing:-6px;color:#ffffff07}.toast{z-index:80}.result-modal{position:fixed;inset:0;background:#08080af2;z-index:70;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;opacity:0;pointer-events:none;transition:.35s;overflow:hidden}.result-modal.show{opacity:1;pointer-events:auto}.result-glow{position:absolute;width:440px;height:440px;background:var(--acid);filter:blur(160px);opacity:.13}.modal-close{position:absolute;right:28px;top:24px;width:44px;height:44px;border-radius:50%;border:1px solid var(--line);background:#141418;color:#fff;font-size:22px}.result-symbol{width:130px;height:130px;border:1px solid var(--acid);border-radius:50%;display:grid;place-items:center;color:var(--acid);font-size:32px;font-weight:950;font-style:italic;box-shadow:0 0 80px #c6ff0030;margin:18px}.result-modal h2{font-size:clamp(48px,7vw,90px);line-height:.86;letter-spacing:-5px;margin:18px}.result-modal>p{color:var(--muted)}.share-result{background:var(--acid);color:#08080a;border:0;border-radius:99px;padding:15px 24px;font-weight:900;margin-top:18px}@media(max-width:720px){.hero-side{align-items:flex-start}.season-mark{display:none}.hero:after{font-size:90px;right:-50px}.battle-title{display:block}.crowd{display:none}.time-box small{display:none}.battle-card{padding:18px}.fighter{padding:18px 10px}.fighter-meta{display:none}.corner{margin-bottom:12px}.profile-cover{height:170px}.result-modal h2{letter-spacing:-3px}}