:root{--bg-deep:#010302;--neon-green:#0f6;--neon-purple:#b000ff;--panel-bg:#060a08e0;--border-radius:clamp(.75rem, 3vw, 1.25rem);--border-width:1px;--panel-blur:16px;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--cyan:#00e5ff}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}body{background-color:var(--bg-deep);color:#fff;touch-action:manipulation;-webkit-user-select:none;user-select:none;min-height:100vh;min-height:100dvh;padding-top:var(--safe-top);flex-direction:column;font-family:Rajdhani,sans-serif;display:flex;overflow:hidden auto}.font-orbitron{font-family:Orbitron,sans-serif}.glow-text-green{text-shadow:0 0 10px #0f6c,0 0 20px #0f66}.glow-text-purple{text-shadow:0 0 10px #b000ffcc,0 0 20px #b000ff66}.cyber-panel{background:var(--panel-bg);-webkit-backdrop-filter:blur(var(--panel-blur));border:var(--border-width) solid #0f63;border-radius:var(--border-radius);padding:clamp(.75rem,3vw,1.25rem);position:relative;overflow:hidden;box-shadow:0 10px 30px #000c,inset 0 0 15px #00ff660d}.cyber-panel:before{content:"";background:linear-gradient(90deg, var(--neon-green), var(--neon-purple));width:100%;height:2px;position:absolute;top:0;left:0}.upload-zone{text-align:center;background:#00ff660d;border:2px dashed #0f66;border-radius:1.25rem;flex-direction:column;justify-content:center;align-items:center;gap:.75rem;margin-bottom:1rem;padding:1.5rem 1rem;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 20px #00ff660d}.upload-zone:active{border-color:var(--neon-green);background:#00ff6626;transform:scale(.97)}.btn{cursor:pointer;border:none;border-radius:.5rem;padding:clamp(.5rem,2vw,.75rem) clamp(.75rem,3vw,1.25rem);font-family:Orbitron;font-size:clamp(.65rem,2.5vw,.8rem);font-weight:700;transition:all .2s}.btn-green{color:#010302;background:linear-gradient(135deg,#0f6,#00b34d);box-shadow:0 0 15px #0f66}.btn-green:active{transform:scale(.95);box-shadow:0 0 25px #0f6c}.btn-purple{color:#d166ff;background:#b000ff33;border:1px solid #b000ff80;box-shadow:0 0 10px #b000ff33}.btn-purple:active{background:var(--neon-purple);color:#fff;transform:scale(.95)}input[type=text],select{color:#fff;background:0 0;border:none;outline:none;width:100%;font-size:16px!important}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:#010302cc}::-webkit-scrollbar-thumb{background:#00ff6680;border-radius:4px}.chat-tab{cursor:pointer;color:#6b7280;background:#ffffff0d;border:1px solid #0000;border-radius:.5rem;padding:.4rem .75rem;font-family:Orbitron;font-size:.7rem;font-weight:700}.chat-tab.active{color:var(--neon-green);background:#00ff661a;border-color:#00ff664d;box-shadow:0 0 10px #0f63}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes constant-glow-purple{0%,to{box-shadow:0 0 10px #b000ff4d}50%{box-shadow:0 0 25px #b000ffcc,0 0 5px #b000ff66}}.animate-pulse{animation:2s infinite pulse}.hidden{display:none!important}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes spin-reverse{0%{transform:rotate(360deg)}to{transform:rotate(0)}}.animate-spin{animation:1s linear infinite spin}.animate-spin-reverse{animation:1.5s linear infinite spin-reverse}.grid-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;display:flex}.grid-2col{grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));gap:clamp(.5rem,2vw,1rem);display:grid}@media (max-width:480px){#header-title{font-size:1rem!important}}@keyframes ticker{0%{transform:translate(0)}to{transform:translate(-100%)}}#toast{left:50%;bottom:calc(1.5rem + var(--safe-bottom));z-index:400;border:1px solid var(--neon-green);color:#fff;text-align:center;background:#010302f2;border-radius:.5rem;max-width:calc(100% - 2rem);padding:.5rem .9rem;font-family:monospace;font-size:.75rem;position:fixed;transform:translate(-50%);box-shadow:0 0 20px #0009}.chat-row{flex-direction:column;display:flex}.chat-row.me{align-items:flex-end}.chat-row.them{align-items:flex-start}.chat-name{align-items:center;gap:.35rem;margin-bottom:2px;font-size:8px;display:flex}.chat-row.me .chat-name{color:var(--neon-green)}.chat-row.them .chat-name{color:var(--neon-purple)}.chat-bubble{color:#fff;word-break:break-word;border-radius:.5rem;max-width:90%;padding:.35rem .6rem;font-size:.75rem}.chat-row.me .chat-bubble{background:#00ff661a;border:1px solid #00ff664d}.chat-row.them .chat-bubble{background:#b000ff1a;border:1px solid #b000ff4d}.chat-more{color:#6b7280;cursor:pointer;background:0 0;border:none;padding:0 .2rem;font-size:10px}.chat-empty{color:#6b7280;text-align:center;padding:1rem .5rem;font-family:monospace;font-size:.7rem}.modal{z-index:120;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#010302f5;flex-direction:column;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.lb-row{border-bottom:1px solid #333;justify-content:space-between;align-items:center;padding:.25rem 0;font-size:9px;display:flex}.lb-row .who{color:var(--neon-purple);font-family:Orbitron}.lb-row .pts{color:var(--neon-green);font-weight:700}.track-row{cursor:pointer;background:#ffffff0d;border:1px solid #1f2937;border-radius:.5rem;justify-content:space-between;align-items:center;margin-top:.3rem;padding:.4rem;display:flex}.track-art{object-fit:cover;border:1px solid #00ff664d;border-radius:.35rem;flex-shrink:0;width:2rem;height:2rem}.track-art.blank{background:linear-gradient(135deg, var(--neon-green), var(--neon-purple));color:#000;justify-content:center;align-items:center;font-size:10px;display:flex}.audius-link{color:#9ca3af;padding:0 .2rem;font-size:.75rem;text-decoration:none}.audius-link:hover{color:var(--neon-green)}.track-title{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-family:Orbitron;font-size:.7rem;font-weight:700;display:block;overflow:hidden}.solo-tag{color:var(--neon-green);background:#00ff661a;border:1px solid #0f66;border-radius:.25rem;flex-shrink:0;padding:.2rem .5rem;font-family:monospace;font-size:8px}.artist-card{background:#00000080;border:1px solid #1f2937;border-radius:.75rem;margin-bottom:.4rem;padding:.6rem}.artist-header{cursor:pointer;justify-content:space-between;align-items:center;display:flex}.fine-print{color:#6b7280;font-family:monospace;font-size:9px;line-height:1.4}.fine-print a{color:var(--neon-green)}button:disabled{cursor:not-allowed}@media (max-width:480px){.hide-mobile{display:none}}@media (prefers-reduced-motion:reduce){#recentTicker{animation-duration:120s!important}}#countdownOverlay.dropping{pointer-events:none;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:0 0!important}.search-open{width:100%;color:var(--neon-green);border:1px solid var(--neon-green);letter-spacing:.1em;cursor:pointer;background:#00ff6614;border-radius:.5rem;margin-bottom:.5rem;padding:.6rem;font-family:Orbitron;font-size:.7rem;font-weight:900}.search-open:hover{background:#00ff662e}.cyber-input{color:#fff;border:1px solid var(--neon-green);background:#0009;border-radius:.5rem;outline:none;padding:.6rem .75rem;font-family:monospace;font-size:16px}.search-go{background:var(--neon-green);color:#000;cursor:pointer;border:none;border-radius:.5rem;padding:0 1rem;font-family:Orbitron;font-size:.7rem;font-weight:900}.search-shuffle{color:#fff;border:1px solid var(--neon-purple);cursor:pointer;background:#b000ff1f;border-radius:.4rem;flex-shrink:0;padding:.35rem .75rem;font-family:monospace;font-size:10px;font-weight:700}.search-shuffle:disabled{opacity:.4;cursor:default}.track-by{color:#9ca3af;white-space:nowrap;text-overflow:ellipsis;font-family:monospace;font-size:9px;overflow:hidden}.avatar{border:2px solid var(--neon-purple);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;line-height:1;display:flex}.avatar-btn{cursor:pointer;background:#b000ff1a;padding:0}.level-chip{color:#000;background:var(--neon-green);white-space:nowrap;border-radius:4px;padding:1px 5px;font-family:Orbitron;font-size:8px;font-weight:900}.xp-bar{background:#ffffff14;border-radius:3px;flex:1;min-width:2rem;height:5px;overflow:hidden}.xp-fill{background:linear-gradient(90deg, var(--neon-green), var(--neon-purple));width:0;height:100%;transition:width .6s}.profile-panel{flex-direction:column;gap:.9rem;width:100%;max-width:26rem;max-height:92vh;display:flex;overflow-y:auto}.stat-grid{grid-template-columns:repeat(2,1fr);gap:.4rem;display:grid}.stat{background:#0006;border:1px solid #ffffff14;border-radius:.5rem;padding:.45rem .55rem}.stat b{color:#fff;font-family:Orbitron;font-size:.95rem;display:block}.stat span{color:#9ca3af;text-transform:uppercase;font-family:monospace;font-size:8px}.section-label{color:#9ca3af;text-transform:uppercase;margin-bottom:.3rem;font-family:monospace;font-size:9px}.rank-row{gap:.35rem;display:flex}.rank-pill{text-align:center;background:#0006;border:1px solid #ffffff14;border-radius:.4rem;flex:1;padding:.3rem 0;font-family:Orbitron;font-size:.75rem;font-weight:900}.rank-pill small{color:#9ca3af;font-family:monospace;font-size:8px;font-weight:400;display:block}.run-graph{width:100%;height:64px;display:block}.avatar-grid{grid-template-columns:repeat(8,1fr);gap:.3rem;display:grid}.avatar-grid button{aspect-ratio:1;cursor:pointer;background:#0006;border:1px solid #ffffff1a;border-radius:.4rem;padding:0;font-size:1.1rem}.avatar-grid button.on,.avatar-colors button.on{outline:2px solid var(--neon-green);outline-offset:1px}.avatar-colors{flex-wrap:wrap;justify-content:center;gap:.4rem;display:flex}.avatar-colors button{cursor:pointer;border:none;border-radius:50%;width:1.8rem;height:1.8rem}.friends-list{flex-wrap:wrap;justify-content:center;gap:.3rem;display:flex}.friend-chip{color:#ccc;cursor:pointer;background:#0006;border:1px solid #ffffff1a;border-radius:999px;align-items:center;gap:.25rem;padding:.15rem .45rem .15rem .15rem;font-family:monospace;font-size:9px;display:inline-flex}.friend-chip.online{border-color:var(--neon-green);color:var(--neon-green)}.ladder-row{cursor:pointer;background:#00000059;border:1px solid #ffffff0f;border-radius:.5rem;align-items:center;gap:.5rem;padding:.4rem .5rem;font-family:monospace;font-size:10px;display:flex}.ladder-row.me{border-color:var(--neon-green)}.ladder-row .pos{color:#9ca3af;width:1.6rem;font-family:Orbitron;font-weight:900}.ladder-row .nm{color:#fff;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-family:Orbitron;font-weight:700;overflow:hidden}.ladder-row .rt{color:var(--neon-green);font-family:Orbitron;font-weight:900}.who-link{cursor:pointer;text-underline-offset:2px;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.btn-danger{color:#f87171;background:#ef444426;border:1px solid #ef444480}.btn-danger:disabled{opacity:.4;cursor:not-allowed}.apple-btn{color:#000;background:#fff}.account-actions{flex-direction:column;gap:.4rem;margin-top:.6rem;display:flex}.account-actions .btn{width:100%;padding:.55rem;font-size:.65rem}.invite-banner{left:50%;top:max(.75rem, env(safe-area-inset-top));z-index:200;border:1px solid var(--neon-purple);color:#fff;background:#0a0414f7;border-radius:.75rem;align-items:center;gap:.5rem;width:calc(100% - 2rem);max-width:26rem;padding:.6rem .75rem;font-family:monospace;font-size:.75rem;display:flex;position:fixed;transform:translate(-50%);box-shadow:0 0 25px #b000ff66}.invite-banner.hidden{display:none}.arena-shell{border-color:#ffd54a;flex-direction:column;gap:.75rem;width:100%;max-width:30rem;max-height:95vh;display:flex;overflow-y:auto;box-shadow:0 0 40px #ffd54a1f,0 0 60px #b000ff1f}.arena-topbar{border-bottom:1px solid #ffd54a33;justify-content:space-between;align-items:center;padding-bottom:.5rem;display:flex}.arena-role{color:#ccc;background:#333;border-radius:4px;margin-left:4px;padding:2px 4px;font-size:.6rem}.arena-venue{background:radial-gradient(70% 38% at 50% 0,#ffd54a38,#0000 70%),radial-gradient(90% 40% at 50% 100%,#b000ff29,#0000 70%),linear-gradient(#07060a,#030504 45%,#07040c);border:1px solid #ffffff0f;border-radius:1rem;flex-direction:column;gap:.55rem;padding:.75rem .6rem .6rem;display:flex;position:relative;overflow:hidden}.arena-beam{pointer-events:none;opacity:.35;filter:blur(6px);background:linear-gradient(#fff0b48c,#0000 85%);width:45%;height:70%;animation:7s ease-in-out infinite alternate arena-sway;position:absolute;top:-20%}.arena-beam.left{clip-path:polygon(40% 0,60% 0,100% 100%,0 100%);transform-origin:50% 0;left:2%;transform:rotate(-18deg)}.arena-beam.right{clip-path:polygon(40% 0,60% 0,100% 100%,0 100%);transform-origin:50% 0;animation-delay:-3.5s;right:2%;transform:rotate(18deg)}@keyframes arena-sway{0%{rotate:-6deg}to{rotate:6deg}}.arena-tier-label{letter-spacing:.15em;color:#9ca3af;text-transform:uppercase;font-family:monospace;font-size:8px}.arena-seat-block{z-index:1;position:relative}.arena-name{color:#fff;white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-weight:900;overflow:hidden}.arena-wins{color:#cbd5e1;font-family:monospace;font-size:9px}.arena-avatar{color:#050505;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-family:Orbitron;font-weight:900;display:flex}.arena-throne{text-align:center;flex-direction:column;align-items:center;gap:.2rem;padding-top:.2rem;display:flex}.arena-throne .arena-tier-label{color:#ffd54a}.arena-throne .arena-avatar{background:radial-gradient(circle at 35% 30%,#fff6c8,#ffd54a 45%,#b8860b);width:64px;height:64px;margin-top:.15rem;font-size:1.4rem;position:relative;box-shadow:0 0 22px #ffd54abf,0 0 0 3px #ffd54a59}.arena-throne .arena-avatar:before{content:"👑";filter:drop-shadow(0 0 6px #ffd54ae6);font-size:1.3rem;position:absolute;top:-1.45rem;left:50%;transform:translate(-50%)}.arena-throne{margin-top:.1rem}.arena-throne .arena-name{text-shadow:0 0 12px #ffd54a99;font-size:1.05rem}.arena-steps{flex-direction:column;align-items:center;width:100%;margin-top:.3rem;display:flex}.arena-steps i{background:linear-gradient(90deg,#0000,#ffd54a8c,#0000);border-radius:2px;height:6px;margin-top:3px;display:block}.arena-steps i:first-child{width:34%}.arena-steps i:nth-child(2){opacity:.75;width:52%}.arena-steps i:nth-child(3){opacity:.5;width:72%}.arena-floor{z-index:1;flex-direction:column;justify-content:center;gap:.5rem;min-height:3.2rem;padding:.4rem 0;display:flex;position:relative}.arena-floor-grid{z-index:-1;pointer-events:none;opacity:.55;transform-origin:50% 60%;background:repeating-linear-gradient(90deg,#00ff6638 0 1px,#0000 1px 34px),repeating-linear-gradient(0deg,#00ff6638 0 1px,#0000 1px 26px);position:absolute;inset:-10% -25%;transform:perspective(260px)rotateX(58deg);-webkit-mask-image:radial-gradient(60% 70%,#000 30%,#0000 75%);mask-image:radial-gradient(60% 70%,#000 30%,#0000 75%)}.arena-vs{text-align:center;letter-spacing:.2em;color:#fff;text-shadow:0 0 10px var(--neon-green), 0 0 22px var(--neon-purple);font-size:1.3rem;font-weight:900}.arena-floor #spectatorFeed{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0000008c!important}.arena-challenger{background:linear-gradient(90deg,#b000ff0d,#b000ff29,#b000ff0d);border:1px solid #b000ff59;border-radius:.75rem;justify-content:center;align-items:center;gap:.6rem;padding:.55rem .75rem;display:flex}.arena-challenger .arena-tier-label{color:#d166ff}.arena-challenger .arena-avatar{color:#fff;background:radial-gradient(circle at 35% 30%,#f1d4ff,#b000ff 55%,#5a0083);width:46px;height:46px;font-size:1.05rem;box-shadow:0 0 16px #b000ff99}.arena-challenger .arena-name{font-size:.9rem}.arena-seat-block.empty .arena-avatar{color:#555;box-shadow:none!important;background:#1a1a1a!important}.arena-seat-block.is-me .arena-name:after{content:" (YOU)";color:var(--neon-green);font-size:.55em}.arena-seat-block.live .arena-avatar{animation:1.2s ease-in-out infinite alternate arena-live}@keyframes arena-live{to{filter:brightness(1.25);transform:scale(1.06)}}.arena-throne.crowned .arena-avatar{animation:1.6s ease-out arena-crown}@keyframes arena-crown{0%{filter:brightness(2.2);transform:scale(.6)rotate(-20deg)}60%{transform:scale(1.18)}to{transform:scale(1)}}.arena-stands{z-index:1;text-align:center;background:repeating-linear-gradient(#ffffff0b 0 22px,#00000040 22px 26px);border-top:2px solid #ffffff14;border-radius:.75rem;padding:.55rem .5rem .5rem;position:relative}.arena-rows{flex-direction:column;align-items:center;gap:4px;margin-top:.4rem;display:flex}.arena-row{flex-wrap:nowrap;justify-content:center;gap:4px;display:flex}.arena-chair{color:#e5e7eb;white-space:nowrap;text-overflow:ellipsis;background:#ffffff12;border:1px solid #ffffff1f;border-radius:6px 6px 3px 3px;max-width:6.5rem;padding:.2rem .4rem;font-family:monospace;font-size:.6rem;overflow:hidden}.arena-chair.vacant{color:#0000;background:#ffffff08;border-color:#ffffff0d;width:1.6rem}.arena-chair.next{color:#ffe600;border-color:#ffe600;box-shadow:0 0 8px #ffe60059}.arena-chair.me{border-color:var(--neon-green);color:var(--neon-green);background:#00ff6626}.arena-stands #predictionBox{margin-top:.5rem}@media (prefers-reduced-motion:reduce){.arena-beam,.arena-seat-block.live .arena-avatar,.arena-throne.crowned .arena-avatar{animation:none}}.arena-shell>*{flex-shrink:0}.arena-throne .arena-tier-label{margin-bottom:1.25rem}.arena-stands #predictionBox,.arena-stands #queueStatus{border-radius:.5rem;background:#050508eb!important}.arena-stands #queueStatus{padding:.25rem .4rem}.arena-seat-block:not(.empty){cursor:pointer}.splash-bottom{left:0;right:0;bottom:max(1.25rem, env(safe-area-inset-bottom));text-align:center;flex-direction:column;align-items:center;gap:.9rem;padding:0 1rem;display:flex;position:absolute}.splash-install{border:1px solid var(--neon-purple);color:#e9d5ff;background:#b000ff1f;padding:.65rem 1.4rem;font-size:.75rem}.splash-donate{flex-direction:column;align-items:center;gap:.5rem;display:flex}.splash-donate.hidden{display:none}.splash-donate p{color:#9ca3af;margin:0;font-family:monospace;font-size:.7rem}.splash-donate a{border:1px solid var(--neon-green);color:var(--neon-green);background:#00ff6614;padding:.65rem 1.4rem;font-size:.75rem;text-decoration:none}.update-banner{left:50%;bottom:max(1rem, env(safe-area-inset-bottom));z-index:400;border:1px solid var(--neon-green);color:var(--neon-green);white-space:nowrap;background:#010302f2;border-radius:.75rem;align-items:center;gap:.75rem;padding:.5rem .6rem .5rem 1rem;font-family:Orbitron;font-size:.7rem;display:flex;position:fixed;transform:translate(-50%);box-shadow:0 0 20px #00ff6659}.update-banner .btn{padding:.45rem .9rem;font-size:.7rem}.install-modal{z-index:300;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#010302d9;justify-content:center;align-items:center;padding:1.5rem;display:flex;position:fixed;inset:0}.install-modal.hidden{display:none}.install-modal .cyber-panel{text-align:left;border-color:var(--neon-purple);width:100%;max-width:22rem}.install-modal h3{color:var(--neon-green);text-align:center;margin:0 0 .75rem;font-size:1rem;font-weight:900}.install-modal ol{color:#d1d5db;gap:.4rem;margin:0 0 1rem 1.1rem;padding:0;font-size:.8rem;line-height:1.5;display:grid}.install-modal b{color:#fff}.install-modal .share-glyph{border:1px solid #9ca3af;border-radius:4px;padding:0 .3rem;font-size:.7rem;display:inline-block}.install-modal .btn{width:100%;padding:.7rem;font-size:.8rem}@media (max-height:700px){#splashScreen{overflow-y:auto;justify-content:flex-start!important}#splashScreen>:first-child{margin-top:auto}.splash-bottom{padding-bottom:env(safe-area-inset-bottom);margin:1.75rem 0 auto;position:static}}.menu-actions{gap:.4rem;display:flex}.menu-actions .search-open{flex:1}.menu-actions .how-open{color:#e9d5ff;border-color:var(--neon-purple);background:#b000ff1a;flex:none;width:auto;padding:.6rem .7rem}.hold-toggle{cursor:pointer;background:#00000080;border:1px solid #333;border-radius:.5rem;align-items:flex-start;gap:.6rem;padding:.6rem;display:flex}.hold-toggle input{flex:none;width:1rem;height:1rem;margin-top:.15rem}.hold-toggle b{color:var(--neon-green);font-size:.75rem;display:block}.hold-toggle small{color:#9ca3af;margin-top:.15rem;font-size:.65rem;line-height:1.35;display:block}.tutorial-coach{z-index:20;text-align:center;pointer-events:none;flex-direction:column;align-items:center;gap:.35rem;padding:0 1rem;display:flex;position:absolute;top:22%;left:0;right:0}.tutorial-coach.hidden{display:none}.tutorial-text{color:#fff;text-shadow:0 0 12px #000000e6,0 0 2px #000;font-family:Orbitron;font-size:clamp(1rem,5vw,1.5rem);font-weight:900;transition:transform .12s}.tutorial-text.now{color:var(--neon-green);transform:scale(1.25)}.tutorial-sub{color:#d1d5db;text-shadow:0 0 6px #000;min-height:1em;font-family:monospace;font-size:.75rem}.tutorial-skip{pointer-events:auto;color:#9ca3af;cursor:pointer;background:#0009;border:1px solid #374151;border-radius:.5rem;margin-top:.5rem;padding:.35rem .8rem;font-family:Orbitron;font-size:.65rem}.tutorial-done{z-index:40;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#010302cc;justify-content:center;align-items:center;padding:1.5rem;display:flex;position:absolute;inset:0}.tutorial-done.hidden{display:none}.tutorial-done .cyber-panel{text-align:center;border-color:var(--neon-green);flex-direction:column;gap:.6rem;width:100%;max-width:22rem;display:flex}.tutorial-done h3{color:var(--neon-green);margin:0;font-size:1.2rem;font-weight:900}.tutorial-done p{color:#d1d5db;margin:0;font-size:.8rem;line-height:1.5}.tutorial-done .btn{width:100%;padding:.75rem;font-size:.8rem}.tutorial-done .tutorial-again{border:1px solid var(--neon-purple);color:#e9d5ff;background:#b000ff1f}