body.admin-body{background:#f4f7fb;min-width:0;overflow:auto}#root:has(.admin-login-shell),#root:has(.admin-shell){min-height:100vh}.admin-login-shell{align-items:center;background:radial-gradient(circle at 50% 20%,rgba(125,211,252,.22),transparent 34%),linear-gradient(135deg,#0f172a,#172033 52%,#1e293b);color:#eef6ff;display:grid;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;min-height:100vh;padding:24px;place-items:center}.admin-login-card{background:rgba(15,23,42,.84);border:1px solid rgba(125,211,252,.24);border-radius:18px;box-shadow:0 28px 90px #00000061;display:grid;gap:16px;max-width:420px;padding:28px;width:min(100%,420px)}.admin-login-card>span{color:#7dd3fc;font-size:12px;font-weight:950;letter-spacing:.16em;text-transform:uppercase}.admin-login-card h1{color:#fff;font-size:30px;margin:0}.admin-login-card p{color:#eef6ffb8;line-height:1.7;margin:0}.admin-login-card label{display:grid;gap:8px}.admin-login-card label span{color:#bae6fd;font-size:13px;font-weight:900}.admin-login-card input{background:rgba(248,250,252,.96);border:1px solid rgba(186,230,253,.36);border-radius:12px;color:#0f172a;font:inherit;font-weight:850;min-height:46px;padding:0 14px}.admin-login-card em{background:rgba(239,68,68,.14);border:1px solid rgba(248,113,113,.26);border-radius:10px;color:#fecaca;font-style:normal;font-weight:850;padding:10px 12px}.admin-login-card button{background:linear-gradient(180deg,#facc15,#eab308);border:0;border-radius:12px;color:#1f2937;cursor:pointer;font:inherit;font-weight:950;min-height:46px}.admin-login-card a{color:#bae6fd;font-weight:850;text-align:center;text-decoration:none}.admin-shell{background:#f4f7fb;color:#172033;display:grid;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;grid-template-columns:280px minmax(0,1fr);min-height:100vh}.admin-sidebar{background:#101827;color:#eef6ff;display:flex;flex-direction:column;gap:28px;padding:28px 24px;position:sticky;top:0;height:100vh}.admin-sidebar span,.admin-eyebrow{color:#7dd3fc;display:block;font-size:12px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.admin-sidebar h1{font-size:26px;line-height:1.1;margin:8px 0 12px}.admin-sidebar p,.admin-muted{color:#64748b;font-size:14px;line-height:1.7;margin:0}.admin-sidebar p{color:#eef6ffad}.admin-sidebar nav{display:grid;gap:8px}.admin-sidebar a{border-radius:10px;color:#eef6ffd1;font-weight:800;padding:10px 12px;text-decoration:none}.admin-sidebar a:hover{background:rgba(125,211,252,.12);color:#fff}.admin-game-link{background:linear-gradient(180deg,#facc15,#eab308);color:#1f2937!important;margin-top:auto;text-align:center}.admin-logout-button{background:rgba(125,211,252,.1);border:1px solid rgba(125,211,252,.2);border-radius:10px;color:#eef6ffe0;cursor:pointer;font:inherit;font-weight:850;min-height:42px;padding:0 12px}.admin-logout-button:hover{background:rgba(125,211,252,.16);color:#fff}.admin-content{display:grid;gap:24px;min-width:0;padding:30px}.admin-section{background:#ffffff;border:1px solid #dde6f2;border-radius:16px;box-shadow:0 18px 40px #0f172a12;display:grid;gap:18px;padding:24px}.admin-section h2{color:#0f172a;font-size:26px;letter-spacing:0;margin:0}.admin-section h3{color:#1e293b;font-size:18px;margin:8px 0 0}.admin-stat-grid{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.admin-stat-card,.admin-note-card,.admin-chart-card{background:#f8fbff;border:1px solid #dde6f2;border-radius:14px;padding:18px}.admin-stat-card span{color:#64748b;display:block;font-size:13px;font-weight:800;margin-bottom:8px}.admin-stat-card strong{color:#0f172a;font-size:28px}.admin-note-card{display:grid;gap:8px}.admin-note-card strong{color:#0f172a;font-size:17px}.admin-note-card p{color:#475569;font-size:14px;line-height:1.7;margin:0}.admin-grid-two{display:grid;gap:18px;grid-template-columns:repeat(2,minmax(0,1fr))}.admin-control-row{align-items:end;background:#f8fbff;border:1px solid #dde6f2;border-radius:14px;display:flex;flex-wrap:wrap;gap:14px;padding:16px}.admin-select{display:grid;gap:6px;min-width:180px}.admin-select span{color:#64748b;font-size:12px;font-weight:900}.admin-select input,.admin-select select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:linear-gradient(45deg,transparent 50%,#334155 50%) right 14px center / 8px 8px no-repeat,#ffffff;border:1px solid #cbd5e1;border-radius:10px;color:#172033;font:inherit;font-weight:800;min-height:42px;padding:0 36px 0 12px}.admin-select input{background:#ffffff;padding-right:12px}.admin-section code{background:#e0f2fe;border-radius:6px;color:#075985;font-size:.92em;font-weight:850;padding:2px 5px}.admin-table-wrap{border:1px solid #dde6f2;border-radius:12px;max-width:100%;overflow:auto}.admin-table{border-collapse:collapse;font-size:14px;min-width:760px;width:100%}.admin-table th{background:#eef5ff;color:#334155;font-size:12px;letter-spacing:.04em;text-align:left;text-transform:uppercase}.admin-table th,.admin-table td{border-bottom:1px solid #e2e8f0;padding:12px 14px;vertical-align:top}.admin-table tr:last-child td{border-bottom:0}.admin-table tr:hover td{background:#fbfdff}.admin-table strong{color:#0f172a}.admin-status{border-radius:999px;display:inline-flex;font-size:12px;font-weight:950;padding:5px 9px}.admin-status.通过{background:#dcfce7;color:#166534}.admin-status.警告{background:#fef3c7;color:#92400e}.admin-status.错误{background:#fee2e2;color:#991b1b}.admin-tone-list{display:flex;flex-wrap:wrap;gap:6px}.admin-tone-list span{background:#e0f2fe;border:1px solid #bae6fd;border-radius:999px;color:#075985;font-size:12px;font-weight:900;padding:4px 8px}.admin-chart-card{display:grid;gap:14px}.admin-chart-header{align-items:center;display:flex;justify-content:space-between;gap:18px}.admin-chart-header span{color:#64748b;font-size:12px;font-weight:900}.admin-chart-header h3{margin:4px 0 0}.admin-chart-header strong{background:#172033;border-radius:999px;color:#f8fafc;padding:8px 12px;white-space:nowrap}.admin-chart-meta{display:flex;flex-wrap:wrap;gap:8px}.admin-chart-meta span{background:#eef5ff;border:1px solid #dde6f2;border-radius:999px;color:#334155;font-size:13px;font-weight:800;padding:7px 10px}.admin-rhythm-monitor{background:linear-gradient(180deg,#0f172a,#172033);border:1px solid #334155;border-radius:16px;box-shadow:inset 0 0 40px #7dd3fc14;color:#e0f2fe;display:grid;gap:14px;padding:18px}.admin-rhythm-monitor-meta{display:flex;flex-wrap:wrap;gap:10px}.admin-rhythm-monitor-meta span{background:rgba(125,211,252,.12);border:1px solid rgba(125,211,252,.24);border-radius:999px;color:#bae6fd;font-size:13px;font-weight:850;padding:7px 10px}.admin-rhythm-track{background:linear-gradient(90deg,rgba(125,211,252,.22) 1px,transparent 1px) 0 0 / 16.666% 100%,linear-gradient(180deg,rgba(14,165,233,.18),rgba(15,23,42,.88));border:1px solid rgba(125,211,252,.28);border-radius:12px;height:124px;overflow:hidden;position:relative}.admin-rhythm-track>span{color:#e0f2fe8c;font-size:12px;font-weight:950;position:absolute;top:12px;transform:translate(-50%)}.admin-rhythm-track>span.is-strong{color:#fef08a}.admin-rhythm-window{background:linear-gradient(90deg,rgba(34,197,94,.12),rgba(34,197,94,.34),rgba(34,197,94,.12));border-left:1px solid rgba(134,239,172,.72);border-right:1px solid rgba(134,239,172,.72);bottom:18px;position:absolute;top:38px}.admin-rhythm-window em{color:#bbf7d0;font-size:12px;font-style:normal;font-weight:950;left:50%;position:absolute;top:8px;transform:translate(-50%);white-space:nowrap}.admin-rhythm-judge-line{background:#ffffff;bottom:12px;box-shadow:0 0 18px #ffffffd9;position:absolute;top:10px;width:3px}.admin-rhythm-judge-line strong{background:#ffffff;border-radius:999px;color:#0f172a;font-size:12px;left:8px;padding:4px 8px;position:absolute;top:0;white-space:nowrap}.admin-rhythm-note-preview{background:linear-gradient(180deg,#fde68a,#f59e0b);border:1px solid rgba(255,255,255,.45);border-radius:12px;box-shadow:0 12px 26px #f59e0b40;color:#1f2937;font-size:18px;font-weight:950;padding:14px 18px;position:absolute;top:56px;transform:translate(0);white-space:nowrap}.admin-draft-editor{display:grid;gap:14px}.admin-draft-editor textarea{background:#0f172a;border:1px solid #334155;border-radius:14px;color:#e2e8f0;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:13px;line-height:1.6;min-height:320px;padding:16px;resize:vertical}.admin-draft-actions{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.admin-draft-actions p{color:#475569;flex:1;font-size:14px;margin:0;min-width:220px}.admin-draft-actions button{background:#172033;border:0;border-radius:10px;color:#f8fafc;cursor:pointer;font:inherit;font-weight:900;min-height:42px;padding:0 14px}@media (max-width: 980px){.admin-shell{grid-template-columns:1fr}.admin-sidebar{height:auto;position:relative}.admin-sidebar nav{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-grid-two{grid-template-columns:1fr}}:root{color:#fff7df;background:#130d08;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;min-width:1120px;min-height:100vh;overflow:hidden;background:radial-gradient(circle at 50% 0,rgba(255,193,94,.2),transparent 32%),linear-gradient(180deg,#20120a 0%,#0d0906 100%)}button,select{font:inherit}button{border:0;border-radius:8px;cursor:pointer;font-weight:900;min-height:44px;padding:0 18px;transition:background .22s ease,border-color .22s ease,box-shadow .22s ease,color .22s ease,opacity .22s ease,transform .18s ease}button:disabled{cursor:not-allowed;opacity:.48}button:not(:disabled):active{transform:translateY(1px) scale(.985)}select:disabled{cursor:not-allowed;opacity:.52}.app-shell{display:grid;grid-template-rows:auto 1fr auto;height:100vh;overflow:hidden;padding:14px 18px 16px;position:relative}.app-shell:before{background:linear-gradient(90deg,rgba(255,206,120,.16),transparent 20% 80%,rgba(255,206,120,.16)),radial-gradient(circle at 18% 30%,rgba(55,115,68,.2),transparent 26%),radial-gradient(circle at 82% 28%,rgba(55,115,68,.16),transparent 24%);content:"";top:0;right:0;bottom:0;left:0;pointer-events:none;position:absolute}.app-header{align-items:center;color:#fff8e4;display:flex;justify-content:space-between;padding:0 2px 10px;position:relative;z-index:5}.header-actions{align-items:center;display:flex;gap:10px}.piano-load-indicator{background:linear-gradient(180deg,rgba(16,38,58,.92),rgba(8,18,31,.92)),radial-gradient(circle at 0 0,rgba(126,223,255,.18),transparent 42%);border:1px solid rgba(190,235,255,.3);border-radius:9px;box-shadow:0 12px 26px #0003,inset 0 1px #ffffff14;color:#e7faffd6;display:grid;gap:4px;grid-template-columns:1fr auto;min-width:180px;padding:7px 10px}.piano-load-indicator span,.piano-load-indicator strong{font-size:11px;font-weight:950;line-height:1}.piano-load-indicator strong{color:#fff8e4}.piano-load-indicator>div{background:rgba(6,14,24,.82);border-radius:999px;grid-column:1 / -1;height:6px;overflow:hidden}.piano-load-indicator i{background:linear-gradient(90deg,#63d8ff,#ffe088),radial-gradient(circle at 100% 50%,rgba(255,255,255,.7),transparent 44%);border-radius:inherit;display:block;height:100%;transition:width .26s ease}.piano-load-indicator.is-ready{border-color:#ffdc807a}.app-header h1{font-size:32px;letter-spacing:0;line-height:1;margin:4px 0 0;text-shadow:0 10px 28px rgba(0,0,0,.45)}.eyebrow{color:#ffe6a6ad;font-size:11px;font-weight:900;letter-spacing:.16em;margin:0;text-transform:uppercase}.status-pill{align-items:center;background:linear-gradient(180deg,rgba(255,244,207,.96),rgba(198,145,67,.88));border:1px solid rgba(255,239,192,.92);border-radius:999px;box-shadow:0 12px 26px #00000047,inset 0 -4px #542c1229;color:#3b210f;display:inline-flex;font-size:14px;font-weight:900;justify-content:center;min-width:96px;padding:9px 16px}.status-pill.playing{background:linear-gradient(180deg,#fff2a6,#f1a93b)}.reset-session-button{background:linear-gradient(180deg,rgba(235,252,255,.94),rgba(93,133,164,.86));border:1px solid rgba(190,235,255,.42);box-shadow:0 12px 26px #00000038;color:#102337;min-height:38px;padding:0 14px}.settings-gear-button{align-items:center;background:radial-gradient(circle at 50% 28%,rgba(255,255,255,.4),transparent 34%),linear-gradient(180deg,rgba(235,252,255,.96),rgba(88,135,168,.9));border:1px solid rgba(190,235,255,.46);border-radius:50%;box-shadow:0 12px 26px #0000003d;color:#102337;display:inline-flex;font-size:19px;height:38px;justify-content:center;line-height:1;min-height:0;padding:0;width:38px}.header-game-button{background:linear-gradient(180deg,#fff2ac,#d99a32 58%,#9b5619),radial-gradient(circle at 50% 0,rgba(255,255,255,.38),transparent 42%);border:1px solid rgba(255,239,192,.92);border-radius:8px;box-shadow:0 14px 28px #00000047,inset 0 -4px #46200b3d;color:#341d0d;font-size:14px;font-weight:950;min-height:38px;padding:0 16px;text-shadow:0 1px 0 rgba(255,255,255,.24)}.header-game-button:hover,.reset-session-button:hover,.settings-gear-button:hover,.primary-button:hover,.secondary-button:hover,.ghost-button:hover,.weapon-status-button:hover{transform:translateY(-1px)}.about-author-button{min-width:104px}.status-pill.paused,.status-pill.transitioning{background:linear-gradient(180deg,#e7f4ff,#8dc3f2)}.status-pill.won{background:linear-gradient(180deg,#dcffd9,#6fd97c)}.status-pill.levelComplete{background:linear-gradient(180deg,#e7fbff,#64d8ff)}.status-pill.lost{background:linear-gradient(180deg,#ffd9d9,#f0675f)}.game-layout{min-height:0;position:relative;z-index:2}.temple-scene{--scene-gold: #b9ecff;--scene-red: #ff355c;border:1px solid rgba(190,235,255,.28);border-radius:8px;box-shadow:0 26px 80px #0000007a,inset 0 0 0 1px #e9faff14;height:100%;min-height:calc(100vh - 250px);overflow:hidden;position:relative}.temple-scene:after{background:radial-gradient(ellipse at 50% 46%,transparent 0 38%,rgba(4,10,24,.2) 64%,rgba(2,6,14,.54) 100%),linear-gradient(90deg,rgba(0,0,0,.38),transparent 23% 77%,rgba(0,0,0,.38)),linear-gradient(180deg,rgba(5,12,26,.08),transparent 42%,rgba(0,0,0,.52) 86%);content:"";top:0;right:0;bottom:0;left:0;pointer-events:none;position:absolute;z-index:2}.temple-background{background:radial-gradient(circle at 50% 18%,rgba(214,248,255,.28),transparent 18%),radial-gradient(circle at 20% 30%,rgba(121,156,210,.2),transparent 28%),linear-gradient(180deg,#182944 0%,#20364f 34%,#142434 62%,#0c1018 100%);top:0;right:0;bottom:0;left:0;overflow:hidden;position:absolute;z-index:0}.painted-snow-backdrop{background:linear-gradient(180deg,rgba(11,24,52,.12),rgba(8,16,32,.1) 52%,rgba(4,7,14,.28) 100%),url(/backgrounds/snow-music-bridge.jpg) center center / cover no-repeat;filter:saturate(1.08) contrast(1.02);top:0;right:0;bottom:0;left:0;position:absolute;transform:scale(1.012);transform-origin:center;z-index:0}.app-loading-overlay{align-items:center;background:#08111f;display:grid;top:0;right:0;bottom:0;left:0;justify-items:center;min-height:100vh;overflow:hidden;padding:24px;position:fixed;z-index:1000}.loading-backdrop-preview{background:radial-gradient(circle at 50% 34%,rgba(191,229,255,.22),transparent 28%),linear-gradient(180deg,rgba(6,15,32,.1),rgba(4,8,18,.62)),url(/backgrounds/snow-music-bridge-tiny.jpg) center center / cover no-repeat;filter:blur(14px) saturate(1.2);top:-26px;right:-26px;bottom:-26px;left:-26px;position:absolute;transform:scale(1.05)}.app-loading-overlay:after{background:radial-gradient(circle at 50% 42%,rgba(125,211,252,.16),transparent 24%),linear-gradient(90deg,rgba(0,0,0,.48),transparent 28% 72%,rgba(0,0,0,.48));content:"";top:0;right:0;bottom:0;left:0;position:absolute}.loading-card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(180deg,rgba(24,48,72,.78),rgba(8,15,28,.82)),radial-gradient(circle at 50% 0,rgba(191,238,255,.18),transparent 44%);border:1px solid rgba(190,235,255,.34);border-radius:16px;box-shadow:0 28px 90px #00000061,0 0 60px #7dd3fc24,inset 0 0 0 1px #ffffff0d;color:#eef9ff;display:grid;gap:14px;max-width:520px;padding:28px;position:relative;text-align:center;width:min(100%,520px);z-index:1}.loading-card span{color:#a7e8ff;font-size:12px;font-weight:950;letter-spacing:.16em;text-transform:uppercase}.loading-card h2{color:#fff8e4;font-size:clamp(28px,4vw,42px);letter-spacing:0;line-height:1.08;margin:0}.loading-card p{color:#eef9ffbd;font-size:15px;font-weight:800;line-height:1.6;margin:0}.loading-progress{background:rgba(3,12,24,.78);border:1px solid rgba(190,235,255,.28);border-radius:999px;height:14px;overflow:hidden;position:relative}.loading-progress i{background:linear-gradient(90deg,#51d7ff,#fff1a6 58%,#ff8bd6),repeating-linear-gradient(90deg,rgba(255,255,255,.28) 0 10px,transparent 10px 20px);border-radius:inherit;box-shadow:0 0 26px #7dd3fc8f;display:block;height:100%;transition:width .24s ease-out}.loading-meta{align-items:center;display:flex;justify-content:space-between;gap:14px}.loading-meta strong{color:#fff8e4;font-size:22px}.loading-meta em{color:#eef9ffb8;font-size:13px;font-style:normal;font-weight:850}.painted-snow-backdrop:after{background:radial-gradient(ellipse at 50% 38%,rgba(226,247,255,.12),transparent 28%),linear-gradient(180deg,transparent 58%,rgba(3,7,14,.34) 100%);content:"";top:0;right:0;bottom:0;left:0;position:absolute}.sky-glow{animation:skyPulse 7s ease-in-out infinite;background:radial-gradient(circle,rgba(238,252,255,.95),rgba(138,204,255,.38) 38%,transparent 70%);border-radius:50%;filter:blur(1px);height:310px;left:50%;position:absolute;top:52px;transform:translate(-50%);width:310px;z-index:1}.aurora-band{animation:auroraDrift 9s ease-in-out infinite;background:linear-gradient(100deg,transparent,rgba(125,227,255,.22),rgba(178,159,255,.2),transparent);filter:blur(8px);height:140px;left:-8%;opacity:.7;position:absolute;right:-8%;top:74px;transform:rotate(-4deg);z-index:1}.snow-mountains{bottom:214px;height:260px;left:0;opacity:.08;position:absolute;right:0}.snow-mountains span{background:linear-gradient(135deg,rgba(255,255,255,.74) 0 18%,transparent 18%),linear-gradient(145deg,#d9f1ff,#607fa6 58%,#21384f);clip-path:polygon(50% 0,100% 100%,0 100%);filter:drop-shadow(0 24px 34px rgba(0,0,0,.24));height:220px;position:absolute;width:360px}.snow-mountains.far span:nth-child(1){left:-90px;top:36px}.snow-mountains.far span:nth-child(2){left:8%;top:16px;transform:scale(.95)}.snow-mountains.far span:nth-child(3){right:-90px;top:44px}.snow-mountains.near{bottom:152px;opacity:.06}.snow-mountains.near span{background:linear-gradient(135deg,rgba(255,255,255,.82) 0 16%,transparent 16%),linear-gradient(145deg,#bfe7ff,#365a7a 62%,#15263a);height:190px;width:300px}.snow-mountains.near span:nth-child(1){left:-2%;top:44px}.snow-mountains.near span:nth-child(2){left:13%;top:58px;transform:scale(.88)}.snow-mountains.near span:nth-child(3){right:13%;top:58px;transform:scale(.88)}.snow-mountains.near span:nth-child(4){right:-2%;top:58px}.mist-layer{animation:mistDrift 12s linear infinite;background:linear-gradient(90deg,transparent,rgba(225,247,255,.24),transparent);filter:blur(7px);height:80px;left:-18%;position:absolute;right:-18%;top:286px;z-index:1}.mist-b{animation-delay:-5s;opacity:.66;top:375px}.pine-forest{bottom:142px;height:190px;left:0;opacity:.12;position:absolute;right:0}.pine-forest span{background:linear-gradient(180deg,#335b62,#10202d);clip-path:polygon(50% 0,68% 32%,60% 32%,78% 62%,66% 62%,86% 100%,14% 100%,34% 62%,22% 62%,40% 32%,32% 32%);height:160px;position:absolute;width:90px}.pine-forest span:nth-child(1){left:5%;top:36px}.pine-forest span:nth-child(2){left:15%;top:6px;transform:scale(1.22)}.pine-forest span:nth-child(3){left:25%;top:48px}.pine-forest span:nth-child(4){right:24%;top:38px}.pine-forest span:nth-child(5){right:14%;top:8px;transform:scale(1.24)}.pine-forest span:nth-child(6){right:5%;top:52px}.snow-crags{bottom:96px;display:flex;gap:16px;height:260px;opacity:.1;position:absolute;width:230px}.snow-crags.left{left:12px;transform:perspective(620px) rotateY(28deg) rotate(-2deg)}.snow-crags.right{right:12px;transform:perspective(620px) rotateY(-28deg) rotate(2deg)}.snow-crags i{background:linear-gradient(135deg,rgba(255,255,255,.8) 0 20%,transparent 20%),linear-gradient(180deg,rgba(154,209,232,.88),rgba(49,83,108,.7));border:1px solid rgba(225,247,255,.22);border-radius:10px 10px 2px 2px;clip-path:polygon(46% 0,100% 100%,0 100%);filter:blur(.2px);height:210px;width:74px}.snow-crags i:nth-child(2){height:170px;margin-top:68px}.snow-crags i:nth-child(3){height:128px;margin-top:116px}.rune-field span{animation:runeFloat 7s ease-in-out infinite;color:#c7f1ff85;font-size:34px;font-weight:900;position:absolute;text-shadow:0 0 22px rgba(163,227,255,.58);z-index:2}.rune-field span:nth-child(1){left:28%;top:136px}.rune-field span:nth-child(2){animation-delay:-2s;right:27%;top:178px}.rune-field span:nth-child(3){animation-delay:-4s;left:18%;top:292px}.rune-field span:nth-child(4){animation-delay:-5s;right:18%;top:304px}.ice-runway{bottom:-146px;height:430px;left:50%;position:absolute;transform:translate(-50%);opacity:.3;width:min(900px,68vw);z-index:1}.ice-runway:before{background:radial-gradient(ellipse at 50% 96%,rgba(2,8,18,.66),transparent 46%),linear-gradient(90deg,transparent 0 5.2%,rgba(236,254,255,.95) 5.2% 6.5%,rgba(131,214,244,.34) 6.5% 10%,transparent 10% 47.8%,rgba(196,239,255,.25) 47.8% 52.2%,transparent 52.2% 90%,rgba(131,214,244,.34) 90% 93.5%,rgba(236,254,255,.95) 93.5% 94.8%,transparent 94.8%),repeating-linear-gradient(0deg,rgba(236,254,255,.5) 0 2px,transparent 2px 50px),linear-gradient(90deg,rgba(17,48,77,.95),rgba(198,241,251,.56) 50%,rgba(17,48,77,.95));bottom:0;clip-path:polygon(45.5% 0,54.5% 0,96% 100%,4% 100%);content:"";height:100%;left:0;position:absolute;right:0}.ice-runway:after{background:linear-gradient(90deg,rgba(3,10,20,.2),transparent 13% 87%,rgba(3,10,20,.2)),radial-gradient(ellipse at 50% 90%,rgba(220,249,255,.34),transparent 58%);bottom:0;clip-path:polygon(44.8% 0,55.2% 0,96% 100%,4% 100%);content:"";height:100%;left:0;opacity:.9;position:absolute;right:0}.ice-runway span{background:linear-gradient(180deg,rgba(245,253,255,.52),transparent 46%),repeating-linear-gradient(90deg,rgba(35,82,116,.58) 0 44px,rgba(172,226,240,.42) 44px 88px);border-top:2px solid rgba(222,249,255,.78);box-shadow:0 -12px 28px #96e2ff38,0 16px 26px #0003,inset 0 -8px #0d233457;clip-path:polygon(43% 0,57% 0,98% 100%,2% 100%);height:76px;left:50%;position:absolute;transform:translate(-50%)}.ice-runway span:nth-child(1){bottom:10px;width:96%}.ice-runway span:nth-child(2){bottom:72px;width:76%}.ice-runway span:nth-child(3){bottom:124px;width:58%}.ice-runway span:nth-child(4){bottom:168px;width:42%}.ice-runway span:nth-child(5){bottom:204px;width:29%}.ice-runway span:nth-child(6){bottom:234px;width:18%}.mission-board{align-items:center;background:linear-gradient(180deg,rgba(230,249,255,.96),rgba(107,157,190,.9)),radial-gradient(circle at 50% 0,rgba(255,255,255,.42),transparent 38%);border:1px solid rgba(235,252,255,.9);border-radius:8px;box-shadow:0 16px 38px #00000057,0 0 34px #8adeff4d,inset 0 -7px #1541602e;color:#102337;display:grid;gap:12px;grid-template-columns:22px minmax(230px,auto) 22px;justify-items:center;left:50%;min-width:580px;padding:11px 20px 14px;position:absolute;top:8px;translate:-50% 0;z-index:8}.mission-content{display:grid;gap:4px;justify-items:center}.mission-content span,.health-copy span,.hud-stat span,.timer-panel span,.keyboard-topline span{font-size:11px;font-weight:950;letter-spacing:.12em;text-transform:uppercase}.mission-content span{color:#235270}.mission-content strong{align-items:baseline;display:flex;flex-wrap:wrap;font-size:clamp(22px,2.25vw,32px);gap:10px;justify-content:center;line-height:1.06;max-width:760px;text-align:center}.mission-content b{font:inherit}.mission-content strong i{color:#10233780;font-style:normal}.mission-content em{color:#173f5c;font:inherit;font-size:.86em;font-style:normal;font-weight:950}.mission-content small{background:rgba(16,35,55,.12);border:1px solid rgba(16,35,55,.16);border-radius:999px;color:#173f5c;font-size:13px;font-weight:950;padding:4px 10px}.mission-rune{background:radial-gradient(circle,#f6fdff 0 18%,#235270 20% 48%,transparent 50%);border-radius:50%;height:18px;width:18px}.game-hud{display:grid;gap:12px;left:18px;position:absolute;top:36px;width:248px;z-index:9}.health-widget,.hud-stat,.weapon-status-button,.timer-panel,.midi-keyboard-display,.control-card{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:linear-gradient(180deg,rgba(24,48,72,.82),rgba(10,19,31,.82)),radial-gradient(circle at 14% 0,rgba(194,239,255,.16),transparent 38%);border:1px solid rgba(190,235,255,.3);border-radius:8px;box-shadow:0 16px 34px #00000047,inset 0 0 0 1px #fff8da0f}.health-widget{display:grid;gap:8px;padding:12px}.health-widget.is-hit{animation:damageFlash .46s ease-out}.health-copy{align-items:center;display:flex;justify-content:space-between}.health-copy span,.hud-stat span,.timer-panel span,.keyboard-topline span{color:#d2f6ffad}.health-copy strong{color:#fff8e4;font-size:18px}.health-track{background:rgba(69,4,17,.82);border:1px solid rgba(255,77,109,.42);border-radius:999px;height:13px;overflow:hidden;position:relative}.health-track:after{animation:healthScan 1.6s linear infinite;background:linear-gradient(90deg,transparent,rgba(255,182,182,.72),transparent);content:"";height:100%;left:-40%;position:absolute;top:0;width:34%}.health-track i{background:linear-gradient(90deg,#ff1f4f,#ff5f71 52%,#ffd0b4),repeating-linear-gradient(90deg,rgba(255,255,255,.24) 0 12px,transparent 12px 24px);border-radius:inherit;box-shadow:0 0 20px #ff355c9e;display:block;height:100%}.hud-stat{display:grid;gap:4px;min-height:66px;padding:12px}.hud-stat strong{color:#fff8e4;font-size:24px;line-height:1.08}.difficulty-stat strong{color:#c8f5ff;font-size:16px}.input-stat{min-height:82px}.input-stat em{color:#fff2d6b3;font-size:12px;font-style:normal;font-weight:800;line-height:1.32}.weapon-status-button{color:#fff8e4;display:grid;gap:4px;justify-items:start;min-height:74px;padding:12px;text-align:left;width:100%}.weapon-status-button:hover{border-color:#ffec9c7a;box-shadow:0 0 0 1px #ffec9c29,0 16px 34px #00000047}.weapon-status-button span{color:#d2f6ffad;font-size:11px;font-weight:950;letter-spacing:.12em;text-transform:uppercase}.weapon-status-button strong{font-size:18px;line-height:1.08}.equipped-summary{display:grid;gap:6px;width:100%}.equipped-summary strong{align-items:center;background:rgba(232,252,255,.06);border:1px solid rgba(190,235,255,.12);border-radius:7px;display:flex;font-size:13px;justify-content:space-between;padding:7px 8px}.equipped-summary strong em{font-size:11px}.weapon-status-button em{color:#fff2d6b8;font-size:12px;font-style:normal;font-weight:900}.timer-panel{align-items:center;display:grid;justify-items:center;min-width:104px;padding:12px 14px;position:absolute;right:calc(50% - 260px);top:232px;z-index:9}.timer-panel strong{color:#c8f5ff;font-size:52px;line-height:.95;text-shadow:0 0 24px rgba(164,231,255,.72)}.timer-panel em{color:#fff2d6b8;font-size:12px;font-style:normal;font-weight:900}.timer-panel.danger{background:linear-gradient(180deg,rgba(122,9,25,.9),rgba(41,8,11,.9)),radial-gradient(circle at 50% 0,rgba(255,91,91,.28),transparent 48%);border-color:#ff4d6ddb;box-shadow:0 0 0 2px #ff355c33,0 0 42px #ff355c85}.timer-panel.danger strong{color:#fff8e4}.scene-playfield{top:72px;right:0;bottom:158px;left:0;pointer-events:none;position:absolute;z-index:5}.player-avatar{bottom:18px;height:184px;left:50%;margin-left:-84px;position:absolute;transform-origin:center bottom;width:168px;z-index:6}.avatar-shadow,.boss-shadow-large{background:rgba(0,0,0,.34);border-radius:50%;bottom:0;filter:blur(2px);height:22px;position:absolute}.avatar-shadow{left:42px;width:86px}.music-mage{animation:playerIdle 3.2s ease-in-out infinite;bottom:16px;height:146px;left:34px;position:absolute;width:100px}.mage-hood{background:radial-gradient(circle at 50% 42%,transparent 0 44%,#254968 45% 100%);border:4px solid #102337;border-radius:50%;height:58px;left:21px;position:absolute;top:-6px;width:58px;z-index:2}.mage-head{background:#f3c483;border:4px solid #24140b;border-radius:50%;height:42px;left:29px;position:absolute;top:0;width:42px;z-index:3}.mage-head:before,.mage-head:after{background:#1a0e08;border-radius:50%;content:"";height:5px;position:absolute;top:18px;width:5px}.mage-head:before{left:10px}.mage-head:after{right:10px}.mage-hair{background:#132438;border-radius:26px 26px 8px 8px;height:22px;left:25px;position:absolute;top:-2px;width:50px;z-index:4}.mage-scarf{animation:scarfWave 1.4s ease-in-out infinite;background:linear-gradient(90deg,#fff0a8,#6bdcff);border:3px solid #102337;border-radius:999px;height:16px;left:16px;position:absolute;top:42px;transform:rotate(-12deg);transform-origin:right center;width:74px;z-index:2}.mage-cape{background:linear-gradient(180deg,rgba(126,214,241,.72),rgba(29,68,103,.92));border:3px solid #102337;border-radius:22px 22px 18px 18px;height:82px;left:15px;position:absolute;top:45px;width:70px;z-index:0}.mage-body{background:radial-gradient(circle at 50% 16%,rgba(255,255,255,.64),transparent 30%),linear-gradient(180deg,#e7fbff,#5bb2d0 50%,#244f78);border:4px solid #102337;border-radius:19px 19px 13px 13px;box-shadow:inset 0 0 0 3px #ffe69a1a;height:66px;left:20px;position:absolute;top:41px;width:60px;z-index:2}.mage-arm,.mage-leg{background:#102337;border-radius:999px;position:absolute;z-index:1}.mage-arm{height:54px;top:52px;transform-origin:top;width:12px}.mage-arm.left{left:12px;transform:rotate(26deg)}.mage-arm.right{right:12px;transform:rotate(-38deg)}.is-casting .mage-arm.right{animation:castArm .52s ease-out}.mage-leg{height:46px;top:99px;width:14px}.mage-leg.left{left:31px;transform:rotate(9deg)}.mage-leg.right{right:31px;transform:rotate(-9deg)}.mage-keytar{background:linear-gradient(90deg,#f8fdff 0 12%,#102337 12% 20%,#f8fdff 20% 32%,#102337 32% 40%,#f8fdff 40%),linear-gradient(180deg,#d8f8ff,#68cbe8);border:3px solid #102337;border-radius:8px;height:18px;left:18px;position:absolute;top:75px;transform:rotate(-12deg);width:68px;z-index:4}.mage-note-core{align-items:center;animation:corePulse 1.8s ease-in-out infinite;background:rgba(255,245,162,.92);border:3px solid #102337;border-radius:50%;box-shadow:0 0 18px #ffe884bd;color:#244f78;display:flex;font-size:16px;font-weight:950;height:28px;justify-content:center;left:36px;position:absolute;top:49px;width:28px;z-index:5}.player-runes span{animation:runeRise 1.6s ease-in-out infinite;background:rgba(177,238,255,.78);border-radius:999px;bottom:18px;box-shadow:0 0 18px #b1eeff80;height:30px;position:absolute;width:6px}.player-runes span:nth-child(1){left:50px}.player-runes span:nth-child(2){animation-delay:-.42s;left:78px}.player-runes span:nth-child(3){animation-delay:-.84s;left:106px}.boss-avatar-large{height:260px;left:50%;margin-left:-148px;position:absolute;top:96px;transform-origin:center bottom;width:296px;z-index:5}.frost-portal{height:250px;left:20px;position:absolute;top:2px;width:256px;z-index:1}.frost-portal span{border-radius:50%;position:absolute}.frost-portal span:nth-child(1){animation:portalBreathe 4.8s ease-in-out infinite;background:radial-gradient(circle,rgba(195,239,255,.12),rgba(100,183,222,.12) 38%,transparent 62%);border:2px solid rgba(191,239,255,.44);box-shadow:0 0 46px #82dcff47,inset 0 0 38px #d0f9ff29;height:230px;left:13px;top:10px;width:230px}.frost-portal span:nth-child(2){animation:chargeSpin 16s linear infinite;border:1px dashed rgba(229,252,255,.55);height:192px;left:32px;top:29px;width:192px}.frost-portal span:nth-child(3){background:conic-gradient(from 20deg,transparent,rgba(168,231,255,.26),transparent 36%,rgba(230,251,255,.2),transparent 70%);filter:blur(1px);height:250px;left:3px;top:0;width:250px}.boss-health-anchor{left:50%;position:absolute;top:-34px;transform:translate(-50%);width:250px;z-index:7}.boss-shadow-large{background:radial-gradient(ellipse,rgba(6,18,34,.56),rgba(77,181,219,.24) 48%,transparent 72%);bottom:0;height:30px;left:58px;width:182px;z-index:2}.relic-guardian{animation:bossIdle 4.6s ease-in-out infinite;height:220px;left:38px;position:absolute;top:28px;width:220px}.frost-guardian{animation:bossIdle 4.6s ease-in-out infinite;height:220px;left:38px;position:absolute;top:28px;width:220px;z-index:3}.ice-spike{background:linear-gradient(135deg,rgba(255,255,255,.84),transparent 26%),linear-gradient(180deg,#d9faff,#6ebbdc);border:2px solid rgba(225,249,255,.72);clip-path:polygon(50% 0,100% 100%,0 100%);position:absolute;z-index:2}.ice-spike.top{height:74px;left:92px;top:0;width:36px}.ice-spike.left{height:82px;left:28px;top:40px;transform:rotate(-42deg);width:30px}.ice-spike.right{height:82px;right:28px;top:40px;transform:rotate(42deg);width:30px}.frost-wing{background:linear-gradient(135deg,rgba(255,255,255,.36),rgba(98,182,218,.24)),linear-gradient(180deg,rgba(172,232,255,.38),rgba(60,100,145,.22));border:1px solid rgba(215,247,255,.34);height:118px;position:absolute;top:70px;width:72px;z-index:1}.frost-wing.left{border-radius:70px 8px 54px 12px;left:0;transform:rotate(-12deg)}.frost-wing.right{border-radius:8px 70px 12px 54px;right:0;transform:rotate(12deg)}.guardian-body{background:radial-gradient(circle at 50% 38%,rgba(255,255,255,.74),transparent 21%),linear-gradient(135deg,rgba(255,255,255,.65) 0 18%,transparent 18%),linear-gradient(180deg,#c6f3ff,#5aa0c9 58%,#21466c);border:6px solid rgba(225,249,255,.76);border-radius:48% 48% 38% 38%;box-shadow:0 0 42px #73dbff61,inset 0 -18px #143e5f3d;height:164px;left:28px;position:absolute;top:42px;width:164px}.boss-phantom .guardian-body{background:radial-gradient(circle at 50% 38%,rgba(255,255,255,.74),transparent 21%),linear-gradient(180deg,#d7faff,#70d0e4 58%,#225a80)}.boss-overlord .guardian-body{background:radial-gradient(circle at 50% 38%,rgba(255,255,255,.72),transparent 21%),linear-gradient(180deg,#eefcff,#7ca5d8 46%,#303b83 86%);border-radius:34% 34% 42% 42%}.guardian-horn{background:#d9a84f;border:4px solid #24140b;border-radius:30px 30px 6px 6px;height:62px;position:absolute;top:4px;width:28px;z-index:1}.guardian-horn.left{left:46px;transform:rotate(-36deg)}.guardian-horn.right{right:46px;transform:rotate(36deg)}.guardian-ear{background:#6d3e2e;border:5px solid #24140b;border-radius:50%;height:50px;position:absolute;top:88px;width:50px}.guardian-ear.left{left:8px}.guardian-ear.right{right:8px}.guardian-eye{animation:bossBlink 3.4s ease-in-out infinite;background:#f7fdff;border-radius:50%;box-shadow:0 0 18px #c9f4ffeb;height:19px;position:absolute;top:100px;width:19px;z-index:3}.guardian-eye.left{left:75px}.guardian-eye.right{right:75px}.guardian-mouth{background:#102337;border-radius:0 0 999px 999px;height:20px;left:88px;position:absolute;top:140px;width:44px;z-index:3}.guardian-core{animation:corePulse 1.7s ease-in-out infinite;background:#c8f5ff;border:4px solid #102337;border-radius:50%;box-shadow:0 0 24px #a4e7ffe0;height:30px;left:95px;position:absolute;top:76px;width:30px;z-index:3}.guardian-orbit,.boss-charge-ring{border:2px solid rgba(199,241,255,.48);border-radius:50%;height:210px;left:5px;position:absolute;top:15px;width:210px}.guardian-orbit{animation:orbitPulse 3.4s ease-in-out infinite}.boss-charge-ring{animation:chargeSpin 1.2s linear infinite;border-color:#ff375c00;opacity:0}.is-charging .boss-charge-ring{border-color:#ff375ccc;box-shadow:0 0 32px #ff375c80;opacity:1}.projectile-layer-modern{height:330px;left:50%;margin-left:-110px;pointer-events:none;position:absolute;top:245px;width:220px;z-index:8}.projectile-modern{position:absolute}.projectile-modern.note{align-items:center;background:radial-gradient(circle,rgba(255,255,255,.98),rgba(191,239,255,.9) 34%,rgba(255,232,132,.2) 72%);border:1px solid rgba(235,252,255,.8);border-radius:50%;box-shadow:0 0 24px #a4e7ffe6,0 0 48px #ffe88457;color:#164869;display:flex;font-size:24px;font-weight:950;height:48px;justify-content:center;left:86px;top:238px;width:48px}.projectile-modern.note.secondary{font-size:18px;height:36px;left:64px;width:36px}.projectile-modern.fire{background:radial-gradient(circle at 35% 30%,#fff0ef,#ff405f 36%,#7e1024 72%);border-radius:50% 50% 50% 12%;box-shadow:0 0 24px #ff405feb,0 0 48px #7e10247a;height:46px;left:92px;top:22px;transform:rotate(45deg);width:46px}.projectile-modern.fire.secondary{height:32px;left:126px;width:32px}.floating-text-layer{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:8px;display:grid;gap:3px;justify-items:center;left:calc(50% - 185px);min-width:190px;padding:12px 18px;pointer-events:none;position:absolute;text-align:center;top:52%;translate:-50% 0;z-index:12}.floating-text-layer.correct{background:rgba(226,251,255,.92);border:1px solid rgba(255,255,255,.82);box-shadow:0 0 34px #7ddfff73;color:#153d58}.floating-text-layer.wrong{background:rgba(120,12,24,.92);border:1px solid rgba(255,111,111,.82);box-shadow:0 0 34px #ff375c80;color:#fff6dc}.floating-text-layer strong{font-size:28px;line-height:1}.floating-text-layer span{font-size:18px;font-weight:950}.floating-text-layer em{font-size:12px;font-style:normal;font-weight:800;max-width:270px;opacity:.82}.feedback-stack{bottom:228px;display:flex;flex-direction:column;gap:10px;pointer-events:none;position:absolute;right:24px;width:290px;z-index:13}.feedback-toast{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:8px;box-shadow:0 18px 42px #00000057,inset 0 0 0 1px #ffffff0f;display:grid;gap:5px;padding:14px 16px;width:100%}.feedback-toast.correct{background:linear-gradient(180deg,rgba(223,254,255,.95),rgba(80,176,206,.9)),radial-gradient(circle at 12% 0,rgba(255,246,179,.44),transparent 42%);border:1px solid rgba(235,252,255,.78);color:#102337}.feedback-toast.wrong,.feedback-toast.timeout{background:linear-gradient(180deg,rgba(111,15,30,.94),rgba(32,8,13,.92)),radial-gradient(circle at 12% 0,rgba(255,96,110,.34),transparent 42%);border:1px solid rgba(255,99,118,.72);color:#fff7df}.feedback-toast span{color:currentColor;font-size:11px;font-weight:950;letter-spacing:.12em;opacity:.7;text-transform:uppercase}.feedback-toast strong{font-size:22px;line-height:1}.feedback-toast p{font-size:13px;font-weight:850;line-height:1.32;margin:0;opacity:.82}.feedback-toast[data-age="1"]{opacity:.78;filter:saturate(.9)}.feedback-toast[data-age="2"]{opacity:.52;filter:saturate(.76)}.start-countdown-overlay{align-items:center;background:radial-gradient(circle at 50% 50%,rgba(230,249,255,.95),rgba(112,189,222,.78) 48%,rgba(22,50,74,.18) 72%,transparent),conic-gradient(from 0deg,rgba(255,245,168,.6),rgba(137,224,255,.3),rgba(255,245,168,.6));border:1px solid rgba(235,252,255,.8);border-radius:50%;box-shadow:0 0 64px #89e0ff6b,inset 0 0 34px #ffffff38;color:#102337;display:grid;height:180px;justify-items:center;left:50%;padding:28px;pointer-events:none;position:absolute;top:47%;translate:-50% -50%;width:180px;z-index:19}.start-countdown-overlay span{color:#25536d;font-size:12px;font-weight:950;letter-spacing:.14em;text-transform:uppercase}.start-countdown-overlay strong{font-size:92px;line-height:.86;text-shadow:0 0 30px rgba(255,255,255,.72)}.scene-state-banner{background:rgba(30,21,13,.62);border:1px solid rgba(255,214,137,.24);border-radius:999px;bottom:160px;color:#fff2d6c2;font-weight:900;left:50%;padding:8px 15px;position:absolute;transform:translate(-50%);z-index:7}.rhythm-stage{--rhythm-stage-width: clamp(540px, 40vw, 760px);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:linear-gradient(180deg,rgba(19,42,66,.78),rgba(6,14,28,.78)),radial-gradient(circle at 20% 0,rgba(156,231,255,.22),transparent 42%);border:1px solid rgba(188,235,255,.32);border-radius:8px;box-shadow:0 24px 60px #0000005c,inset 0 0 0 1px #ffffff0f,0 0 42px #5ec7ff2e;display:grid;gap:14px;left:50%;padding:18px;position:absolute;top:45%;transform:translate(-50%,-50%);width:min(var(--rhythm-stage-width),calc(100% - 340px));z-index:8}.temple-scene.mode-rhythm .boss-avatar-large{top:42px;transform:scale(.88)}.rhythm-stage.is-paused{box-shadow:0 24px 60px #0000005c,inset 0 0 0 1px #ffffff0f,0 0 42px #ffe0923d}.rhythm-stage-header{align-items:end;display:grid;gap:4px;grid-template-columns:1fr auto}.rhythm-stage-header span{color:#d2f6ffb3;font-size:11px;font-weight:950;grid-column:1 / -1;letter-spacing:.14em;text-transform:uppercase}.rhythm-stage-header strong{color:#fff8e4;font-size:22px;line-height:1}.rhythm-stage-header em,.rhythm-stage p{color:#d2f6ffb8;font-size:12px;font-style:normal;font-weight:850}.rhythm-stage p{margin:0}.rhythm-lane{background:linear-gradient(90deg,rgba(255,255,255,.08) 0 1px,transparent 1px 12.5%),linear-gradient(180deg,rgba(122,206,255,.15),rgba(7,16,32,.8));border:1px solid rgba(190,235,255,.26);border-radius:8px;box-shadow:inset 0 0 24px #5ccbff2e,inset 0 -10px 22px #0000003d;height:clamp(108px,12vh,132px);overflow:hidden;position:relative}.rhythm-beat-grid-track{display:flex;top:0;right:0;bottom:0;left:0;position:absolute;will-change:transform;z-index:1}.rhythm-beat-grid-track span{align-items:start;border-left:1px solid rgba(210,246,255,.16);border-right:1px solid rgba(126,223,255,.05);color:#d2f6ff66;display:flex;font-size:11px;font-weight:950;justify-content:center;padding-top:9px;position:relative}.rhythm-beat-grid-track span:after{background:linear-gradient(90deg,rgba(126,223,255,.05) 1px,transparent 1px),linear-gradient(180deg,rgba(126,223,255,.08),transparent 62%);background-size:23px 100%,100% 100%;content:"";top:0;right:0;bottom:0;left:0;opacity:.78;position:absolute}.rhythm-beat-grid-track span.strong-beat{background:linear-gradient(180deg,rgba(126,223,255,.1),transparent);border-left-color:#fff8e44d;color:#fff8e4b8}.rhythm-lane:before,.rhythm-lane:after{background:linear-gradient(90deg,transparent,rgba(180,238,255,.24),transparent);content:"";height:1px;left:0;position:absolute;width:100%}.rhythm-lane:before{top:36%}.rhythm-lane:after{bottom:32%}.rhythm-judge-line{background:linear-gradient(180deg,rgba(255,255,255,.9),rgba(105,223,255,.35)),rgba(105,223,255,.22);box-shadow:0 0 24px #69dfffb8;height:100%;left:21%;position:absolute;top:0;width:3px;z-index:4}.rhythm-judge-line span{background:rgba(7,16,32,.74);border:1px solid rgba(190,235,255,.28);border-radius:999px;color:#e7fbff;font-size:11px;font-weight:950;left:50%;padding:5px 9px;position:absolute;top:10px;transform:translate(-50%);white-space:nowrap}.rhythm-note-block{align-items:center;background:linear-gradient(180deg,rgba(232,252,255,.96),rgba(84,171,211,.92)),radial-gradient(circle at 50% 0,rgba(255,255,255,.46),transparent 48%);border:1px solid rgba(239,254,255,.8);border-radius:8px;bottom:28px;box-shadow:0 12px 26px #00000047,0 0 22px #74e3ff59;color:#102337;display:grid;gap:2px;justify-items:center;min-width:0;overflow:hidden;padding:10px 8px;position:absolute;left:0;z-index:3;will-change:transform}.rhythm-note-block.chord{background:linear-gradient(180deg,rgba(255,247,219,.98),rgba(225,150,82,.92)),radial-gradient(circle at 50% 0,rgba(255,255,255,.46),transparent 48%)}.rhythm-note-block strong{font-size:20px;line-height:1}.rhythm-note-block span{color:#102337b8;font-size:10px;font-weight:950;letter-spacing:.1em;text-transform:uppercase}.midi-keyboard-display{bottom:14px;display:grid;gap:10px;left:50%;padding:12px;position:absolute;transform:translate(-50%);width:min(1120px,calc(100% - 150px));z-index:10}.level-modal-backdrop{align-items:center;background:radial-gradient(circle at 50% 44%,rgba(170,229,255,.22),transparent 32%),rgba(5,12,22,.5);display:flex;top:0;right:0;bottom:0;left:0;justify-content:center;position:absolute;z-index:20}.weapon-modal-backdrop,.about-modal-backdrop,.level-select-backdrop,.settings-modal-backdrop,.midi-modal-backdrop,.boss-warning-backdrop{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:radial-gradient(circle at 50% 44%,rgba(170,229,255,.2),transparent 34%),rgba(5,12,22,.62);display:flex;top:0;right:0;bottom:0;left:0;justify-content:center;position:fixed;z-index:40}.weapon-modal,.midi-required-modal,.settings-modal{background:linear-gradient(180deg,rgba(230,249,255,.98),rgba(77,130,168,.96)),radial-gradient(circle at 50% 0,rgba(255,255,255,.5),transparent 42%);border:1px solid rgba(238,253,255,.9);border-radius:8px;box-shadow:0 26px 90px #0000008c,0 0 58px #8adeff4d,inset 0 -8px #15416029;color:#102337;display:grid;gap:18px;padding:26px;position:relative;width:min(760px,calc(100vw - 56px))}.settings-modal{color:#102337;gap:22px;padding:28px;width:min(680px,calc(100vw - 56px))}.equipment-modal{max-height:min(86vh,900px);overflow:auto;padding-bottom:32px;width:min(1180px,calc(100vw - 56px))}.equipment-modal .weapon-modal-header{padding-left:42px}.midi-required-modal{justify-items:center;max-width:520px;text-align:center}.latency-test-modal{background:linear-gradient(180deg,rgba(21,39,58,.96),rgba(9,19,32,.98)),radial-gradient(circle at 50% 0,rgba(126,223,255,.2),transparent 38%);border:1px solid rgba(190,235,255,.34);border-radius:10px;box-shadow:0 30px 80px #00000080,inset 0 0 0 1px #ffffff0f,0 0 42px #7edfff2e;color:#fff8e4;display:grid;gap:16px;padding:24px;width:min(480px,calc(100% - 32px))}.latency-test-modal>span{color:#7edfffc2;font-size:11px;font-weight:950;letter-spacing:.14em;text-transform:uppercase}.latency-test-modal h2{font-size:30px;line-height:1;margin:0}.latency-test-modal p{color:#e7faffc7;font-size:14px;font-weight:850;line-height:1.6;margin:0}.latency-manual-control{background:rgba(10,19,31,.58);border:1px solid rgba(190,235,255,.18);border-radius:8px;display:grid;gap:14px;padding:14px}.latency-manual-control input[type=range]{accent-color:#7edfff;width:100%}.latency-manual-control label{align-items:center;display:flex;gap:12px;justify-content:space-between}.latency-manual-control label span{color:#ffe8aeb8;font-size:13px;font-weight:900}.latency-manual-control input[type=number]{background:rgba(232,252,255,.08);border:1px solid rgba(126,223,255,.24);border-radius:7px;color:#fff8e4;font-size:15px;font-weight:950;padding:8px 9px;text-align:center;width:92px}.latency-result{align-items:center;background:rgba(10,19,31,.58);border:1px solid rgba(190,235,255,.18);border-radius:8px;display:flex;justify-content:space-between;padding:12px 14px}.latency-result span{color:#ffe8aeb8;font-size:13px;font-weight:900}.latency-result strong{color:#fff8e4;font-size:18px}.boss-warning-modal{align-items:center;background:linear-gradient(180deg,rgba(255,240,230,.98),rgba(151,38,55,.96)),radial-gradient(circle at 50% 0,rgba(255,255,255,.48),transparent 42%);border:1px solid rgba(255,226,214,.92);border-radius:8px;box-shadow:0 26px 90px #00000094,0 0 58px #ff4d6d52,inset 0 -8px #4c04132e;color:#2e0710;display:grid;gap:13px;justify-items:center;padding:28px;text-align:center;width:min(540px,calc(100vw - 56px))}.boss-warning-mark{align-items:center;background:linear-gradient(180deg,#ff244d,#8e061e);border:2px solid rgba(255,235,218,.92);border-radius:50%;box-shadow:0 0 0 6px #ff244d24,0 0 34px #ff244d6b;color:#fff8e4;display:flex;font-size:38px;font-weight:950;height:72px;justify-content:center;line-height:1;width:72px}.boss-warning-modal>span{color:#4a0412b3;font-size:12px;font-weight:950;letter-spacing:.14em;text-transform:uppercase}.boss-warning-modal h2{font-size:32px;line-height:1;margin:0}.boss-warning-modal p{font-size:15px;font-weight:850;line-height:1.45;margin:0;max-width:410px}.danger-button{background:linear-gradient(180deg,#ff5a6f,#b71935),radial-gradient(circle at 50% 0,rgba(255,255,255,.28),transparent 42%);box-shadow:0 12px 24px #b719354d,inset 0 -4px #0000002e;color:#fff;min-width:132px}.weapon-modal-header{align-items:center;display:flex;gap:16px;justify-content:space-between}.weapon-modal-header span,.midi-required-modal>span{color:#25536d;font-size:12px;font-weight:950;letter-spacing:.14em;text-transform:uppercase}.weapon-modal h2,.midi-required-modal h2{font-size:32px;line-height:1;margin:4px 0 0}.weapon-modal-header>strong{background:rgba(9,31,48,.14);border:1px solid rgba(9,31,48,.12);border-radius:999px;padding:9px 14px}.level-pick-panel{background:linear-gradient(180deg,rgba(9,31,48,.13),rgba(9,31,48,.07)),radial-gradient(circle at 0 0,rgba(255,255,255,.36),transparent 32%);border:1px solid rgba(9,31,48,.14);border-radius:10px;display:grid;gap:12px;padding:14px}.level-pick-panel>div:first-child{align-items:center;display:flex;gap:10px;justify-content:space-between}.level-pick-panel span,.equipment-column-header span{color:#25536d;font-size:11px;font-weight:950;letter-spacing:.12em;text-transform:uppercase}.level-pick-panel strong,.equipment-column-header em{color:#102337;font-size:13px;font-style:normal;font-weight:900;opacity:.78}.level-pick-grid{display:grid;gap:10px;grid-template-columns:repeat(3,minmax(0,1fr))}.level-pick-grid button{align-items:start;background:rgba(9,31,48,.1);border:1px solid rgba(9,31,48,.12);border-radius:8px;color:#102337;display:grid;gap:5px;padding:12px;text-align:left}.level-pick-grid button.is-active{background:rgba(255,243,168,.28);border-color:#e0ac3c75;box-shadow:0 0 22px #e0ac3c29}.level-pick-grid button:disabled{cursor:not-allowed;opacity:.58}.level-pick-grid button strong{font-size:16px;line-height:1.05}.level-pick-grid button em{font-size:12px;font-style:normal;font-weight:900;opacity:.66}.level-pick-grid button small{color:#10233799;font-size:11px;font-weight:900}.equipment-columns{display:grid;gap:14px;grid-template-columns:repeat(3,minmax(0,1fr))}.equipment-column{background:linear-gradient(180deg,rgba(9,31,48,.1),rgba(9,31,48,.06)),radial-gradient(circle at 50% 0,rgba(255,255,255,.32),transparent 34%);border:1px solid rgba(9,31,48,.12);border-radius:10px;display:grid;gap:12px;padding:12px}.equipment-column-header{display:grid;gap:4px;min-height:48px}.weapon-grid{display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.equipment-column .weapon-grid{grid-template-columns:1fr}.weapon-card{background:rgba(9,31,48,.12);border:1px solid rgba(9,31,48,.12);border-radius:8px;display:grid;gap:12px;grid-template-columns:72px 1fr;min-height:190px;padding:16px;position:relative;overflow:hidden}.weapon-card:before{background:radial-gradient(circle at 50% 0,rgba(255,255,255,.28),transparent 42%),linear-gradient(135deg,transparent,rgba(255,255,255,.12),transparent);content:"";top:0;right:0;bottom:0;left:0;pointer-events:none;position:absolute}.weapon-card.rarity-rare{border-color:#4894eb57}.weapon-card.rarity-epic{border-color:#a268ff61;box-shadow:0 0 28px #a268ff24}.weapon-card.is-equipped{background:rgba(255,243,168,.22);border-color:#ffdd7080;box-shadow:0 0 26px #ffdd7033}.weapon-icon{align-items:center;background:radial-gradient(circle,rgba(255,255,255,.96),rgba(137,224,255,.54));border:1px solid rgba(255,255,255,.72);border-radius:18px;display:flex;font-size:22px;font-weight:950;height:72px;justify-content:center;position:relative;width:72px;z-index:1}.weapon-icon:before,.weapon-icon:after{content:"";position:absolute}.weapon-icon.note-blade:before{background:linear-gradient(180deg,#fff9dc,#7edfff 60%,#1768d1);border-radius:999px 999px 4px 4px;height:48px;transform:rotate(38deg);width:10px}.weapon-icon.note-blade:after{background:#71421f;border-radius:999px;height:24px;transform:translate(13px,16px) rotate(38deg);width:7px}.weapon-icon.chord-staff:before{background:linear-gradient(180deg,#5a3a24,#221209);border-radius:999px;height:54px;transform:rotate(-20deg);width:7px}.weapon-icon.chord-staff:after{background:radial-gradient(circle,#fff8e4 0 24%,#7edfff 26% 54%,#1768d1 58%);border-radius:50%;box-shadow:0 0 18px #7edfffc7;height:24px;transform:translate(-12px,-18px);width:24px}.weapon-icon.seventh-bow:before{border:5px solid #7b4e25;border-left-color:transparent;border-radius:50%;height:48px;transform:rotate(10deg);width:38px}.weapon-icon.seventh-bow:after{background:linear-gradient(90deg,transparent 0 44%,#fff8e4 45% 55%,transparent 56%);height:54px;transform:rotate(10deg);width:44px}.weapon-icon.mode-crystal:before{background:linear-gradient(135deg,#fff,#94eaff 42%,#7a5cff 80%);clip-path:polygon(50% 0,88% 32%,72% 100%,28% 100%,12% 32%);filter:drop-shadow(0 0 12px rgba(126,223,255,.72));height:52px;width:42px}.weapon-icon.snow-hood:before{background:linear-gradient(180deg,#ffffff,#95d7ee);border-radius:24px 24px 12px 12px;height:42px;width:50px}.weapon-icon.snow-hood:after{background:rgba(32,80,108,.72);border-radius:14px 14px 8px 8px;height:24px;transform:translateY(8px);width:30px}.weapon-icon.rune-helm:before{background:linear-gradient(180deg,#d8f8ff,#4f8fb9);border-radius:26px 26px 10px 10px;height:42px;width:52px}.weapon-icon.rune-helm:after{background:linear-gradient(90deg,transparent 0 12%,#16384c 13% 27%,transparent 28% 72%,#16384c 73% 87%,transparent 88%);height:18px;transform:translateY(8px);width:46px}.weapon-icon.harmony-coat:before,.weapon-icon.aurora-armor:before{background:linear-gradient(180deg,#fff9dc,#71d2ec 48%,#216d9e);clip-path:polygon(22% 0,78% 0,94% 32%,78% 100%,22% 100%,6% 32%);height:54px;width:48px}.weapon-icon.aurora-armor:before{background:linear-gradient(180deg,#fff,#98ffda 34%,#7a5cff 74%)}.weapon-icon.snow-cat:before,.weapon-icon.moon-rabbit:before,.weapon-icon.chord-pup:before,.weapon-icon.aurora-fox:before{background:linear-gradient(180deg,#fff8e4,#bfeeff);border-radius:50%;height:42px;width:46px}.weapon-icon.snow-cat:after{background:radial-gradient(circle at 20% 42%,#102337 0 3px,transparent 4px),radial-gradient(circle at 80% 42%,#102337 0 3px,transparent 4px),linear-gradient(135deg,#fff8e4 0 46%,transparent 47%),linear-gradient(225deg,#fff8e4 0 46%,transparent 47%);background-position:center,center,4px 0,40px 0;background-repeat:no-repeat;height:54px;transform:translateY(-5px);width:52px}.weapon-icon.moon-rabbit:after{background:radial-gradient(circle at 34% 58%,#102337 0 3px,transparent 4px),radial-gradient(circle at 66% 58%,#102337 0 3px,transparent 4px),linear-gradient(180deg,#fff8e4,#c9f3ff),linear-gradient(180deg,#fff8e4,#c9f3ff);background-position:center,center,15px 0,31px 0;background-repeat:no-repeat;background-size:auto,auto,10px 38px,10px 38px;border-radius:999px;height:62px;transform:translateY(-14px);width:52px}.weapon-icon.chord-pup:after{background:radial-gradient(circle at 34% 48%,#102337 0 3px,transparent 4px),radial-gradient(circle at 66% 48%,#102337 0 3px,transparent 4px),radial-gradient(circle at 50% 67%,#71421f 0 4px,transparent 5px),linear-gradient(135deg,#d49a55 0 45%,transparent 46%),linear-gradient(225deg,#d49a55 0 45%,transparent 46%);background-position:center,center,center,4px 4px,40px 4px;background-repeat:no-repeat;height:54px;width:52px}.weapon-icon.aurora-fox:after{background:radial-gradient(circle at 35% 50%,#102337 0 3px,transparent 4px),radial-gradient(circle at 65% 50%,#102337 0 3px,transparent 4px),linear-gradient(135deg,#f5a85f 0 48%,transparent 49%),linear-gradient(225deg,#f5a85f 0 48%,transparent 49%);background-position:center,center,2px 0,42px 0;background-repeat:no-repeat;height:56px;transform:translateY(-4px);width:54px}.weapon-card span{color:#25536d;font-size:10px;font-weight:950;letter-spacing:.1em;text-transform:uppercase}.weapon-card>div:not(.weapon-icon){position:relative;z-index:1}.weapon-card h3{font-size:20px;line-height:1;margin:4px 0}.weapon-card p,.midi-required-modal p{font-size:13px;font-weight:850;line-height:1.42;margin:0;opacity:.78;position:relative;z-index:1}.weapon-meta{align-items:center;display:flex;gap:10px;grid-column:1 / -1;justify-content:space-between;position:relative;z-index:1}.weapon-meta em{font-style:normal;font-weight:900}.weapon-card button{background:linear-gradient(180deg,#3fa2ff,#1768d1),radial-gradient(circle at 50% 0,rgba(255,255,255,.22),transparent 40%);color:#fff;grid-column:1 / -1;position:relative;z-index:1}.weapon-card.is-equipped button,.weapon-card button:disabled{background:linear-gradient(180deg,rgba(235,252,255,.95),rgba(124,171,203,.9));color:#102337}.weapon-close-button{background:linear-gradient(180deg,rgba(235,252,255,.98),rgba(124,171,203,.95));border:1px solid rgba(9,31,48,.16);bottom:14px;box-shadow:0 12px 30px #091f3038;justify-self:center;position:sticky;z-index:8}.weapon-modal-top-close{align-items:center;background:linear-gradient(180deg,rgba(255,248,228,.92),rgba(164,205,226,.86));border:1px solid rgba(9,31,48,.16);border-radius:50%;box-shadow:0 10px 24px #091f3033;color:#102337;display:flex;font-size:24px;font-weight:950;height:36px;justify-content:center;line-height:1;min-height:0;padding:0;position:absolute;left:18px;top:18px;width:36px;z-index:9}.level-select-modal{background:linear-gradient(180deg,rgba(232,252,255,.98),rgba(83,137,173,.96)),radial-gradient(circle at 50% 0,rgba(255,244,192,.42),transparent 40%);border:1px solid rgba(238,253,255,.92);border-radius:8px;box-shadow:0 30px 90px #00000094,0 0 58px #8adeff4d,inset 0 -8px #15416029;color:#102337;display:grid;gap:18px;padding:28px;position:relative;width:min(780px,calc(100vw - 56px))}.level-select-close-button,.about-close-button,.settings-close-button{align-items:center;background:linear-gradient(180deg,rgba(255,248,228,.96),rgba(196,150,70,.94));border:1px solid rgba(255,239,192,.9);border-radius:50%;box-shadow:0 12px 28px #00000047;color:#341d0d;display:flex;font-size:24px;font-weight:950;height:38px;justify-content:center;line-height:1;min-height:0;padding:0;position:absolute;width:38px;z-index:9}.level-select-close-button,.settings-close-button{left:18px;top:18px}.settings-modal-header{display:grid;gap:6px;padding-left:42px}.settings-modal-header span{color:#25536d;font-size:12px;font-weight:950;letter-spacing:.16em;text-transform:uppercase}.settings-modal-header h2{font-size:32px;line-height:1;margin:0}.settings-modal-header p{font-size:14px;font-weight:850;line-height:1.45;margin:0;opacity:.72}.volume-fader-grid{display:grid;gap:16px;grid-template-columns:repeat(3,minmax(0,1fr));min-height:310px}.volume-fader{align-items:center;background:linear-gradient(180deg,rgba(9,31,48,.13),rgba(9,31,48,.07)),radial-gradient(circle at 50% 0,rgba(255,255,255,.34),transparent 32%);border:1px solid rgba(9,31,48,.14);border-radius:10px;display:grid;gap:10px;grid-template-rows:auto auto 1fr auto;justify-items:center;padding:16px 12px;text-align:center}.volume-fader span{color:#25536d;font-size:13px;font-weight:950}.volume-fader strong{color:#102337;font-size:24px;line-height:1}.volume-fader input[type=range]{accent-color:#2d9be8;align-self:center;height:170px;transform:rotate(-90deg);width:170px}.volume-fader em{color:#102337ad;font-size:12px;font-style:normal;font-weight:850;line-height:1.35;min-height:48px}.level-select-header{display:grid;gap:6px;padding-left:42px}.level-select-header span,.about-hero span{color:#25536dc7;font-size:12px;font-weight:950;letter-spacing:.16em;text-transform:uppercase}.level-select-header h2{font-size:32px;line-height:1;margin:0}.level-select-header p{font-size:14px;font-weight:850;margin:0;opacity:.72}.independent-level-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.about-author-modal{background:linear-gradient(180deg,rgba(230,249,255,.98),rgba(77,130,168,.96)),radial-gradient(circle at 50% 0,rgba(255,255,255,.5),transparent 42%);border:1px solid rgba(238,253,255,.9);border-radius:8px;box-shadow:0 26px 90px #0000008c,0 0 58px #8adeff4d,inset 0 -8px #15416029;color:#102337;max-height:min(88vh,920px);overflow:auto;padding:34px;position:relative;width:min(920px,calc(100vw - 48px))}.about-author-modal:before{background:linear-gradient(90deg,transparent,rgba(9,31,48,.16),transparent),repeating-linear-gradient(90deg,rgba(9,31,48,.05) 0 1px,transparent 1px 24px);content:"";height:1px;left:34px;position:absolute;right:34px;top:104px}.about-close-button{left:20px;top:20px}.about-hero{display:grid;gap:8px;justify-items:center;padding:8px 42px 22px;text-align:center}.about-hero span{color:#25536d}.about-hero h2{color:#102337;font-size:clamp(34px,5vw,54px);line-height:1;margin:0;text-shadow:0 12px 28px rgba(0,0,0,.34)}.about-author-layout{display:grid;gap:26px;grid-template-columns:260px 1fr}.about-profile-card{align-content:start;display:grid;gap:16px;justify-items:center;padding-top:22px}.about-avatar-frame{display:grid;gap:12px;justify-items:center;margin:0}.about-avatar-frame img{aspect-ratio:3 / 2;background:transparent;border-radius:8px;box-shadow:none;display:block;height:auto;max-width:100%;object-fit:contain;object-position:center;width:230px}.about-profile-card p,.about-copy p{color:#102337cc;font-size:14px;font-weight:800;line-height:1.76;margin:0;text-indent:2em}.about-intro{font-family:Kaiti SC,STKaiti,KaiTi,Songti SC,serif;font-size:15px}.about-intro span{display:block;text-indent:0}.about-intro-lead{color:#102337;font-family:inherit;font-size:16px;font-weight:950;letter-spacing:.02em;text-shadow:0 8px 20px rgba(0,0,0,.28)}.about-intro-name{color:#102337;font-size:20px;font-weight:950;letter-spacing:.04em;margin:2px 0 8px}.about-copy{display:grid;gap:18px}.about-copy section,.about-contact-card{background:rgba(9,31,48,.1);border:1px solid rgba(9,31,48,.12);border-radius:8px;box-shadow:inset 0 0 0 1px #ffffff0a;display:grid;gap:10px;padding:16px}.about-copy h3{color:#102337;font-size:18px;line-height:1.1;margin:0}.about-section-grid{display:grid;gap:14px;grid-template-columns:repeat(2,minmax(0,1fr))}.about-copy ul{display:grid;gap:8px;list-style:none;margin:0;padding:0}.about-copy li{color:#102337cc;font-size:13px;font-weight:900}.about-copy li:before{color:#25536d;content:"•";margin-right:8px}.about-contact-card a{color:#25536d;font-size:18px;font-weight:950;text-decoration:none}.midi-modal-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.level-complete-modal{background:linear-gradient(180deg,rgba(230,249,255,.98),rgba(91,143,179,.94)),radial-gradient(circle at 50% 0,rgba(255,255,255,.58),transparent 42%);border:1px solid rgba(238,253,255,.92);border-radius:8px;box-shadow:0 26px 80px #0000007a,0 0 54px #8adeff4d,inset 0 -8px #15416029;color:#102337;display:grid;gap:14px;justify-items:center;max-width:560px;padding:28px;position:relative;text-align:center;width:min(560px,calc(100% - 48px))}.modal-rune{background:conic-gradient(from 30deg,rgba(255,255,255,.95),rgba(103,194,225,.28),rgba(255,255,255,.95));border-radius:50%;box-shadow:0 0 28px #8adeff75;height:54px;width:54px}.level-complete-modal>span{color:#25536d;font-size:12px;font-weight:950;letter-spacing:.14em;text-transform:uppercase}.level-complete-modal h2{font-size:34px;line-height:1;margin:0}.level-complete-modal p{font-size:14px;font-weight:850;line-height:1.45;margin:0;max-width:430px;opacity:.78}.level-result-grid{display:grid;gap:10px;grid-template-columns:repeat(3,1fr);width:100%}.level-result-grid div{background:rgba(9,31,48,.12);border:1px solid rgba(9,31,48,.12);border-radius:8px;display:grid;gap:5px;padding:10px}.level-result-grid span{color:#25536d;font-size:11px;font-weight:950;letter-spacing:.08em;text-transform:uppercase}.level-result-grid strong{font-size:24px}.level-modal-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.keyboard-topline{align-items:center;display:flex;gap:12px;justify-content:space-between}.keyboard-topline strong{color:#fff8e4}.keyboard-mode-control{background:rgba(5,12,22,.32);border:1px solid rgba(190,235,255,.18);border-radius:999px;display:inline-flex;gap:4px;padding:4px;transition:background .22s ease,border-color .22s ease,box-shadow .22s ease}.keyboard-mode-control button{background:transparent;border-radius:999px;color:#e7faffb8;font-size:11px;font-weight:950;min-height:28px;padding:0 10px;white-space:nowrap}.keyboard-mode-control button.is-active{background:rgba(126,223,255,.2);color:#fff;box-shadow:inset 0 0 0 1px #7edfff47;transform:translateY(-1px)}.keyboard-mode-control button:disabled{opacity:.38}.keyboard-bed-large{height:118px;position:relative}.white-key-row{display:grid;gap:3px;grid-template-columns:repeat(35,1fr);height:100%}.midi-key{border:0;cursor:pointer;font:inherit;margin:0;min-height:0;padding:0;position:relative;touch-action:none;transition:background .16s ease,box-shadow .16s ease,transform .16s ease;-webkit-user-select:none;user-select:none}.midi-key:focus-visible{outline:2px solid rgba(126,223,255,.86);outline-offset:-2px}.midi-key.white{align-items:end;background:linear-gradient(180deg,#fffaf0,#d7c59e);border:1px solid rgba(255,244,215,.76);border-radius:0 0 8px 8px;box-shadow:inset 0 -11px 20px #4d311a29;color:#392718;display:flex;font-size:11px;font-weight:950;justify-content:center;padding-bottom:8px}.midi-key.black{background:linear-gradient(180deg,#342015,#080604);border:1px solid rgba(255,211,130,.18);border-radius:0 0 6px 6px;color:#fff8e4;display:grid;font-size:10px;font-weight:950;grid-template-rows:1fr auto 1fr;height:70px;justify-items:center;padding:8px 0 7px;position:absolute;top:0;width:2.05%;z-index:2}.black-key-label{align-self:center;line-height:1}.sharp-label{color:#fff}.flat-label{color:#fff8e4b8}.black-key-divider{background:rgba(255,255,255,.58);border-radius:999px;display:block;height:1px;width:58%}.midi-key.is-pressed{animation:keyPress .32s ease-out;transform:translateY(5px)}.midi-key.white.is-pressed{background:linear-gradient(180deg,#eaffff,#7edfff);box-shadow:inset 0 -11px 20px #4d311a1f,0 0 20px #7edfff9e}.midi-key.black.is-pressed{background:linear-gradient(180deg,#b9f3ff,#1f6688);box-shadow:0 0 20px #7edfff9e}.footer-controls{display:grid;gap:14px;grid-template-columns:minmax(300px,.55fr) minmax(0,1.45fr);margin-top:12px;position:relative;z-index:6}.footer-controls>*{min-width:0}.control-card{align-items:center;display:flex;gap:10px;flex-wrap:wrap;min-height:76px;min-width:0;overflow:hidden;padding:14px 18px}.button-group{flex-wrap:wrap;justify-content:flex-end;min-width:0;transition:gap .26s ease,min-height .26s ease,padding .26s ease}.button-group.is-runtime-compact{align-content:center;justify-content:flex-end;min-height:56px;padding:10px 14px}.button-group.is-runtime-compact .difficulty-control,.button-group.is-runtime-compact .realtime-chord-types{display:none}.button-group.is-runtime-compact .game-action-controls{margin-left:auto}.primary-button{background:linear-gradient(180deg,#3fa2ff,#1768d1),radial-gradient(circle at 50% 0,rgba(255,255,255,.28),transparent 40%);box-shadow:0 12px 24px #1768d147,inset 0 -4px #00000029;color:#fff;min-width:108px;white-space:nowrap}.ghost-button{background:rgba(232,252,255,.08);border:1px solid rgba(190,235,255,.24);color:#e7faffdb;min-width:96px;white-space:nowrap}.ghost-button:hover{background:rgba(126,223,255,.16);border-color:#7edfff6b}.latency-test-button{min-width:124px}.game-action-button{background:linear-gradient(180deg,#ff5a6f,#b71935),radial-gradient(circle at 50% 0,rgba(255,255,255,.26),transparent 40%);box-shadow:0 12px 24px #b7193552,0 0 28px #ff4d6d38,inset 0 -4px #0000002e}.game-action-controls{display:flex;flex-wrap:wrap;gap:10px}.secondary-button{background:linear-gradient(180deg,rgba(235,252,255,.95),rgba(124,171,203,.9));color:#102337;min-width:104px;white-space:nowrap}.device-status{color:#fff8e4;display:grid;gap:4px;min-width:0;overflow:hidden}.device-status strong{overflow-wrap:anywhere;word-break:break-word}.muted,.difficulty-control span{color:#ffe8aea8;font-size:13px;font-weight:900}.error-text{color:#ffd0d0;font-size:13px;font-weight:800;margin:0}.difficulty-control{display:grid;gap:4px;transition:opacity .24s ease,transform .24s ease,width .26s ease}.difficulty-control span{white-space:nowrap}.difficulty-control select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:linear-gradient(45deg,transparent 50%,#e7fbff 50%) right 14px center / 8px 8px no-repeat,rgba(10,19,31,.82);border:1px solid rgba(190,235,255,.3);border-radius:8px;color:#fff8e4;font-weight:900;min-height:40px;min-width:138px;padding:0 36px 0 12px;transition:background .22s ease,border-color .22s ease,box-shadow .22s ease,color .22s ease,opacity .22s ease}.difficulty-control select:hover:not(:disabled),.difficulty-control select:focus{border-color:#7edfff80;box-shadow:0 0 0 2px #7edfff14}.compact-control select{min-width:82px}.direction-toggle{background:rgba(10,19,31,.82);border:1px solid rgba(190,235,255,.3);border-radius:8px;display:flex;gap:4px;padding:4px;transition:background .22s ease,border-color .22s ease,box-shadow .22s ease}.direction-toggle button{background:transparent;color:#e7faffb8;font-size:13px;min-height:32px;padding:0 12px}.direction-toggle button:hover:not(:disabled),.keyboard-mode-control button:hover:not(:disabled),.realtime-chord-types button:hover:not(:disabled){box-shadow:inset 0 0 0 1px #7edfff33;color:#fff8e4}.direction-toggle button.is-active{background:linear-gradient(180deg,rgba(126,223,255,.26),rgba(32,116,154,.28));box-shadow:inset 0 0 0 1px #7edfff47;color:#fff8e4;transform:translateY(-1px)}.bpm-control{animation:controlFadeIn .26s ease both;min-width:210px}.bpm-input-row{align-items:center;background:rgba(10,19,31,.82);border:1px solid rgba(190,235,255,.3);border-radius:8px;display:flex;gap:10px;min-height:40px;padding:0 10px}.bpm-input-row input{accent-color:#7edfff;min-width:96px}.bpm-input-row input[type=number]{-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;background:rgba(232,252,255,.08);border:1px solid rgba(126,223,255,.22);border-radius:7px;color:#fff8e4;font-size:13px;font-weight:950;min-width:58px;padding:6px 7px;text-align:center;width:64px}.bpm-input-row strong{color:#fff8e4;font-size:13px;white-space:nowrap}.realtime-chord-types{animation:controlFadeIn .28s ease both;display:grid;gap:5px;min-width:min(520px,100%)}.realtime-chord-types>span{color:#ffe8aea8;font-size:13px;font-weight:900}.realtime-chord-types>div{background:rgba(10,19,31,.66);border:1px solid rgba(190,235,255,.22);border-radius:8px;display:flex;flex-wrap:wrap;gap:7px;padding:8px}.realtime-chord-types button{align-items:center;background:rgba(96,113,128,.16);border:1px solid rgba(190,235,255,.1);border-radius:999px;color:#e7faff7a;display:inline-flex;font-size:12px;font-weight:900;gap:5px;padding:5px 9px}.realtime-chord-types button.is-active{background:linear-gradient(180deg,rgba(126,223,255,.28),rgba(32,116,154,.24)),radial-gradient(circle at 50% 0,rgba(255,248,228,.18),transparent 52%);border-color:#7edfff5c;box-shadow:inset 0 0 0 1px #fff8e414,0 0 18px #7edfff29;color:#fff8e4;transform:translateY(-1px)}.realtime-chord-types button:disabled{cursor:not-allowed;opacity:.66}.tutorial-overlay{top:0;right:0;bottom:0;left:0;pointer-events:none;position:fixed;z-index:120}.tutorial-dim{background:radial-gradient(circle at 50% 38%,rgba(126,223,255,.1),transparent 32%),rgba(3,8,14,.58);top:0;right:0;bottom:0;left:0;position:absolute}.tutorial-highlight{border:2px solid rgba(255,221,133,.92);border-radius:14px;box-shadow:0 0 0 9999px #03080e5c,0 0 28px #ffd87875,inset 0 0 22px #7edfff2e;position:fixed}.tutorial-card{background:linear-gradient(180deg,rgba(29,57,76,.96),rgba(9,20,34,.96)),radial-gradient(circle at 18% 0,rgba(255,220,128,.16),transparent 34%);border:1px solid rgba(190,235,255,.34);border-radius:16px;box-shadow:0 24px 70px #0000007a,inset 0 1px #ffffff1f;color:#fff8e4;overflow:hidden;padding:18px;pointer-events:auto;position:fixed;width:360px}.tutorial-card:before{background:linear-gradient(90deg,rgba(255,220,128,.96),rgba(126,223,255,.72));content:"";height:3px;inset:0 0 auto;position:absolute}.tutorial-card>span{color:#ffdc80cc;display:block;font-size:12px;font-weight:950;letter-spacing:.12em;margin-bottom:8px}.tutorial-card h2{font-size:22px;line-height:1.15;margin:0 0 10px}.tutorial-card p{color:#e7faffdb;font-size:14px;font-weight:750;line-height:1.65;margin:0}.tutorial-progress{align-items:center;color:#e7faffb3;display:flex;font-size:12px;font-style:normal;font-weight:900;justify-content:space-between;margin:14px 0 12px}.tutorial-progress em{font-style:normal}.tutorial-actions{display:flex;gap:8px;justify-content:flex-end}.tutorial-actions button{font-size:13px;min-height:38px;min-width:auto;padding:0 12px}@keyframes controlFadeIn{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes skyPulse{0%,to{opacity:.76;transform:translate(-50%) scale(.96)}50%{opacity:1;transform:translate(-50%) scale(1.04)}}@keyframes auroraDrift{0%,to{opacity:.48;transform:translate(-2%) rotate(-4deg)}50%{opacity:.82;transform:translate(2%) rotate(-2deg)}}@keyframes portalBreathe{0%,to{opacity:.62;transform:scale(.96)}50%{opacity:.96;transform:scale(1.04)}}@keyframes mistDrift{0%{transform:translate(-10%)}to{transform:translate(10%)}}@keyframes runeFloat{0%,to{opacity:.34;transform:translateY(0) rotate(-3deg)}50%{opacity:.76;transform:translateY(-18px) rotate(4deg)}}@keyframes healthScan{0%{transform:translate(0)}to{transform:translate(420%)}}@keyframes damageFlash{0%,to{transform:translate(0)}28%{box-shadow:0 0 0 2px #ff355c52,0 0 34px #ff355c70;transform:translate(8px)}58%{transform:translate(-5px)}}@keyframes playerIdle{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes scarfWave{0%,to{transform:rotate(-12deg)}50%{transform:rotate(-20deg)}}@keyframes castArm{0%,to{transform:rotate(-38deg)}45%{transform:rotate(-82deg)}}@keyframes runeRise{0%{opacity:0;transform:translateY(16px) scaleY(.5)}45%{opacity:1}to{opacity:0;transform:translateY(-46px) scaleY(1.25)}}@keyframes bossIdle{0%,to{transform:translateY(0) rotate(-.4deg)}50%{transform:translateY(-7px) rotate(.4deg)}}@keyframes bossBlink{0%,88%,to{transform:scaleY(1)}92%{transform:scaleY(.14)}}@keyframes corePulse{0%,to{opacity:.74;transform:scale(.9)}50%{opacity:1;transform:scale(1.15)}}@keyframes orbitPulse{0%,to{opacity:.42;transform:scale(.94)}50%{opacity:.9;transform:scale(1.05)}}@keyframes chargeSpin{0%{transform:rotate(0) scale(.94)}to{transform:rotate(360deg) scale(1.05)}}@keyframes keyPress{0%{box-shadow:0 0 #64e06a00}35%{box-shadow:0 0 0 2px #64e06abd,0 0 24px #64e06ab3}to{box-shadow:0 0 #64e06a00}}@media (max-width: 1180px){body{min-width:0;overflow:auto}.app-shell{height:auto;min-height:100vh}.temple-scene{min-height:680px}.footer-controls{grid-template-columns:1fr}.app-header{align-items:flex-start;gap:14px}.header-actions{flex-wrap:wrap;justify-content:flex-end}.equipment-columns,.level-pick-grid,.about-author-layout,.about-section-grid,.volume-fader-grid{grid-template-columns:1fr}.volume-fader-grid{min-height:0}.volume-fader input[type=range]{height:auto;transform:none;width:100%}.about-profile-card{padding-top:0}.rhythm-stage{width:min(760px,calc(100% - 40px))}.button-group{justify-content:flex-start}}