:root{
  --bg:#070708;--panel:#111014;--panel2:#17131a;--text:#f7f2ea;--muted:#a79fa5;
  --orange:#ff6a18;--gold:#ffbc42;--red:#d92b22;--purple:#7322a8;--green:#7dff7a;
  --line:rgba(255,255,255,.11);--shadow:0 24px 80px rgba(0,0,0,.55);
}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#050506;color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;overscroll-behavior:none}
body{min-height:100dvh;overflow-x:hidden}.app{min-height:100dvh;position:relative;background:
radial-gradient(circle at 50% -10%,rgba(217,43,34,.22),transparent 30%),
radial-gradient(circle at 15% 40%,rgba(115,34,168,.15),transparent 28%),
linear-gradient(180deg,#070608 0,#090709 48%,#040404 100%);isolation:isolate}
.noise{position:fixed;inset:0;pointer-events:none;opacity:.22;z-index:-1;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='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.13'/%3E%3C/svg%3E")}
.embers{position:fixed;inset:0;pointer-events:none;z-index:-1;background-image:radial-gradient(circle,rgba(255,109,24,.45) 0 1px,transparent 1.5px);background-size:71px 83px;animation:drift 9s linear infinite;mask-image:linear-gradient(transparent,black 30%,black)}
@keyframes drift{to{transform:translateY(-83px)}}
button,input,select,textarea{font:inherit}.topbar{height:64px;position:sticky;top:0;z-index:80;display:flex;align-items:center;justify-content:space-between;padding:0 max(14px,env(safe-area-inset-left));background:rgba(6,6,7,.82);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}
.brand-mini{display:flex;flex-direction:column;text-align:center;line-height:1}.brand-mini span{font-size:9px;letter-spacing:.28em;color:var(--gold);font-weight:900}.brand-mini strong{font-size:14px;letter-spacing:.12em;margin-top:5px}.top-actions{display:flex;gap:8px}.icon-btn{width:42px;height:42px;border:1px solid var(--line);background:rgba(255,255,255,.04);color:#fff;border-radius:12px;cursor:pointer;font-size:18px}.icon-btn:active{transform:scale(.95)}
.screen{display:none;min-height:calc(100dvh - 64px);padding:22px 18px 60px}.screen.active{display:block}.menu-screen{max-width:1060px;margin:auto}.hero-shell{text-align:center;position:relative;padding:26px 10px 10px}.presenter{font-weight:950;letter-spacing:.3em;font-size:11px;color:var(--gold);text-shadow:0 0 16px rgba(255,188,66,.25)}
h1{font-size:clamp(54px,11vw,112px);line-height:.78;margin:16px 0 12px;letter-spacing:-.07em;font-style:italic;transform:skew(-4deg);filter:drop-shadow(0 8px 0 #1f0504) drop-shadow(0 14px 18px rgba(0,0,0,.5))}
h1 span:first-child{background:linear-gradient(#fff1c4 0,#ffad31 28%,#ff551b 65%,#7e120f 100%);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-stroke:1px rgba(255,213,111,.35)}h1 span:last-child{background:linear-gradient(#fff 0,#e7e7e7 20%,#767982 62%,#24262c 100%);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.25)}
.subtitle{display:inline-block;padding:8px 18px;border-top:1px solid rgba(255,188,66,.35);border-bottom:1px solid rgba(255,188,66,.35);font-size:clamp(16px,4vw,24px);font-weight:950;letter-spacing:.16em;color:#fff}.tagline{margin:16px 0 0;color:#bbb2b5;font-weight:800;font-size:12px;letter-spacing:.18em}
.hero-art{height:250px;max-width:720px;margin:8px auto 0;position:relative;overflow:hidden;filter:drop-shadow(0 20px 24px rgba(0,0,0,.55))}.hero-art:before{content:"";position:absolute;left:50%;top:38%;width:420px;height:180px;transform:translate(-50%,-50%);background:radial-gradient(ellipse,rgba(255,76,20,.35),transparent 63%);filter:blur(8px)}
.demon-emblem{position:absolute;left:50%;top:16px;transform:translateX(-50%);width:210px;height:172px;border-radius:48% 48% 40% 40%;background:linear-gradient(150deg,#4a1211,#180808 45%,#050505 72%);border:2px solid rgba(255,91,35,.32);box-shadow:inset 0 0 42px #000,0 0 44px rgba(217,43,34,.18)}
.demon-emblem:before,.demon-emblem:after{content:"";position:absolute;top:38px;width:82px;height:74px;border-radius:60% 40% 55% 45%;background:#110707;border-top:3px solid rgba(255,91,35,.35)}.demon-emblem:before{left:17px;transform:rotate(10deg)}.demon-emblem:after{right:17px;transform:rotate(-10deg)}
.horn{position:absolute;top:-8px;width:94px;height:76px;border:18px solid #6c2520;border-bottom:0;border-left-color:transparent;border-radius:80% 50% 0 0;filter:drop-shadow(0 8px 4px #000)}.horn.left{left:-48px;transform:rotate(-28deg)}.horn.right{right:-48px;transform:scaleX(-1) rotate(-28deg)}
.eye{position:absolute;top:68px;width:34px;height:10px;background:#ff4b1e;border-radius:100%;box-shadow:0 0 9px #ff3b12,0 0 24px #d21c0d;z-index:2}.eye.left{left:44px;transform:rotate(8deg)}.eye.right{right:44px;transform:rotate(-8deg)}.mouth{position:absolute;left:50%;bottom:28px;width:72px;height:34px;transform:translateX(-50%);border-bottom:8px solid #400d0d;border-radius:0 0 70% 70%;box-shadow:0 8px 16px #000}
.drum-kit{position:absolute;left:50%;bottom:1px;width:390px;height:130px;transform:translateX(-50%)}.drum{position:absolute;border:5px solid #7a7c83;border-top-color:#d0d1d4;background:radial-gradient(circle at 40% 30%,#2c2d32,#090a0c 60%);box-shadow:inset 0 0 0 4px #17181c,0 12px 22px #000}.d1{width:120px;height:88px;left:135px;bottom:0;border-radius:50%}.d2,.d3{width:82px;height:60px;top:18px;border-radius:50%}.d2{left:70px}.d3{right:70px}.cymbal{position:absolute;top:0;width:110px;height:16px;border-radius:50%;background:linear-gradient(90deg,#6b4717,#ffc04d,#7c4a12);box-shadow:0 4px 0 #39260f}.c1{left:0;transform:rotate(8deg)}.c2{right:0;transform:rotate(-8deg)}
.menu-actions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-top:6px}.btn{border:1px solid transparent;border-radius:14px;padding:13px 18px;font-weight:950;letter-spacing:.05em;cursor:pointer;color:#fff;transition:.16s transform,.16s filter,.16s background}.btn:hover{filter:brightness(1.08)}.btn:active{transform:translateY(2px) scale(.99)}.btn.primary{background:linear-gradient(135deg,#ff4e19,#ff9f31 62%,#ffca54);color:#160805;box-shadow:0 8px 24px rgba(255,87,24,.22),inset 0 1px rgba(255,255,255,.35)}.btn.secondary{background:linear-gradient(180deg,#211d24,#111014);border-color:#40363f}.btn.ghost{background:rgba(255,255,255,.03);border-color:var(--line);color:#d7d1d3}.btn.huge{padding:16px 30px;font-size:16px}.btn.wide{width:100%}.micro-copy{margin-top:12px;color:#787277;font-size:11px}
.feature-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:24px auto;max-width:800px}.feature-strip>div{background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.02));border:1px solid var(--line);border-radius:14px;padding:12px 8px}.feature-strip b{display:block;font-size:22px}.feature-strip span{font-size:9px;letter-spacing:.1em;color:#9e989c;font-weight:900}.ad-slot{max-width:820px;margin:28px auto 0;padding:10px 8px;border-top:1px solid rgba(255,255,255,.06);text-align:center}.ad-label{display:block;font-size:8px;letter-spacing:.18em;color:#59565a;margin-bottom:7px}.results-ad-slot:empty{display:none}
.section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;max-width:1000px;margin:0 auto 22px}.section-head small,.modal-kicker{font-size:10px;letter-spacing:.23em;color:var(--gold);font-weight:950}.section-head h2{margin:4px 0 0;font-size:clamp(30px,6vw,54px);line-height:.9;font-style:italic;letter-spacing:-.04em}.stage-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;max-width:1000px;margin:auto}.stage-card{position:relative;min-height:330px;border:1px solid var(--line);border-radius:22px;overflow:hidden;background:linear-gradient(180deg,#171218,#0c0a0c);box-shadow:var(--shadow);cursor:pointer;transition:.18s transform,.18s border-color}.stage-card:hover{transform:translateY(-3px);border-color:rgba(255,112,36,.46)}.stage-card.locked{filter:grayscale(.9);opacity:.5;cursor:not-allowed}.stage-art{height:174px;position:relative;background:radial-gradient(circle at 50% 35%,rgba(255,88,25,.42),transparent 30%),linear-gradient(#1a0e12,#080708)}.stage-card[data-palette=graveyard] .stage-art{background:radial-gradient(circle at 50% 30%,rgba(105,66,198,.4),transparent 34%),linear-gradient(#11101a,#07070b)}.stage-card[data-palette=underworld] .stage-art{background:radial-gradient(circle at 50% 35%,rgba(255,40,18,.55),transparent 28%),linear-gradient(#220806,#080403)}.stage-art:after{content:"";position:absolute;left:50%;bottom:-15px;width:160px;height:128px;transform:translateX(-50%);background:radial-gradient(circle at 35% 35%,#ff3d16 0 3px,transparent 4px),radial-gradient(circle at 65% 35%,#ff3d16 0 3px,transparent 4px),linear-gradient(145deg,#38100f,#080707 60%);clip-path:polygon(25% 8%,40% 18%,50% 7%,60% 18%,75% 8%,90% 40%,78% 86%,50% 100%,22% 86%,10% 40%);filter:drop-shadow(0 12px 12px #000)}.stage-info{padding:18px}.stage-no{font-size:10px;color:var(--gold);font-weight:950;letter-spacing:.16em}.stage-info h3{margin:6px 0;font-size:24px}.stage-info p{margin:0;color:#a59da2;font-size:13px;line-height:1.45}.stage-meta{display:flex;justify-content:space-between;align-items:center;margin-top:16px;padding-top:13px;border-top:1px solid var(--line);font-size:10px;font-weight:950;letter-spacing:.1em}.difficulty{color:#ff8e37}.lock-label{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-weight:950;letter-spacing:.2em;background:rgba(0,0,0,.15)}
.battle-screen{padding:0;position:relative;overflow:hidden;height:calc(100dvh - 64px);min-height:640px;background:linear-gradient(180deg,#130809 0,#080709 42%,#040404 100%)}.battle-screen.active{display:flex;flex-direction:column}.stage-atmosphere{position:absolute;inset:0;pointer-events:none;opacity:.7;background:radial-gradient(circle at 50% 18%,rgba(255,62,20,.28),transparent 24%),linear-gradient(180deg,transparent 45%,rgba(0,0,0,.7))}.theme-graveyard .battle-screen{background:linear-gradient(180deg,#100d1d,#07070d 50%,#030305)}.theme-graveyard .stage-atmosphere{background:radial-gradient(circle at 50% 20%,rgba(122,74,221,.27),transparent 27%),repeating-linear-gradient(90deg,transparent 0 80px,rgba(255,255,255,.018) 81px 83px),linear-gradient(transparent,#020203)}.theme-underworld .battle-screen{background:linear-gradient(180deg,#2a0704,#0e0504 45%,#030303)}
.battle-hud{position:relative;z-index:10;padding:10px 14px 4px}.hud-row{display:flex;justify-content:space-between;gap:12px}.stage-id small,.score-block small,.combo-panel small{display:block;color:#9e979b;font-size:9px;letter-spacing:.13em;font-weight:900}.stage-id strong{font-size:15px}.score-block{text-align:right}.score-block strong{font-variant-numeric:tabular-nums;font-size:18px;color:var(--gold)}.health-row{display:grid;grid-template-columns:minmax(110px,auto) 1fr 44px;gap:9px;align-items:center;margin-top:8px;font-size:10px;font-weight:950}.bar{height:8px;border-radius:999px;background:#252126;overflow:hidden;box-shadow:inset 0 1px 3px #000}.bar i{display:block;width:100%;height:100%;background:linear-gradient(90deg,#7d0b0b,#ff351b,#ff8f2d);border-radius:inherit;transition:width .18s}.boss-health-row b{text-align:right;font-variant-numeric:tabular-nums}
.boss-zone{position:relative;z-index:4;flex:0 0 164px;display:flex;align-items:center;justify-content:center}.boss-sprite{position:relative;width:154px;height:128px;background:linear-gradient(145deg,#38100f,#090808 60%);clip-path:polygon(21% 8%,39% 18%,50% 6%,61% 18%,79% 8%,96% 43%,80% 89%,50% 100%,20% 89%,4% 43%);filter:drop-shadow(0 18px 14px rgba(0,0,0,.75));transition:.12s transform,.12s filter}.boss-sprite.hit{animation:bossHit .18s ease}.boss-sprite.rage-hit{filter:drop-shadow(0 0 20px #ff4e18) drop-shadow(0 18px 14px #000)}@keyframes bossHit{50%{transform:scale(.91) rotate(-2deg);filter:brightness(2)}}.boss-eye{position:absolute;top:46px;width:28px;height:8px;background:#ff351a;border-radius:100%;box-shadow:0 0 9px #ff2a12;z-index:2}.be1{left:31px;transform:rotate(7deg)}.be2{right:31px;transform:rotate(-7deg)}.boss-mouth{position:absolute;left:50%;bottom:25px;width:62px;height:24px;transform:translateX(-50%);border-bottom:7px solid #5e0d0a;border-radius:0 0 60% 60%}.speaker{display:none}.style-amp{border-radius:14px;clip-path:none;width:170px;height:118px;border:3px solid #5c2925;background:linear-gradient(135deg,#32110f,#090707);box-shadow:inset 0 0 0 5px #151012}.style-amp .speaker{display:block;position:absolute;width:48px;height:48px;border-radius:50%;bottom:15px;background:radial-gradient(circle,#050505 0 35%,#201313 36% 58%,#050505 60%);border:3px solid #3c2c2b}.style-amp .s1{left:25px}.style-amp .s2{right:25px}.style-amp .boss-eye{top:21px}.style-amp .boss-mouth{display:none}.style-skull{background:linear-gradient(145deg,#837f70,#262623 55%,#070707)}.style-skull .boss-eye{background:#a65cff;box-shadow:0 0 10px #9a45ff}.style-horned{width:174px;height:140px}.boss-horn{position:absolute;z-index:-1;top:-25px;width:80px;height:60px;border:15px solid #6d211d;border-bottom:0;border-left-color:transparent;border-radius:80% 50% 0 0}.bh1{left:-29px;transform:rotate(-25deg)}.bh2{right:-29px;transform:scaleX(-1) rotate(-25deg)}.boss-quote{position:absolute;right:calc(50% + 110px);top:38px;max-width:150px;padding:8px 10px;border:1px solid var(--line);border-radius:12px;background:rgba(8,7,8,.72);font-size:9px;font-weight:900;letter-spacing:.08em;color:#c3babe}.impact-text{position:absolute;font-size:26px;font-weight:1000;font-style:italic;color:#ffb43c;text-shadow:0 3px 0 #6c160e,0 0 16px #ff4a1a;pointer-events:none;opacity:0}.impact-text.show{animation:impact .42s ease}@keyframes impact{0%{opacity:0;transform:scale(.5) translateY(20px)}35%{opacity:1;transform:scale(1.2) translateY(0)}100%{opacity:0;transform:scale(.9) translateY(-30px)}}
.rhythm-wrap{position:relative;z-index:5;flex:1;min-height:0;display:flex;flex-direction:column}.judgement{height:32px;text-align:center;font-weight:1000;font-style:italic;letter-spacing:.08em;font-size:22px;color:#fff;text-shadow:0 2px 0 #55130c,0 0 18px rgba(255,84,24,.7)}.lanes{position:relative;flex:1;min-height:180px;display:grid;grid-template-columns:repeat(4,1fr);gap:3px;max-width:760px;width:100%;margin:auto;border-left:1px solid rgba(255,255,255,.05);border-right:1px solid rgba(255,255,255,.05);overflow:hidden;background:linear-gradient(90deg,rgba(255,255,255,.012),rgba(255,255,255,.026),rgba(255,255,255,.012))}.lane{position:relative;border-right:1px solid rgba(255,255,255,.06)}.lane:last-child{border-right:0}.lane:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 0 80%,rgba(255,95,22,.07));opacity:0;transition:.08s}.lane.flash:before{opacity:1}.lane-name{position:absolute;top:4px;left:50%;transform:translateX(-50%);font-size:8px;color:#514d50;font-weight:900;letter-spacing:.12em}.hit-line{position:absolute;left:4px;right:4px;bottom:18px;height:4px;background:linear-gradient(90deg,transparent,#ffbf4a 18%,#ff5a18 50%,#ffbf4a 82%,transparent);box-shadow:0 0 12px rgba(255,87,23,.6)}.note{position:absolute;left:15%;width:70%;height:18px;border-radius:7px;background:linear-gradient(180deg,#ffe0a1,#ff8b2d 40%,#d72f18);box-shadow:0 4px 0 #68110e,0 0 14px rgba(255,76,22,.46);border:1px solid rgba(255,255,255,.5);will-change:transform}.note.lane-1{background:linear-gradient(180deg,#e8e7ff,#8e7fff 45%,#5329ad);box-shadow:0 4px 0 #28185d,0 0 14px rgba(133,98,255,.35)}.note.lane-2{background:linear-gradient(180deg,#d5fff3,#56e1b6 45%,#18816d);box-shadow:0 4px 0 #0c4c42,0 0 14px rgba(75,224,181,.35)}.note.lane-3{background:linear-gradient(180deg,#fff9be,#ffd33a 45%,#c07c08);box-shadow:0 4px 0 #6e4304,0 0 17px rgba(255,205,50,.45)}.note.hit{opacity:0;transform:scale(1.6)!important;transition:.15s}.note.miss{filter:grayscale(1);opacity:0;transition:.22s}
.combo-panel{display:grid;grid-template-columns:70px 1fr 70px;gap:10px;align-items:end;padding:7px 14px 8px;max-width:760px;width:100%;margin:auto}.combo-panel>div:first-child strong{font-size:24px}.combo-panel>div:last-child{text-align:right}.combo-panel>div:last-child strong{font-size:15px}.rage-wrap small{color:#ff8d37}.rage-bar{margin-top:5px;height:10px}.rage-bar i{width:0;background:linear-gradient(90deg,#ff3516,#ff8c26,#ffe059)}.app.rage-mode .battle-screen{animation:ragePulse .5s infinite alternate}.app.rage-mode .rage-bar{box-shadow:0 0 17px rgba(255,76,22,.85)}.app.rage-mode .judgement{color:#ffe96b}@keyframes ragePulse{to{box-shadow:inset 0 0 90px rgba(255,36,12,.17)}}
.drum-pads{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;padding:0 10px max(10px,env(safe-area-inset-bottom));max-width:780px;width:100%;margin:auto}.drum-pad{height:74px;border-radius:14px;border:1px solid rgba(255,255,255,.14);background:linear-gradient(180deg,#252126,#0d0c0e);color:#fff;box-shadow:inset 0 1px rgba(255,255,255,.09),0 8px 18px rgba(0,0,0,.34);cursor:pointer;position:relative;overflow:hidden}.drum-pad:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,104,26,.28),transparent);opacity:0}.drum-pad.active{transform:translateY(3px);filter:brightness(1.35);box-shadow:0 0 20px rgba(255,89,24,.25)}.drum-pad.active:before{opacity:1}.drum-pad kbd{position:absolute;top:6px;left:7px;background:#09090a;border:1px solid #3a3439;border-radius:5px;padding:2px 5px;color:#777;font-size:9px}.drum-pad b{display:block;font-size:11px;letter-spacing:.08em;margin-top:7px}.drum-pad span{display:block;font-size:28px;line-height:30px;color:#ff8e35}.drum-pad.snare span{color:#8e7fff}.drum-pad.tom span{color:#56dfb4}.drum-pad.crash span{color:#ffd43f}
.results-screen{max-width:720px;margin:auto;padding-top:28px}.results-card{border:1px solid rgba(255,107,24,.22);background:linear-gradient(180deg,rgba(28,18,20,.94),rgba(10,9,11,.96));border-radius:26px;padding:24px;box-shadow:var(--shadow);text-align:center}.result-badge{display:inline-block;padding:8px 16px;border-radius:999px;background:#123b20;color:#8dff9f;border:1px solid #2c7441;font-size:10px;font-weight:950;letter-spacing:.2em}.result-badge.lose{background:#471313;color:#ff8d83;border-color:#7c2621}.rank-row{display:flex;justify-content:center;align-items:center;gap:10px;margin-top:12px}.rank-row span{font-size:10px;color:#8f878c;letter-spacing:.18em;font-weight:900}.rank-row strong{font-size:68px;line-height:.85;background:linear-gradient(#fff9c7,#ffc149,#ff5f1e);-webkit-background-clip:text;background-clip:text;color:transparent;font-style:italic}.results-card h2{margin:10px 0 18px;font-size:clamp(28px,7vw,46px);font-style:italic}.final-score small{display:block;color:#8d858a;font-size:9px;letter-spacing:.16em}.final-score strong{font-size:clamp(42px,10vw,74px);font-variant-numeric:tabular-nums;letter-spacing:-.05em}.result-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:18px 0}.result-stats div{padding:12px 8px;background:rgba(255,255,255,.035);border:1px solid var(--line);border-radius:13px}.result-stats small{display:block;font-size:8px;color:#817b80;letter-spacing:.09em}.result-stats b{display:block;margin-top:4px;font-size:16px}.submit-score-box{margin:18px 0;padding:14px;border:1px solid var(--line);border-radius:15px;background:rgba(0,0,0,.18);text-align:left}.submit-score-box label{font-size:9px;font-weight:950;letter-spacing:.15em;color:#b2a9ad}.submit-score-box>div{display:flex;gap:7px;margin-top:7px}.submit-score-box input{min-width:0;flex:1;border:1px solid #3b3338;background:#080809;color:#fff;border-radius:12px;padding:12px;outline:0}.submit-score-box input:focus{border-color:#ff6b21}.submit-score-box small{display:block;margin-top:6px;color:#7e777b}.result-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.result-actions .btn:nth-child(3),.result-actions .btn:nth-child(4){font-size:11px}
.modal{width:min(640px,calc(100% - 24px));max-height:calc(100dvh - 32px);border:1px solid rgba(255,255,255,.12);border-radius:24px;padding:22px;background:linear-gradient(180deg,#19131a,#0b090c);color:#fff;box-shadow:0 30px 100px #000;overflow:auto}.modal::backdrop{background:rgba(0,0,0,.78);backdrop-filter:blur(7px)}.modal-close{position:absolute;right:12px;top:12px;width:38px;height:38px;border-radius:50%;border:1px solid var(--line);background:#0d0b0e;color:#fff;font-size:26px;cursor:pointer}.leaderboard-modal h2{margin:5px 0 16px;font-size:32px}.leaderboard-tabs{display:flex;gap:7px;overflow:auto;padding-bottom:8px}.tab-btn{white-space:nowrap;border:1px solid var(--line);background:#0b0a0c;color:#aaa;border-radius:999px;padding:7px 11px;font-size:9px;font-weight:900}.tab-btn.active{background:#ff6c20;color:#160905;border-color:#ff6c20}.leaderboard-list{display:grid;gap:7px;margin-top:8px}.leaderboard-row{display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:8px;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.025)}.leaderboard-row .pos{font-size:18px;font-weight:950;color:#716b70}.leaderboard-row:nth-child(1) .pos{color:#ffd43a}.leaderboard-row:nth-child(2) .pos{color:#d6d8df}.leaderboard-row:nth-child(3) .pos{color:#d78747}.leaderboard-row strong{display:block;font-size:13px}.leaderboard-row small{color:#7f797c;font-size:9px}.leaderboard-score{font-variant-numeric:tabular-nums;color:#ffb139;font-weight:950}.empty-board{padding:28px;text-align:center;color:#7d777b;border:1px dashed var(--line);border-radius:14px}
.about-modal{padding:14px}.about-banner{height:145px;border-radius:18px;background:radial-gradient(circle at 23% 50%,rgba(255,75,21,.42),transparent 28%),linear-gradient(120deg,#240a09,#0b0a13 60%,#1c0a21);border:1px solid rgba(255,105,27,.24);display:flex;align-items:center;gap:18px;padding:16px;overflow:hidden}.mini-demon{width:120px;height:100px;flex:0 0 auto;position:relative;background:linear-gradient(145deg,#5c1712,#110808);clip-path:polygon(18% 6%,38% 20%,50% 5%,62% 20%,82% 6%,98% 45%,78% 90%,50% 100%,22% 90%,2% 45%)}.mini-demon i{position:absolute;top:42%;width:28px;height:7px;background:#ff3c18;box-shadow:0 0 10px #ff2a13}.mini-demon i:first-child{left:20%}.mini-demon i:last-child{right:20%}.about-banner small{display:block;color:var(--gold);font-size:9px;font-weight:950;letter-spacing:.18em}.about-banner strong{display:block;font-size:34px;line-height:.9;margin:6px 0;background:linear-gradient(#fff5c7,#ff7b23);-webkit-background-clip:text;background-clip:text;color:transparent}.about-banner span{font-size:12px;font-weight:950}.about-modal h2{font-size:28px;margin:18px 8px 5px}.about-lead{color:#aaa1a6;margin:0 8px 14px}.credit-card{border:1px solid var(--line);border-radius:15px;padding:13px 15px;margin:9px 0;background:rgba(255,255,255,.025)}.credit-card.creative{border-color:rgba(255,151,47,.27);background:linear-gradient(120deg,rgba(255,83,22,.07),rgba(255,255,255,.015))}.credit-card small{display:block;color:var(--gold);font-size:9px;letter-spacing:.13em;font-weight:950}.credit-card strong{display:block;font-size:22px;margin:2px 0 5px}.credit-card p{margin:0;color:#a9a1a5;font-size:12px;line-height:1.45}.about-tagline{text-align:center;margin:12px 0 7px;font-size:14px}.about-tagline span{color:#ffb541;font-weight:950}.about-fine{text-align:center;font-size:10px;color:#777175;line-height:1.45}.copyright{text-align:center;font-size:9px;color:#575257;margin:8px 0 12px}
.countdown-dialog{border:0;background:transparent;color:#fff;text-align:center;overflow:visible}.countdown-dialog::backdrop{background:rgba(0,0,0,.88);backdrop-filter:blur(5px)}.countdown-dialog small{display:block;color:#ffb842;font-weight:950;letter-spacing:.2em}.countdown-dialog h2{font-size:36px;margin:6px 0}.countdown-dialog p{max-width:420px;color:#aaa2a6}.countdown-dialog strong{display:block;font-size:100px;line-height:1;background:linear-gradient(#fff3c6,#ff6a1d);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 8px 0 #5b120d);animation:countPop .55s ease infinite}@keyframes countPop{0%{transform:scale(.55);opacity:.2}55%{transform:scale(1);opacity:1}100%{transform:scale(.9)}}
.toast{position:fixed;left:50%;bottom:20px;transform:translate(-50%,20px);z-index:200;padding:11px 14px;border-radius:12px;background:#141116;border:1px solid var(--line);box-shadow:0 12px 30px #000;color:#fff;font-size:12px;opacity:0;pointer-events:none;transition:.2s}.toast.show{opacity:1;transform:translate(-50%,0)}.screen-shake{animation:shake .18s linear}@keyframes shake{25%{transform:translate(-4px,2px)}50%{transform:translate(4px,-2px)}75%{transform:translate(-2px,-1px)}}
@media(max-width:760px){.screen{padding:16px 12px 42px}.hero-shell{padding-top:20px}.hero-art{height:205px}.demon-emblem{transform:translateX(-50%) scale(.86);transform-origin:top center}.drum-kit{transform:translateX(-50%) scale(.83);transform-origin:bottom center}.feature-strip{grid-template-columns:repeat(2,1fr)}.stage-grid{grid-template-columns:1fr}.stage-card{min-height:0;display:grid;grid-template-columns:120px 1fr}.stage-art{height:auto;min-height:180px}.stage-info{padding:16px}.stage-art:after{width:120px;height:110px}.boss-quote{display:none}.boss-zone{flex-basis:130px}.boss-sprite{transform:scale(.87)}.lanes{min-height:190px}.drum-pad{height:68px}.drum-pad kbd{display:none}.result-stats{grid-template-columns:repeat(2,1fr)}.about-banner{height:125px}.mini-demon{width:90px;height:80px}.about-banner strong{font-size:27px}}
@media(max-width:420px){.topbar{height:58px}.screen{min-height:calc(100dvh - 58px)}.battle-screen{height:calc(100dvh - 58px);min-height:560px}.brand-mini strong{font-size:12px}.hero-shell h1{font-size:54px}.subtitle{font-size:13px;padding:7px 10px}.hero-art{height:190px}.menu-actions{display:grid}.menu-actions .btn{width:100%}.stage-card{grid-template-columns:105px 1fr}.stage-info h3{font-size:20px}.battle-hud{padding-top:6px}.boss-zone{flex-basis:112px}.boss-sprite{transform:scale(.76)}.rhythm-wrap{min-height:0}.judgement{height:27px;font-size:18px}.combo-panel{padding:5px 8px 6px;grid-template-columns:60px 1fr 60px}.drum-pads{padding-left:6px;padding-right:6px;gap:4px}.drum-pad{height:62px;border-radius:11px}.drum-pad b{font-size:9px}.drum-pad span{font-size:24px}.result-actions{grid-template-columns:1fr}.about-banner{gap:10px;padding:10px}.mini-demon{width:72px;height:70px}.about-banner strong{font-size:23px}.about-banner span{font-size:10px}}
@media(max-height:700px) and (orientation:landscape){.battle-screen{min-height:calc(100dvh - 64px)}.boss-zone{position:absolute;left:10px;top:70px;width:180px;height:130px}.rhythm-wrap{margin-left:190px}.battle-hud{margin-left:190px}.drum-pads{padding-bottom:6px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}

/* V1.1 end-of-round input safety */
.round-end-overlay{position:absolute;inset:0;z-index:70;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:radial-gradient(circle at 50% 48%,rgba(255,94,24,.20),transparent 28%),rgba(2,2,3,.78);backdrop-filter:blur(5px);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .15s ease,visibility .15s ease}.round-end-overlay.show{opacity:1;visibility:visible;pointer-events:auto}.round-end-overlay small{font-size:11px;font-weight:950;letter-spacing:.34em;color:#b9afb4}.round-end-overlay strong{display:block;margin:8px 0 4px;font-size:clamp(58px,14vw,118px);line-height:.82;font-style:italic;letter-spacing:-.06em;transform:skew(-4deg);background:linear-gradient(#fff6c8,#ffbb3c 35%,#ff4b1a 72%,#7d100d);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 8px 0 #4d0d09) drop-shadow(0 18px 28px #000);animation:roundEndHit .36s cubic-bezier(.2,.9,.2,1)}.round-end-overlay.lose strong{background:linear-gradient(#fff,#ff8b83 38%,#d62620 72%,#4e0909);-webkit-background-clip:text;background-clip:text;color:transparent}.round-end-overlay span{font-size:13px;font-weight:950;letter-spacing:.18em;color:#fff}.round-end-overlay.win span{color:#ffce62}.round-end-overlay.lose span{color:#ff8d83}@keyframes roundEndHit{0%{transform:skew(-4deg) scale(.55);opacity:0}70%{transform:skew(-4deg) scale(1.08);opacity:1}100%{transform:skew(-4deg) scale(1)}}
.result-safety{display:flex;align-items:center;justify-content:center;gap:8px;min-height:0;margin:0;overflow:hidden;opacity:0;transform:translateY(4px);font-size:10px;font-weight:950;letter-spacing:.13em;color:#ffbd4b;transition:.18s opacity,.18s transform,.18s min-height,.18s margin}.result-safety.show{min-height:34px;margin:5px 0 10px;opacity:1;transform:none}.results-screen.input-locked .result-actions,.results-screen.input-locked .submit-score-box{pointer-events:none;user-select:none}.results-screen.input-locked .result-actions .btn,.results-screen.input-locked .submit-score-box{opacity:.42;filter:grayscale(.45)}.results-screen.input-locked .result-actions .btn{transform:none!important}.result-actions{margin-top:10px}
@media(max-width:420px){.round-end-overlay strong{font-size:60px}.round-end-overlay span{font-size:11px}.result-actions{margin-top:14px;padding-top:12px;border-top:1px solid rgba(255,255,255,.08)}}

/* V2.0 cover hero + family-game creator layout */
.home-hero-grid{display:grid;grid-template-columns:minmax(0,.82fr) minmax(420px,1.18fr);gap:22px;align-items:center;max-width:1120px;margin:12px auto 0}.home-hero-grid .hero-shell{text-align:left;padding:20px 6px}.home-hero-grid .hero-shell h1{font-size:clamp(54px,8vw,94px);margin-top:18px}.home-hero-grid .menu-actions{justify-content:flex-start}.hero-blurb{color:#bcb3b8;line-height:1.55;font-size:14px;max-width:580px;margin:14px 0 2px}.home-cover-card{position:relative;border-radius:22px;overflow:hidden;border:1px solid rgba(255,130,48,.24);background:#0a080a;box-shadow:0 28px 80px rgba(0,0,0,.55),0 0 55px rgba(255,72,20,.10)}.home-cover-card:after{content:"";position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 0 1px rgba(255,255,255,.04),inset 0 -60px 70px rgba(0,0,0,.18)}.home-cover-card img{width:100%;display:block;aspect-ratio:16/9;object-fit:cover}.creative-credit{position:absolute;left:14px;bottom:14px;z-index:3;background:rgba(5,4,5,.78);border:1px solid rgba(255,186,65,.28);backdrop-filter:blur(10px);border-radius:12px;padding:8px 11px;box-shadow:0 8px 22px #0008}.creative-credit small{display:block;font-size:8px;letter-spacing:.16em;color:var(--gold);font-weight:950}.creative-credit strong{display:block;font-size:14px;margin-top:2px}.home-lower{display:grid;grid-template-columns:1.25fr .75fr;gap:14px;max-width:900px;margin:24px auto 0}.how-card,.studio-card{border:1px solid var(--line);border-radius:18px;background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.018));padding:18px;color:#fff;text-decoration:none}.how-card small{color:var(--gold);font-weight:950;letter-spacing:.16em}.how-card h2{margin:6px 0 8px}.how-card p{margin:0;color:#aaa2a7;line-height:1.55;font-size:13px}.home-cards-stack{display:grid;gap:10px}.studio-card{display:grid;grid-template-columns:42px 1fr;grid-template-rows:auto auto;text-align:left;cursor:pointer}.studio-card>span{grid-row:1/3;font-size:28px;align-self:center}.studio-card strong{font-size:14px}.studio-card small{color:#8d858a;margin-top:3px}.studio-card:hover{border-color:rgba(255,112,36,.42);background:linear-gradient(180deg,rgba(255,90,25,.08),rgba(255,255,255,.02))}.about-card{width:100%}.hidden-ad-slot{display:none}

/* V2.0 volume controls */
.volume-control{position:relative}.volume-panel{position:absolute;top:50px;left:0;width:min(290px,calc(100vw - 24px));padding:14px;border:1px solid var(--line);border-radius:15px;background:rgba(13,10,13,.97);box-shadow:0 22px 55px #000;z-index:120}.volume-panel[hidden]{display:none}.volume-head{display:flex;justify-content:space-between;align-items:center;font-size:10px;letter-spacing:.12em;color:#bdb5b9}.volume-head span{color:var(--gold);font-weight:950}.volume-panel input[type=range]{width:100%;margin:13px 0;accent-color:#ff6a18}.volume-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px}.volume-actions button{border:1px solid var(--line);border-radius:10px;background:#21191f;color:#fff;font-size:10px;font-weight:950;padding:9px;cursor:pointer}.volume-actions button:last-child{background:linear-gradient(135deg,#ff4e19,#ff9f31);color:#190806}

/* V2.0 custom stage/boss artwork */
.stage-art{background-size:cover!important;background-position:center!important}.stage-art[style*="background-image"]:after{opacity:.62}.stage-atmosphere.custom-background{opacity:.56;background-size:cover;background-position:center;background-repeat:no-repeat}.boss-sprite.has-custom-image{clip-path:none!important;background:transparent!important;border:0!important;box-shadow:none!important;overflow:visible}.boss-sprite.has-custom-image>span{display:none!important}.boss-sprite.has-custom-image img{display:block!important;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 18px 16px #000) drop-shadow(0 0 16px rgba(255,64,20,.22))}.boss-sprite.has-custom-image.hit img{animation:bossImageHit .18s ease}@keyframes bossImageHit{50%{transform:scale(.91) rotate(-2deg);filter:brightness(1.7) drop-shadow(0 0 22px #ff4d1a)}}

.about-cover{border-radius:17px;overflow:hidden;border:1px solid rgba(255,105,27,.23);margin-bottom:12px}.about-cover img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}.about-banner{height:auto;min-height:92px;justify-content:center;text-align:center}.about-banner strong{font-size:32px}

@media(max-width:900px){.home-hero-grid{grid-template-columns:1fr;max-width:760px}.home-hero-grid .hero-shell{text-align:center}.home-hero-grid .menu-actions{justify-content:center}.hero-blurb{margin-left:auto;margin-right:auto}.home-cover-card{order:-1}.home-cover-card img{max-height:420px}.home-lower{grid-template-columns:1fr}}
@media(max-width:560px){.home-cover-card{border-radius:16px}.home-hero-grid{gap:7px}.home-hero-grid .hero-shell{padding-top:8px}.creative-credit{left:9px;bottom:9px;padding:6px 9px}.creative-credit strong{font-size:12px}.feature-strip{margin-top:16px}.home-lower{margin-top:18px}.studio-card{padding:14px}.volume-panel{position:fixed;top:64px;left:12px}}