html,body{margin:0;height:100%;background:#02060c;overflow:hidden;font-family:Menlo,Consolas,monospace,"PingFang SC","Microsoft YaHei","Heiti SC",sans-serif;user-select:none;-webkit-user-select:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent}
#vp{position:absolute;left:env(safe-area-inset-left);right:env(safe-area-inset-right);top:env(safe-area-inset-top);bottom:env(safe-area-inset-bottom)}
#stage{position:absolute;width:540px;height:960px;transform-origin:0 0;background:linear-gradient(rgba(4,12,24,.45),rgba(4,12,24,.45)),var(--bg) center/cover,#06101c;overflow:hidden;color:#cfefff}
#hud{position:absolute;top:0;left:0;width:540px;height:58px;display:flex;align-items:center;justify-content:space-between;padding:0 14px;box-sizing:border-box;background:linear-gradient(#0a1c2e,#08121f);border-bottom:1px solid #2a7fb0}
#hpw{position:relative;width:150px;height:24px;border:1px solid #3aa6d8;background:#04111d;clip-path:polygon(8px 0,100% 0,calc(100% - 8px) 100%,0 100%)}#hpb{position:absolute;left:0;top:0;bottom:0;width:100%;background:linear-gradient(90deg,#16c6ff,#35f2c0)}#hpt{position:absolute;inset:0;text-align:center;font-size:14px;line-height:24px}
#mid{text-align:center}#sc{font-size:24px;color:#7df}#wv{display:block;font-size:12px;color:#8bc}
#rt{display:flex;align-items:center;gap:8px;width:150px;justify-content:flex-end}#cb{font-size:18px;color:#fc4;transition:transform .1s}
#pb{position:relative;width:52px;height:52px;background:#0d2840;border:1px solid #3aa6d8;color:#cfefff;font-size:16px;border-radius:6px}
#wp{position:absolute;top:58px;left:0;width:540px;height:124px;box-sizing:border-box;background:linear-gradient(135deg,rgba(10,40,80,.55),rgba(0,120,180,.35));backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;border:1px solid rgba(90,230,255,.6);box-shadow:0 0 14px rgba(60,220,255,.45),inset 0 0 24px rgba(60,200,255,.18);overflow:hidden;z-index:3}
#wp:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(120,230,255,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(120,230,255,.07) 1px,transparent 1px);background-size:20px 20px;pointer-events:none}
#wp:after{content:"";position:absolute;top:0;bottom:0;width:70px;left:-80px;background:linear-gradient(90deg,transparent,rgba(120,240,255,.22),transparent);animation:ws 4s linear infinite;pointer-events:none}
#wp.scanning{border-color:#aff;box-shadow:0 0 22px #5ef,inset 0 0 30px rgba(90,240,255,.35)}
.cn{position:absolute;width:16px;height:16px;border:2px solid #7ef;pointer-events:none}.cn.ca{left:3px;top:3px;border-right:0;border-bottom:0}.cn.cb{right:3px;top:3px;border-left:0;border-bottom:0}.cn.cc{left:3px;bottom:3px;border-right:0;border-top:0}.cn.cd{right:3px;bottom:3px;border-left:0;border-top:0}
#wp.bad{animation:wb .25s}
#wl{display:flex;gap:5px;flex-wrap:nowrap;position:relative;z-index:1}.c{width:36px;height:46px;line-height:46px;text-align:center;font-size:28px;font-weight:800;border:1px solid rgba(120,220,255,.45);background:linear-gradient(rgba(30,80,140,.5),rgba(10,40,90,.5));color:#7fb0cc;box-shadow:inset 0 1px 0 rgba(255,255,255,.2);clip-path:polygon(6px 0,100% 0,calc(100% - 6px) 100%,0 100%)}
.s1{color:#fff;border-color:#bfe}.s2{color:#fff;border-color:#fff;background:rgba(150,230,255,.35);text-shadow:0 0 10px #fff,0 0 18px #5ef}.s3{color:#5ef;background:rgba(40,190,255,.18);border-color:#5ef;opacity:.75;animation:fl 1s infinite;text-shadow:0 0 8px #5ef}
#wi{font-size:22px;color:#fff;font-weight:700;text-shadow:0 1px 4px #012,0 0 8px #012;position:relative;z-index:1}#scn{display:none;position:absolute;right:12px;top:8px;font-size:13px;color:#aff;letter-spacing:2px;animation:fl .8s infinite;text-shadow:0 0 6px #5ef;z-index:2}
#toast{position:absolute;bottom:4px;font-size:15px;color:#fc6;opacity:0}#toast.on{animation:tt 1.2s}
#cv{position:absolute;top:182px;left:0;width:540px;height:490px;background:#000}
#kb{position:absolute;top:672px;left:0;width:540px;height:288px;box-sizing:border-box;padding:14px 0 8px;background:linear-gradient(#0a1a2b,#050c15);border-top:1px solid #2a7fb0}
.row{display:flex;gap:5px;padding:0 4px;margin-bottom:var(--kg,7px);height:var(--kh,54px)}.row:last-child{margin-bottom:0}
.k{flex:1;min-width:0;border-radius:8px;background:linear-gradient(#1d3f5c,#10253a);border:1px solid #3aa6d8;color:#cfefff;font:700 22px Menlo,Consolas,monospace;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:transform .05s;position:relative;overflow:hidden;cursor:pointer}
.k.dn{transform:scale(.92) translateY(2px);box-shadow:0 0 14px #3cf}.k.ok{background:#25e0c0;color:#012}.k.bad{background:#e5283c;color:#fff}
.sk{flex:1.7;font-size:12px}.sk i{position:absolute;left:0;bottom:0;height:5px;background:#3cf;width:calc(var(--p)*100%)}.sk svg{width:26px;height:20px}
.sk.rdy{border-color:#7ff;box-shadow:0 0 14px #3ef;animation:pl .8s infinite;background:linear-gradient(#1f6a8c,#14425c)}.sk.act{background:#0b5a73}.sk.sh{animation:sh .25s}.sk:not(.rdy):not(.act){opacity:.6}
#cs{flex:7;display:flex;flex-direction:column;justify-content:center;gap:6px;padding:0 10px;border:1px dashed #2b6c92;border-radius:2px;font-size:11px;color:#8bc}
.br{height:7px;background:#06121f;border:1px solid #1f5a7c;position:relative}.br i{position:absolute;left:0;top:0;bottom:0;background:#3cf;width:0}
#edge{position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 80px 20px #f22;opacity:0}
.scr{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:rgba(3,10,20,.94);z-index:10;text-align:center;padding:16px;box-sizing:border-box;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .25s,visibility .25s}.scr.on{opacity:1;visibility:visible;pointer-events:auto}
#menu{padding:0;justify-content:flex-start;align-items:stretch;background:#04101e;backdrop-filter:none;-webkit-backdrop-filter:none;overflow:hidden}
h1{margin:0;font-family:var(--fh);font-weight:900;letter-spacing:2px;color:#7df;text-shadow:0 0 14px #19f}h2{margin:0}small{color:#89a}
.b{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:150px;min-height:66px;padding:10px 22px;font:700 20px var(--fh);letter-spacing:2px;color:#e5f8ff;background:linear-gradient(#1c5f8a,#0d3150);border:1px solid #4bd;clip-path:var(--cp);cursor:pointer;transition:transform .08s,filter .15s}.b:hover{filter:brightness(1.25)}.b:active{transform:scale(.96);filter:brightness(1.4)}.b:disabled{opacity:.4;filter:grayscale(.6)}[data-back]{background:transparent;border-color:rgba(90,200,230,.4);color:#9cd;min-width:120px}
.txt{font-size:14px;line-height:1.7;text-align:left;max-width:470px}label{display:block}
#rot{display:none;position:fixed;inset:0;background:#02060c;color:#7df;z-index:99;align-items:center;justify-content:center;font-size:24px}
@media (orientation:landscape) and (max-height:520px){#rot{display:flex}}
@keyframes sh{25%{transform:translateX(-6px)}75%{transform:translateX(6px)}}@keyframes fl{50%{opacity:.4}}@keyframes pl{50%{filter:brightness(1.5)}}@keyframes tt{10%,70%{opacity:1}100%{opacity:0}}@keyframes br{50%{transform:translateY(-5px) scale(1.02)}}
@keyframes ws{to{left:540px}}@keyframes wb{0%{box-shadow:inset 0 0 60px 20px rgba(255,40,60,.85);transform:translateX(-6px)}50%{transform:translateX(6px)}100%{transform:none}}
.sk.rdy{overflow:visible}.sk.rdy:after{content:"";position:absolute;inset:0;border:2px solid #7ff;border-radius:8px;animation:rg 1.2s infinite;pointer-events:none}@keyframes rg{to{inset:-10px;opacity:0}}
.cr{text-align:center;font-size:16px;line-height:1.9;max-height:620px;overflow-y:auto;max-width:440px}.cr p{margin:0 0 14px}
:root{--c1:#5ef;--c2:#2bf;--ac:#fc3;--dg:#f44;--bd:rgba(90,230,255,.6);--fh:"Bahnschrift","DIN Alternate","Impact","Arial Black","Microsoft YaHei","PingFang SC",sans-serif;--cp:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);--ck:polygon(6px 0,100% 0,100% calc(100% - 6px),calc(100% - 6px) 100%,0 100%,0 6px)}
#bgfx{position:fixed;inset:0;z-index:0;overflow:hidden;background:#030a14}
#bgfx:before{content:"";position:absolute;inset:-5%;background:var(--bg) center/cover;filter:blur(14px) brightness(.55) saturate(1.2)}
#bgfx:after{content:"";position:absolute;inset:0;background:linear-gradient(rgba(4,20,48,.55),rgba(2,8,20,.85)),linear-gradient(rgba(80,200,255,.07) 1px,transparent 1px) 0 0/48px 48px,linear-gradient(90deg,rgba(80,200,255,.07) 1px,transparent 1px) 0 0/48px 48px,radial-gradient(ellipse,transparent 40%,rgba(0,0,0,.7));animation:gm 20s linear infinite}
@keyframes gm{to{background-position:0 0,0 48px,48px 0,0 0}}
@media (max-width:599px){#bgfx{display:none}}
#vp{z-index:1}
#frame{position:absolute;display:none;box-sizing:border-box;border:2px solid #3aa6d8;background:radial-gradient(circle,#9cd 3px,transparent 4px) 5px 5px/14px 14px no-repeat,radial-gradient(circle,#9cd 3px,transparent 4px) calc(100% - 5px) 5px/14px 14px no-repeat,radial-gradient(circle,#9cd 3px,transparent 4px) 5px calc(100% - 5px)/14px 14px no-repeat,radial-gradient(circle,#9cd 3px,transparent 4px) calc(100% - 5px) calc(100% - 5px)/14px 14px no-repeat,#0a1a2a;box-shadow:0 0 30px rgba(40,180,255,.45),0 0 0 6px rgba(10,30,50,.9),0 0 0 8px rgba(90,200,230,.35),0 24px 60px rgba(0,0,0,.7)}
#pl,#pr{position:absolute;display:none;flex-direction:column;gap:10px;padding:18px;box-sizing:border-box;background:linear-gradient(rgba(8,30,56,.72),rgba(4,16,32,.82));border:1px solid rgba(90,230,255,.45);clip-path:var(--cp);color:#bfe;font:15px/1.6 monospace;overflow:hidden;pointer-events:none}
#pl h3,#pr h3{margin:6px 0 0;font:900 15px var(--fh);letter-spacing:3px;color:var(--c1);border-bottom:1px solid rgba(90,230,255,.3);padding-bottom:6px}#pl p{margin:0}
.lg{font:900 28px var(--fh);color:#7df;text-align:center;letter-spacing:3px;text-shadow:0 0 10px #19f;align-self:center}
.rw2{display:flex;justify-content:space-between}.rw2 b{color:#fff}.sb{height:6px;background:#06121f;border:1px solid #1f5a7c;margin-bottom:4px}.sb i{display:block;height:100%;background:#3cf}
#dv{position:absolute;left:0;top:670px;width:540px;height:3px;background:linear-gradient(90deg,transparent,var(--c1),transparent);box-shadow:0 0 12px var(--c1);z-index:2}
#cvf{position:absolute;left:0;top:182px;width:540px;height:490px;pointer-events:none;z-index:2}
#wipe{position:absolute;inset:0;z-index:50;pointer-events:none;background:radial-gradient(circle,#0a3a5c,#031a2c);clip-path:circle(0 at 50% 50%);transition:clip-path .3s ease-in}#wipe.on{clip-path:circle(150% at 50% 50%)}
#hud{background:linear-gradient(rgba(8,28,50,.97),rgba(5,16,30,.97));border-bottom:2px solid var(--c1);box-shadow:0 2px 14px rgba(60,220,255,.35);z-index:4}
#hpw:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 14px,rgba(0,0,0,.6) 14px 16px)}#hpw.low{border-color:#f44}.low #hpb{animation:pl .5s infinite}
#sc{font:900 26px monospace;font-variant-numeric:tabular-nums;text-shadow:0 0 10px #19f}#pb{clip-path:var(--ck);border-radius:0}
.k{border-radius:0;clip-path:var(--ck);background:linear-gradient(#2a5a7e,#12304a 55%,#0b2033);box-shadow:inset 0 1px 0 rgba(170,235,255,.4),inset 0 -3px 0 rgba(0,0,0,.45)}.k.dn{transform:scale(.9) translateY(3px);filter:brightness(1.5)}
.sk:before{content:"";position:absolute;inset:0;background:conic-gradient(rgba(60,220,255,.42) calc(var(--p,0)*360deg),transparent 0)}.sk svg,.sk span{position:relative;z-index:1}.sk.rdy{border-color:#fff}
#menu>:not(#mbg){position:relative;z-index:1}
#mbg{position:absolute;inset:0 -10%;background:linear-gradient(rgba(3,14,32,.45),rgba(3,10,22,.9)),var(--bg) center/cover;animation:pan 30s ease-in-out infinite alternate}
#mbg:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(transparent 0 3px,rgba(0,0,0,.12) 3px 4px),radial-gradient(ellipse at 50% 45%,transparent 40%,rgba(0,0,0,.65))}
@keyframes pan{from{transform:translateX(-5%)}to{transform:translateX(5%)}}
.stat{display:flex;align-items:center;gap:10px;margin:14px 20px 0;padding:6px 14px;font:700 16px monospace;letter-spacing:2px;color:#8fe;background:rgba(10,40,70,.6);border:1px solid rgba(90,230,255,.4);clip-path:var(--ck)}.stat em{margin-left:auto;font-style:normal;color:var(--ac)}
.led{width:10px;height:10px;border-radius:50%;background:#3f8;box-shadow:0 0 8px #3f8;animation:fl 1.2s infinite}
.tt{text-align:center;padding:14px 10px 0}.tt h1{font:900 40px var(--fh);letter-spacing:1px;background:linear-gradient(#fff,#7df 55%,#29b);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:none;filter:drop-shadow(0 0 10px rgba(30,170,255,.8));animation:gl 5s infinite}
@keyframes gl{0%,92%,100%{transform:none}94%{transform:translateX(-3px);filter:drop-shadow(2px 0 #f33) drop-shadow(-2px 0 #3ff)}96%{transform:translateX(3px);filter:drop-shadow(-2px 0 #f33) drop-shadow(2px 0 #3ff)}}
.tt h2{font:700 17px var(--fh);letter-spacing:5px;color:#8bd;margin:8px 0 4px}.tt small{font-size:17px;color:#9ab;letter-spacing:2px}
.stg{flex:1;min-height:0;position:relative;perspective:900px;overflow:hidden}.stg:after{content:"";position:absolute;left:0;right:0;height:60px;background:linear-gradient(transparent,rgba(90,240,255,.18),transparent);animation:sw 5s linear infinite;pointer-events:none}@keyframes sw{from{top:-60px}to{top:100%}}
.hw{position:absolute;left:50%;bottom:62px;transform:translateX(-50%);height:min(290px,calc(100% - 70px));display:flex;align-items:flex-end}
#mh{height:100%;width:auto;transform-origin:50% 100%;animation:br2 3.2s ease-in-out infinite;filter:drop-shadow(0 8px 10px rgba(0,0,0,.6)) drop-shadow(0 0 16px rgba(60,200,255,.35))}@keyframes br2{50%{transform:scale(1.012,1.02)}}
.plat{position:absolute;left:50%;bottom:-118px;width:400px;height:400px;margin-left:-200px;transform:rotateX(72deg)}.plat i{position:absolute;border-radius:50%}
.r1{inset:0;border:4px solid rgba(90,240,255,.85);box-shadow:0 0 30px #3ef,inset 0 0 40px rgba(60,220,255,.55);background:radial-gradient(circle,rgba(40,200,255,.4),rgba(0,60,120,.2) 70%)}.r2{inset:28px;border:3px dashed rgba(140,240,255,.7);animation:spin 14s linear infinite}.r3{inset:10px;background:conic-gradient(rgba(100,240,255,.55),transparent 35%);animation:spin 3.5s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
.beam{position:absolute;left:50%;bottom:80px;width:300px;height:75%;margin-left:-150px;background:linear-gradient(transparent,rgba(60,220,255,.16));clip-path:polygon(18% 0,82% 0,100% 100%,0 100%);animation:fl 3s infinite}
.tag{position:absolute;font:700 15px monospace;color:#7ef;padding:4px 10px;border:1px solid rgba(90,230,255,.5);background:rgba(8,30,56,.6);letter-spacing:2px;animation:fl 2.4s infinite}.t1{left:22px;top:30px}.t2{right:22px;top:80px;animation-delay:.6s}.t3{left:30px;bottom:150px;animation-delay:1.2s}
.fp{position:absolute;bottom:60px;width:4px;height:4px;background:#7ef;box-shadow:0 0 6px #5ef;animation:fup 4s linear infinite;opacity:0}@keyframes fup{0%{transform:translateY(0);opacity:0}20%{opacity:.9}100%{transform:translateY(-240px);opacity:0}}
.cards{display:flex;gap:10px;padding:6px 20px 0;justify-content:center}
.card{position:relative;flex:1;max-width:164px;padding:14px 6px 12px;text-align:center;background:linear-gradient(rgba(10,40,74,.7),rgba(4,16,32,.85));border:1px solid rgba(90,200,230,.35);clip-path:var(--cp);display:flex;flex-direction:column;align-items:center;gap:6px;color:#9bc;opacity:.6;transform:scale(.97);transition:transform .25s,opacity .25s,box-shadow .25s;cursor:pointer}
.card b{font:900 28px var(--fh);color:#cfefff;letter-spacing:2px}.st{display:flex;gap:4px}.card u{width:14px;height:14px;transform:skewX(-20deg);background:#12324a;border:1px solid #2b6c92}.card u.f{background:var(--c1);box-shadow:0 0 6px var(--c1)}
.card .ds{font-size:19px;color:#dff}.card em{font-style:normal;font-size:17px;color:#8cb;border:1px solid rgba(90,200,230,.4);padding:2px 6px}
.card .ck{display:none;position:absolute;right:8px;top:6px;width:24px;height:24px;border-radius:50%;background:var(--c1);align-items:center;justify-content:center}
.card.on{opacity:1;transform:translateY(-8px) scale(1.05);border-color:#aff;box-shadow:inset 0 0 24px rgba(60,220,255,.5)}.card.on .ck{display:flex}.card.on b{color:#fff;text-shadow:0 0 10px var(--c1)}
.go{margin:14px auto 0;width:420px;height:76px;font:900 32px var(--fh);letter-spacing:8px;background:linear-gradient(#25a8e0,#0b5f94);border:2px solid #aff;color:#fff;text-shadow:0 0 10px #012;position:relative;overflow:hidden;animation:pl 1.6s infinite;clip-path:polygon(16px 0,100% 0,100% calc(100% - 16px),calc(100% - 16px) 100%,0 100%,0 16px)}
.go:after{content:"";position:absolute;top:0;bottom:0;width:80px;left:-120px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.5),transparent);transform:skewX(-20deg);animation:gsw 3s infinite}@keyframes gsw{to{left:110%}}
.ibar{display:flex;gap:10px;padding:12px 20px 0;justify-content:center}.ib{flex:1;min-width:0;height:70px;flex-direction:column;gap:2px;font-size:18px;padding:0 4px}.ib svg{width:28px;height:28px}
#warn{text-align:center;color:#f88;font-size:16px}.rec{display:flex;align-items:center;justify-content:space-between;margin:10px 20px 14px;padding:8px 14px;font:700 18px monospace;color:#9cd;background:rgba(8,30,56,.6);border:1px solid rgba(90,230,255,.35);clip-path:var(--ck)}.rec span{color:var(--ac);letter-spacing:2px}.rec b{color:#cfefff}
.pnl{position:relative;width:470px;max-width:100%;max-height:100%;overflow-y:auto;box-sizing:border-box;padding:26px 22px;display:flex;flex-direction:column;align-items:center;gap:14px;background:linear-gradient(135deg,rgba(10,44,84,.85),rgba(4,18,36,.92));border:1px solid var(--bd);border-top:3px solid var(--c1);clip-path:polygon(16px 0,100% 0,100% calc(100% - 16px),calc(100% - 16px) 100%,0 100%,0 16px);transform:translateY(18px) scale(.97);transition:transform .3s}.scr.on .pnl{transform:none}
.pnl h1{font-size:30px;text-transform:uppercase}#pause,#over{background:rgba(3,10,20,.72)}
#setc{width:100%;display:flex;flex-direction:column;gap:8px}#setc h3{margin:8px 0 0;text-align:left;font:900 16px var(--fh);letter-spacing:3px;color:var(--c1)}
.rw{display:flex;align-items:center;justify-content:space-between;min-height:60px;padding:0 14px;background:rgba(10,50,90,.4);border-left:3px solid var(--c1);font-size:19px;cursor:pointer}.rw input{width:200px;accent-color:#3cf}
.sw{width:62px;height:32px;border-radius:16px;background:#0a2236;border:1px solid #3aa6d8;position:relative}.sw:after{content:"";position:absolute;top:3px;left:3px;width:24px;height:24px;border-radius:50%;background:#5a7a90;transition:.2s}.sw.on{background:#0b5a73}.sw.on:after{left:33px;background:#7ef;box-shadow:0 0 8px #5ef}.fxv{color:var(--ac)}
#helpt{width:100%;display:flex;flex-direction:column;gap:10px}.hc{display:flex;gap:12px;align-items:flex-start;padding:12px;background:rgba(10,50,90,.45);border-left:3px solid #5ef;font-size:17px;line-height:1.5;text-align:left}.hc b{display:block;color:#7df;font-size:19px}.hc svg{flex:none}
#overt{width:100%;display:flex;flex-direction:column;align-items:center;gap:10px}.gr{font:900 90px var(--fh);line-height:1}.gS{color:#fc3;text-shadow:0 0 20px #fc3}.gA{color:#5ef;text-shadow:0 0 20px #5ef}.gB{color:#8cf}.gC{color:#999}
.nr{color:#012;background:var(--ac);padding:4px 14px;font:900 20px var(--fh);letter-spacing:4px;animation:pl 1s infinite}.big2{font:900 54px monospace;color:#7df;text-shadow:0 0 14px #19f}
.dg{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;width:100%}.dg div{background:rgba(10,50,90,.45);padding:8px;text-align:center;border-top:2px solid #5ef}.dg small{display:block;font-size:16px;color:#8bd}.dg b{font:700 24px monospace;color:#fff}
body.fxo *,body.fxo *:before,body.fxo *:after{animation:none!important;transition-duration:0s!important}body.fxl .tt h1,body.fxl .tag,body.fxl .beam,body.fxl .fp{animation:none!important}body.fxo .fp,body.fxl .fp{display:none}
.pnl,.hc,.rw,.dg,.cr{color:#d8f4ff}.hc div div{color:#d8f4ff}
#frame{display:none!important}
#dev,#dev *,#glass{pointer-events:none;cursor:default}
#dev{position:absolute;display:none;box-sizing:border-box;z-index:0;border-radius:calc(var(--u)*34px);background:linear-gradient(145deg,#3b424a 0%,#1b2026 30%,#0b0e12 68%,#1d2329 100%);box-shadow:inset 0 2px 0 rgba(255,255,255,.3),inset 0 -3px 0 rgba(0,0,0,.75),inset 2px 0 0 rgba(255,255,255,.1),inset -2px 0 0 rgba(0,0,0,.55),0 40px 90px rgba(0,0,0,.8),0 0 70px rgba(40,160,255,.22)}
#dev:before{content:"";position:absolute;left:calc(var(--S) - 6px);right:calc(var(--S) - 6px);top:calc(var(--T) - 6px);bottom:calc(var(--B) - 6px);background:#000;border-radius:calc(var(--u)*20px);box-shadow:inset 0 0 0 2px #05070a,0 0 0 1px rgba(255,255,255,.14),0 1px 0 rgba(255,255,255,.22),inset 0 8px 16px #000}
#dglow{position:absolute;inset:0;border-radius:inherit;opacity:0;transition:opacity .12s}#dev.hurt #dglow{opacity:1;box-shadow:0 0 50px 6px rgba(255,40,50,.35)}#dev.hit #dglow{opacity:1;box-shadow:0 0 36px 4px rgba(80,240,255,.3)}
.grip{position:absolute;top:calc(var(--T) + 24px);bottom:calc(var(--B) + 24px);width:calc(var(--S) - 8px);background:repeating-linear-gradient(60deg,rgba(255,255,255,.07) 0 2px,transparent 2px 6px)}.gl{left:4px}.gr2{right:4px}
.dvtop{position:absolute;left:0;right:0;top:0;height:var(--T);display:flex;align-items:center;justify-content:space-between;padding:0 calc(var(--u)*46px)}
.cam{width:calc(var(--u)*13px);height:calc(var(--u)*13px);border-radius:50%;background:radial-gradient(circle at 35% 35%,#58a 0 18%,#123 40%,#000 70%);box-shadow:0 0 0 2px #2a3138}
.spk{width:calc(var(--u)*150px);height:calc(var(--u)*16px);background:radial-gradient(circle,#000 0 34%,#3a434b 38% 46%,transparent 50%) 0 0/calc(var(--u)*8px) calc(var(--u)*8px);opacity:.7}.mus .spk{animation:spk 1.2s ease-in-out infinite}@keyframes spk{50%{opacity:1}}
.leds{display:flex;gap:calc(var(--u)*9px)}.led2{width:calc(var(--u)*8px);height:calc(var(--u)*8px);border-radius:50%;background:#16384a;box-shadow:inset 0 0 2px #000,0 0 0 1px #0a0d10}
.led2.ledg{background:#3f8;box-shadow:0 0 6px #3f8}.led2.ledy{background:#fc3;box-shadow:0 0 6px #fc3}.led2.ledr{background:#f44;box-shadow:0 0 6px #f44}.led2.ledc{background:#5ef;box-shadow:0 0 6px #5ef}.led2.ledd{background:#16384a;box-shadow:inset 0 0 2px #000}.led2.ledblink{animation:fl .45s infinite}.led2.ledpulse{animation:pl .8s infinite}
.dvbot{position:absolute;left:0;right:0;bottom:0;height:var(--B);display:flex;align-items:center;justify-content:space-between;padding:0 calc(var(--u)*50px);gap:calc(var(--u)*20px)}
.vent{flex:1;height:44%;background:repeating-linear-gradient(90deg,#000 0 3px,#2a3138 3px 4px,transparent 4px 9px);border-radius:3px;opacity:.85}
.plate{flex:none;width:46%;padding:calc(var(--u)*3px) 0;white-space:nowrap;overflow:hidden;text-align:center;border:1px solid #566069;border-radius:4px;background:linear-gradient(#303840,#171c21);box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 1px 0 #000;display:flex;flex-direction:column;gap:calc(var(--u)*2px)}
.plate b{white-space:nowrap;font:900 calc(var(--u)*13px) var(--fh);letter-spacing:calc(var(--u)*2px);color:#cfe;text-shadow:0 1px 0 #000,0 0 6px rgba(90,240,255,.4)}.plate small{font:700 calc(var(--u)*9px) monospace;letter-spacing:calc(var(--u)*1px);color:#8ab}.plate em{font:calc(var(--u)*9px) monospace;color:#789;font-style:normal}
.hz{position:absolute;bottom:calc(var(--u)*7px);width:calc(var(--u)*80px);height:calc(var(--u)*6px);background:repeating-linear-gradient(45deg,#fc3 0 6px,#1a1a1a 6px 12px);opacity:.85}.hz1{left:14%}.hz2{right:14%}
.sw2{position:absolute;width:calc(var(--u)*11px);height:calc(var(--u)*11px);border-radius:50%;background:linear-gradient(45deg,transparent 44%,#222 44% 56%,transparent 56%),radial-gradient(circle at 35% 35%,#c5ccd3,#4a525a 70%);box-shadow:0 1px 1px #000}.s1x{left:calc(var(--u)*14px);top:calc(var(--u)*10px)}.s2x{right:calc(var(--u)*14px);top:calc(var(--u)*10px)}.s3x{left:calc(var(--u)*14px);bottom:calc(var(--u)*10px)}.s4x{right:calc(var(--u)*14px);bottom:calc(var(--u)*10px)}
.cg{position:absolute;width:calc(var(--u)*34px);height:calc(var(--u)*34px);background:linear-gradient(135deg,#8a949e,#3a424a)}.g1{left:0;top:0;clip-path:polygon(0 0,100% 0,0 100%);border-top-left-radius:calc(var(--u)*34px)}.g2{right:0;top:0;clip-path:polygon(0 0,100% 0,100% 100%);border-top-right-radius:calc(var(--u)*34px)}.g3{left:0;bottom:0;clip-path:polygon(0 0,0 100%,100% 100%);border-bottom-left-radius:calc(var(--u)*34px)}.g4{right:0;bottom:0;clip-path:polygon(100% 0,100% 100%,0 100%);border-bottom-right-radius:calc(var(--u)*34px)}
#glass{position:absolute;display:none;z-index:20;border-radius:calc(var(--u)*14px);background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.07) 38%,rgba(255,255,255,.02) 46%,transparent 54%),repeating-linear-gradient(0deg,rgba(0,0,0,.05) 0 1px,transparent 1px 3px),repeating-linear-gradient(90deg,rgba(0,0,0,.04) 0 1px,transparent 1px 3px);box-shadow:inset 0 0 30px rgba(0,0,0,.5)}
#pl,#pr{clip-path:none;border-radius:12px;overflow:visible;background:linear-gradient(145deg,#2b3139,#12161b);border:1px solid #4a525c;box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 12px 30px rgba(0,0,0,.6),0 0 24px rgba(40,160,255,.15)}
#pl:after,#pr:after{content:"";position:absolute;top:28%;width:18px;height:8px;background:linear-gradient(#8a949e,#3a424a)}#pl:after{right:-18px}#pr:after{left:-18px}
.blob{position:absolute;width:55vmax;height:55vmax;border-radius:50%;background:radial-gradient(rgba(40,160,255,.3),transparent 65%);animation:bl 40s ease-in-out infinite alternate}.bl1{left:-15vmax;top:-10vmax}.bl2{right:-20vmax;bottom:-20vmax;animation-delay:-20s}@keyframes bl{to{transform:translate(18vmax,10vmax)}}
.bscan{position:absolute;inset:0;background:repeating-linear-gradient(transparent 0 3px,rgba(0,0,0,.2) 3px 4px);opacity:.5}
@keyframes boot{0%,35%{clip-path:inset(49.6% 0 49.6% 0);filter:brightness(3)}100%{clip-path:inset(0);filter:none}}#stage.bt{animation:boot 1s ease-out}
@keyframes lon{from{opacity:0}to{opacity:1}}#dev.boot .led2{animation:lon .3s both}#dev.boot #l2{animation-delay:.2s}#dev.boot #l3{animation-delay:.3s}#dev.boot #l4{animation-delay:.4s}#dev.boot #l5{animation-delay:.5s}#dev.boot #l6{animation-delay:.6s}#dev.boot .plate{animation:pg 1s}@keyframes pg{50%{box-shadow:0 0 24px #5ef;filter:brightness(1.6)}}
body.fxl .blob,body.fxl .bscan,body.fxl #dev .spk,body.fxl #dev .plate{animation:none!important}
:root{--platform-top-reserve:clamp(52px,7vh,72px)}
#rsv{position:absolute;left:0;top:0;width:1px;visibility:hidden;pointer-events:none;height:calc(var(--platform-top-reserve) + env(safe-area-inset-top,0px))}
#pb:before{content:"";position:absolute;left:-10px;right:-10px;top:0;bottom:-10px}
.scr{padding:calc(var(--R,0px) + 12px) 16px 16px}#menu{padding:var(--R,0px) 0 0}#loading{padding-top:var(--R,0px)}
#kb{padding:12px 0 8px}
#loading{position:absolute;inset:0;z-index:60;background:radial-gradient(#0a2a46,#03101c);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;color:#7df;font:900 28px var(--fh);letter-spacing:6px;transition:opacity .4s}#loading.off{opacity:0;pointer-events:none}
.ldw{width:300px;height:10px;border:1px solid #3aa6d8;background:#04111d}.ldw i{display:block;height:100%;width:0;background:linear-gradient(90deg,#16c6ff,#35f2c0);transition:width .15s}#loading small{font:16px monospace;letter-spacing:2px;color:#9bd}