:root{--panel:linear-gradient(155deg,rgba(22,30,52,.66),rgba(9,14,26,.55));--panelflat:rgba(11,16,32,.7);--line:rgba(110,150,230,.16);--txt:#eaf1ff;--dim:#5d6b86;--acc:#43d9ff;--violet:#a855f7;--zone:#d65cf0;--twist:#ffcf6b;--hold:#86efac;--disp:"Chakra Petch",ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;height:100%;overflow:hidden;background:#04050b;color:var(--txt);font-family:Rajdhani,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;user-select:none;-webkit-user-select:none;touch-action:none;transition:background 1.4s ease}#stage{position:fixed;inset:0}canvas#scene{display:block;width:100%;height:100%}.hud{position:fixed;top:18px;left:18px;display:flex;flex-direction:column;gap:14px;z-index:5;pointer-events:none;width:262px;max-height:calc(100vh - 40px);overflow:hidden}.mark{display:block;width:40px;height:40px;color:#b78cff;flex:none;filter:drop-shadow(0 0 7px rgba(150,110,255,.55))}.mark.sm{width:38px;height:38px}.brandmark{display:flex;align-items:center;gap:12px}.brandtxt{display:flex;flex-direction:column;gap:1px}.logo{font-family:var(--disp);font-weight:600;font-size:24px;letter-spacing:.2em;color:#eef4ff}.logo i{font-style:normal;display:inline-block;transform:skew(-11deg);background:linear-gradient(125deg,#a855f7,#43d9ff);-webkit-background-clip:text;background-clip:text;color:transparent}.brandtxt .tl{font-size:10px;letter-spacing:.3em;color:var(--dim);text-transform:uppercase}.statcard{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:18px 20px;backdrop-filter:blur(10px);box-shadow:inset 0 1px #96beff12,0 10px 34px #0006}.statcard .hsep{height:1px;margin:14px 0;background:linear-gradient(90deg,transparent,rgba(110,150,230,.2),transparent)}.statcard .hrow{display:flex;gap:18px}.statcard .hrow .stat{flex:1}.stat .k{font-size:10px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--dim)}.stat .v{font-family:var(--disp);font-size:30px;font-weight:600;font-variant-numeric:tabular-nums;line-height:1.15;color:var(--txt)}.statcard .hrow .v{font-size:24px}.stat .v.res{font-weight:700;background:linear-gradient(120deg,#d65cf0,#a855f7);-webkit-background-clip:text;background-clip:text;color:transparent}.stat .v.acc{color:var(--txt)}.previews{display:flex;gap:16px}.previews .panel{flex:1;background:var(--panel);border:1px solid var(--line);border-radius:14px;backdrop-filter:blur(10px);padding:12px 14px;text-align:left}.previews .panel .k{margin-bottom:4px}.previews canvas#next,.previews canvas#holdc{display:block;width:100%;height:58px}.offcanvas{position:absolute;width:0;height:0;overflow:hidden;opacity:0;pointer-events:none}.hudright{position:fixed;top:18px;right:18px;width:302px;display:flex;flex-direction:column;gap:16px;z-index:5;pointer-events:none}.rp{background:var(--panel);border:1px solid var(--line);border-radius:14px;backdrop-filter:blur(10px);padding:16px 18px;box-shadow:inset 0 1px #96beff0f,0 10px 30px #00000061}.rp .k{font-size:11px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--dim)}.rp.signal{display:flex;align-items:center;justify-content:space-between}.rp.signal .rv{font-family:var(--disp);font-weight:600;font-size:24px;color:#dce6ff;letter-spacing:.04em;margin-top:2px}.serierow{display:flex;align-items:center;gap:10px;margin:8px 0 16px}.serieN{font-family:var(--disp);font-weight:700;font-size:36px;line-height:1;background:linear-gradient(120deg,#d65cf0,#a855f7);-webkit-background-clip:text;background-clip:text;color:transparent}.diamonds{color:#a855f7;letter-spacing:.2em;font-size:16px}.seriebar{position:relative;height:4px;border-radius:3px;background:#6e96e629}.seriefill{position:absolute;left:0;top:0;height:100%;border-radius:3px;background:linear-gradient(90deg,#a855f7,#d65cf0);box-shadow:0 0 12px #d65cf099;transition:width .4s ease}.serieticks{position:relative;height:16px;margin-top:6px}.serieticks span{position:absolute;transform:translate(-50%);font-family:var(--disp);font-size:12px;color:var(--dim)}.archmini{display:flex;flex-direction:column;gap:3px;margin-top:10px}.archmini .ar{display:flex;align-items:center;gap:12px;padding:7px 10px;border-radius:8px;background:#121a2c66;border:1px solid rgba(110,150,230,.1)}.archmini .ar.me{background:linear-gradient(120deg,#a855f738,#43d9ff1f);border-color:#a855f780}.archmini .ar .rk{font-family:var(--disp);font-size:13px;color:var(--dim);width:14px}.archmini .ar .nm{flex:1;font-weight:600;font-size:14px;letter-spacing:.08em;color:#c2cee6}.archmini .ar.me .nm{color:#e9d8ff}.archmini .ar .sc{font-family:var(--disp);font-size:14px;color:#8fa3c8}.archmini .ar.me .sc{color:#e9d8ff}.rp.instab{background:linear-gradient(155deg,#2e101c99,#14080e8c);border-color:#ff3b5c47;box-shadow:0 0 28px #ff3b5c1f inset}.instabhead{display:flex;align-items:center;justify-content:space-between}.rp.instab .k{color:#ff7088}.mark.im{width:34px;height:34px;color:#ff5c77;filter:drop-shadow(0 0 12px rgba(255,60,90,.6));animation:tx-pulse 1.6s ease infinite}@keyframes tx-pulse{0%,to{opacity:.55}50%{opacity:1}}.instabbars{display:flex;gap:3px;margin-top:14px;align-items:flex-end;height:30px}.instabbars i{flex:1;border-radius:2px;background:#ff5a7824;transition:height .25s,background .25s}.legend{position:fixed;left:50%;transform:translate(-50%);bottom:58px;z-index:5;display:flex;gap:10px;pointer-events:none}.legend .lg{display:flex;align-items:center;gap:8px;padding:7px 12px;border-radius:9px;background:#121a2c80;border:1px solid rgba(110,150,230,.12)}.legend .lg b{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 5px;border-radius:6px;background:#43d9ff1a;border:1px solid rgba(67,217,255,.3);color:#9fe6ff;font-family:var(--disp);font-weight:500;font-size:13px}.legend .lg i{font-style:normal;font-weight:600;font-size:11px;letter-spacing:.14em;color:#9aa9c6;text-transform:uppercase}body:not(.touch) .pad,body:not(.touch) #gizmo{display:none}#controlbar{position:fixed;left:50%;bottom:22px;transform:translate(-50%);z-index:6;display:flex;align-items:flex-end;gap:18px;pointer-events:none}#controlbar .cgroup{display:flex;flex-direction:column;align-items:center;gap:6px;pointer-events:auto}#controlbar .clabel{font-size:9px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--dim)}body:not(.touch) #controlbar .rotbar,body:not(.touch) #controlbar .dropbar,body:not(.touch) #controlbar .abilities{position:static;transform:none;inset:auto;display:flex;gap:8px}#controlbar .movehint{display:flex;gap:4px;height:46px;align-items:center}#controlbar .movehint kbd{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:7px;background:#43d9ff14;border:1px solid rgba(67,217,255,.3);color:#9fe6ff;font-family:var(--disp);font-size:12px}body.touch .hudright,body.touch #controlbar{display:none}#missions{display:flex;flex-wrap:wrap;gap:6px;max-width:248px;pointer-events:none}#missions:empty{display:none}.mchip{background:var(--panel);border:1px solid var(--line);border-radius:999px;padding:4px 10px;font-size:10px;color:var(--dim);backdrop-filter:blur(8px)}.mchip.done{color:#0b1a12;background:#86efacd9;border-color:transparent;font-weight:700}.topright{position:fixed;top:14px;right:14px;z-index:5;display:flex;flex-direction:column;gap:8px;align-items:flex-end}.panel{background:#090c1aed;border:1px solid var(--line);border-radius:14px;padding:6px;backdrop-filter:blur(10px);text-align:center}.panel .k{font-size:9px;letter-spacing:.16em;text-transform:uppercase;color:var(--dim);margin-bottom:2px}canvas#next,canvas#holdc{display:block;width:80px;height:72px}canvas#queue{display:block;width:80px;height:148px;margin-top:4px;border-top:1px solid var(--line);padding-top:2px}canvas#map{display:block;width:80px;height:80px;border-radius:8px}canvas#holdc.used{opacity:.3;filter:grayscale(.6);transition:opacity .2s,filter .2s}button.gp.hold.used{opacity:.45}.brand{position:fixed;left:50%;transform:translate(-50%);bottom:14px;z-index:5;pointer-events:none;text-align:center}.brand b{font-family:var(--disp);font-weight:600;letter-spacing:.16em;font-size:16px}.brand b i{font-style:normal;display:inline-block;transform:skew(-11deg);background:linear-gradient(125deg,#a855f7,#43d9ff);-webkit-background-clip:text;background-clip:text;color:transparent}.brand span{display:block;font-size:10px;color:var(--dim);letter-spacing:.16em;text-transform:uppercase;margin-top:2px}.zonebar{position:fixed;left:14px;top:50%;transform:translateY(-50%);z-index:5;width:13px;height:150px;background:#ff3df01a;border:1px solid rgba(255,61,240,.35);border-radius:8px;overflow:hidden;pointer-events:none}.zonebar .fill{position:absolute;left:0;bottom:0;width:100%;background:linear-gradient(0deg,#ff3df0,#ff9bf4);transition:height .2s}.zonebar.full{animation:pulse 1s infinite}@keyframes pulse{0%,to{box-shadow:0 0 12px #ff3df080}50%{box-shadow:0 0 26px #ff3df0f2}}.zlabel{position:fixed;left:5px;top:calc(50% + 92px);z-index:5;font-size:9px;letter-spacing:.14em;color:var(--dim);pointer-events:none}#zoneReady{position:fixed;left:36px;top:50%;transform:translateY(-50%);z-index:6;background:#ff3df02e;border:1px solid var(--zone);color:#ff9bf4;border-radius:10px;padding:6px 12px;font-size:12px;font-weight:700;backdrop-filter:blur(8px);opacity:0;transition:opacity .25s;pointer-events:none;white-space:nowrap}#zoneReady.on{opacity:1;animation:pulse 1s infinite}#zoneBanner{position:fixed;bottom:236px;left:50%;transform:translate(-50%);z-index:7;background:#ff3df029;border:1px solid var(--zone);color:#ff9bf4;border-radius:12px;padding:8px 16px;font-size:12px;font-weight:700;backdrop-filter:blur(8px);display:none;text-align:center;white-space:nowrap}body.zone #zoneBanner{display:block}.topbtns{position:fixed;top:14px;left:50%;transform:translate(-50%);z-index:6;display:flex;gap:6px}.rotbar{position:fixed;bottom:178px;right:16px;z-index:6;display:flex;gap:6px}button.gp.rx{color:#ff8a8a;border-color:#ff5a5a52}button.gp.ry{color:#8affb0;border-color:#5aff8c52}button.gp.rz{color:#8ab4ff;border-color:#5a9cff52}#gizmo{position:fixed;bottom:232px;right:16px;z-index:6;width:58px;height:58px;background:var(--panel);border:1px solid var(--line);border-radius:12px;backdrop-filter:blur(8px)}.linkbtn{display:inline-block;margin-top:12px;color:var(--dim);font-size:12px;text-decoration:underline;cursor:pointer}.startlinks{display:flex;gap:18px;justify-content:center;flex-wrap:wrap}#achCount{color:var(--acc);letter-spacing:.04em}.achgrid{display:flex;flex-direction:column;gap:8px;max-height:60vh;overflow:auto;margin-top:4px}.ach{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:12px;border:1px solid var(--line);background:#ffffff0a}.ach .ico{font-size:22px;width:30px;text-align:center;flex:0 0 auto}.ach .tx{flex:1;min-width:0}.ach .nm{font-size:14px;font-weight:700;color:var(--txt)}.ach .ds{font-size:11px;color:var(--dim);line-height:1.35}.ach .ds .rar{color:var(--acc);opacity:.9}.ach.got{border-color:#ffcf6b66;background:#ffcf6b12}.ach.got .nm{color:var(--twist)}.ach.locked{opacity:.5}.ach.locked .ico{filter:grayscale(1)}.ach .chk{font-size:16px;flex:0 0 auto}.help h3{margin:14px 0 4px;font-size:13px;color:var(--acc);letter-spacing:.04em}.help p{font-size:13px;color:#c4cbf0;line-height:1.5;margin:0 0 4px}.endstats{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:12px 0 4px}.endstats div{background:#ffffff0a;border:1px solid var(--line);border-radius:10px;padding:8px 10px}.endstats .k{font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:var(--dim)}.endstats .v{font-size:18px;font-weight:700;color:var(--txt);font-variant-numeric:tabular-nums}.pad{position:fixed;bottom:16px;right:16px;z-index:6;display:grid;grid-template-columns:repeat(3,46px);grid-template-rows:repeat(3,46px);gap:6px}.dropbar{position:fixed;bottom:16px;left:16px;z-index:6;display:flex;flex-direction:column;gap:6px}.abilities{position:fixed;bottom:128px;left:16px;z-index:6;display:flex;gap:6px}button.gp{appearance:none;border:1px solid var(--line);background:var(--panel);color:var(--txt);border-radius:12px;font-size:14px;font-weight:600;padding:0;height:46px;min-width:46px;backdrop-filter:blur(8px);cursor:pointer;transition:transform .06s,background .15s,border-color .15s,opacity .15s;display:flex;align-items:center;justify-content:center;gap:4px;flex-direction:column;line-height:1}button.gp:active{transform:scale(.92);background:#7af0ff2e}button.gp small{font-size:8px;letter-spacing:.06em;opacity:.7}button.gp.wide{width:104px;flex-direction:row}button.gp.drop{height:54px;width:104px;font-size:13px;letter-spacing:.08em;background:#7af0ff24;border-color:#7af0ff66;flex-direction:row}button.gp.ab{width:58px;height:54px}button.gp.zone{color:#ff9bf4;border-color:#ff3df038;opacity:.45}button.gp.zone.ready{opacity:1;background:#ff3df033;border-color:var(--zone);box-shadow:0 0 16px #ff3df099}button.gp.twist{color:var(--twist);border-color:#ffd16638;opacity:.45}button.gp.twist.ready{opacity:1;background:#ffd16626;border-color:var(--twist)}button.gp.hold{color:var(--hold);border-color:#86efac38}#peekBtn.on{color:#05121a;background:#37e0c8d9;border-color:#37e0c8;box-shadow:0 0 14px #37e0c880}.pips{position:absolute;bottom:3px;left:0;width:100%;display:flex;gap:3px;justify-content:center}.pips i{width:6px;height:6px;border-radius:50%;background:#ffd16640}.pips i.on{background:var(--twist);box-shadow:0 0 6px var(--twist)}.pad .up{grid-area:1/2}.pad .left{grid-area:2/1}.pad .right{grid-area:2/3}.pad .down{grid-area:3/2}.pad .mid{grid-area:2/2;opacity:.3;font-size:9px}#flash{position:fixed;inset:0;z-index:30;background:#fff;opacity:0;pointer-events:none;transition:opacity .4s}#cine{position:fixed;inset:0;z-index:29;pointer-events:none}#cine:before,#cine:after{content:"";position:absolute;left:0;right:0;height:12vh;background:#000;transform:translateY(-100%);transition:transform .45s cubic-bezier(.22,.61,.36,1)}#cine:after{bottom:0;transform:translateY(100%)}body.cine #cine:before,body.cine #cine:after{transform:translateY(0)}#vignette{position:fixed;inset:0;z-index:4;pointer-events:none;opacity:0;transition:opacity .3s;box-shadow:inset 0 0 220px 60px #ff3df080;background:radial-gradient(circle at 50% 50%,transparent 50%,rgba(255,61,240,.08))}#vig{position:fixed;inset:0;z-index:2;pointer-events:none;box-shadow:inset 0 0 240px 70px #00000080}body.zone #vignette{opacity:1}#danger{position:fixed;inset:0;z-index:4;pointer-events:none;opacity:0;transition:opacity .3s;box-shadow:inset 0 0 160px 30px #ff3c508c}body.danger #danger{opacity:1;animation:dpulse 1.1s infinite}@keyframes dpulse{0%,to{opacity:.5}50%{opacity:.9}}#zoneTimer{position:fixed;top:0;left:0;height:5px;width:0%;z-index:31;background:linear-gradient(90deg,#ff3df0,#ff9bf4);box-shadow:0 0 14px #ff3df0e6;opacity:0;transition:opacity .2s}body.zone #zoneTimer{opacity:1}#combo{position:fixed;top:120px;left:50%;transform:translate(-50%);z-index:7;background:#7af0ff24;border:1px solid rgba(122,240,255,.4);border-radius:10px;padding:5px 14px;font-size:13px;font-weight:700;color:var(--acc);backdrop-filter:blur(8px);opacity:0;transition:opacity .2s;pointer-events:none}#combo.on{opacity:1}#combo.combo-ping{animation:combo-ping .3s ease-out forwards}@keyframes combo-ping{0%{transform:translate(-50%) scale(1)}50%{transform:translate(-50%) scale(1.35)}to{transform:translate(-50%) scale(1)}}#level.lv-flash,#m-level.lv-flash{animation:lv-flash .6s ease-out forwards}@keyframes lv-flash{0%{color:var(--acc);text-shadow:0 0 14px var(--acc),0 0 28px var(--acc)}to{color:inherit;text-shadow:none}}#toast{position:fixed;top:46%;left:50%;transform:translate(-50%,-50%);z-index:33;background:#86efac29;border:1px solid rgba(134,239,172,.5);color:#86efac;border-radius:12px;padding:8px 16px;font-weight:700;font-size:14px;backdrop-filter:blur(8px);opacity:0;transition:opacity .25s;pointer-events:none}#toast.on{opacity:1}#bigtxt{position:fixed;top:36%;left:50%;transform:translate(-50%,-50%) scale(.6);z-index:32;font-size:52px;font-weight:800;letter-spacing:.02em;color:#fff;text-shadow:0 0 30px rgba(122,240,255,.9);opacity:0;pointer-events:none;white-space:nowrap;text-align:center}#bigtxt.show{animation:pop 1.1s ease-out}@keyframes pop{0%{opacity:0;transform:translate(-50%,-50%) scale(.6)}18%{opacity:1;transform:translate(-50%,-50%) scale(1.1)}70%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(1.02)}}.popup{position:fixed;z-index:31;transform:translate(-50%,-50%);font-weight:800;font-size:20px;color:#fff;text-shadow:0 0 12px rgba(122,240,255,.9);pointer-events:none;animation:fly 1.3s ease-out forwards;letter-spacing:.04em}@keyframes fly{0%{opacity:0;transform:translate(-50%,-50%) scale(.6)}20%{opacity:1;transform:translate(-50%,-60%) scale(1.05)}to{opacity:0;transform:translate(-50%,-220%) scale(1)}}.popup.p-row{color:#7af0ff;text-shadow:0 0 16px rgba(122,240,255,.85)}.popup.p-slab{color:#ffd42b;font-size:26px;text-shadow:0 0 22px rgba(255,212,43,.9),0 0 44px rgba(255,212,43,.4)}.popup.p-combo{color:#ff9bf4;font-size:22px;text-shadow:0 0 18px rgba(255,155,244,.85),0 0 36px rgba(255,155,244,.4)}#twistBanner{position:fixed;bottom:200px;left:50%;transform:translate(-50%);z-index:7;background:#ffd16624;border:1px solid var(--twist);border-radius:12px;padding:8px 16px;font-size:12px;color:var(--twist);backdrop-filter:blur(8px);display:none;text-align:center;line-height:1.5}body.twist #twistBanner{display:block}#twistBanner[data-preview]:not([data-preview=""]):after{content:attr(data-preview);display:block;margin-top:5px;font-size:14px;font-weight:700;color:#ffe14d;text-shadow:0 0 12px rgba(255,225,77,.6)}#tutOv{position:fixed;inset:0;z-index:8;pointer-events:none}#tutOv.hide{display:none}.tutbar{position:fixed;left:50%;top:64px;transform:translate(-50%);z-index:8;pointer-events:auto;display:flex;align-items:center;gap:12px;max-width:min(620px,92vw);background:#0c1222e0;border:1px solid var(--acc);border-radius:14px;padding:10px 14px;backdrop-filter:blur(10px);box-shadow:0 10px 30px #00000073}.tutstep{font-family:var(--disp);font-weight:700;font-size:12px;letter-spacing:.08em;color:var(--acc);background:#43d9ff1f;border:1px solid rgba(67,217,255,.4);border-radius:8px;padding:3px 8px;flex:none}.tuttext{font-size:14px;line-height:1.35;color:var(--txt)}.tutquit{appearance:none;border:none;background:transparent;color:var(--dim);font-size:16px;cursor:pointer;flex:none;padding:2px 4px;line-height:1}.tutquit:hover{color:var(--txt)}.tutplay{position:fixed;left:50%;bottom:96px;transform:translate(-50%);width:auto;z-index:8;pointer-events:auto}.tutplay.hide{display:none}body.touch .tutbar{top:auto;bottom:calc(var(--dock-h,160px) + 60px);max-width:94vw}body.touch .tutplay{bottom:calc(var(--dock-h,160px) + 20px)}.ov{position:fixed;inset:0;z-index:20;display:flex;align-items:center;justify-content:center;background:radial-gradient(700px 500px at 50% 40%,#141c3c99,#050712eb)}#startOv{background:radial-gradient(820px 620px at 50% 42%,#0a0e2247,#050712bd)}.card{width:min(480px,92vw);max-height:92vh;overflow:auto;background:var(--panel);border:1px solid var(--line);border-radius:24px;padding:28px;backdrop-filter:blur(16px);box-shadow:0 30px 80px #00000080}.card h1{margin:0 0 2px;font-family:var(--disp);font-size:38px;font-weight:600;letter-spacing:.18em}.card h1 i{font-style:normal;display:inline-block;transform:skew(-11deg);background:linear-gradient(125deg,#a855f7,#43d9ff);-webkit-background-clip:text;background-clip:text;color:transparent}.card .sub{color:var(--dim);font-size:12px;letter-spacing:.22em;text-transform:uppercase;margin-bottom:16px}.card .sub.record{color:var(--twist);text-shadow:0 0 18px rgba(255,209,102,.6);animation:recordglow 1.2s ease-in-out infinite}@keyframes recordglow{0%,to{opacity:.85}50%{opacity:1}}.card p{color:#c4cbf0;font-size:14px;line-height:1.5;margin:0 0 8px}.card .big{font-size:48px;font-weight:800;color:var(--acc);font-variant-numeric:tabular-nums;line-height:1}.feat{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:12px 0 16px}.feat div{background:#ffffff0a;border:1px solid var(--line);border-radius:12px;padding:8px 10px;font-size:11px;line-height:1.35;color:#c4cbf0}.feat b{color:var(--txt)}.feat .sig{grid-column:1/-1;border-color:#ffd16666;background:#ffd16612}.feat .sig b{color:var(--twist)}.play{appearance:none;border:none;cursor:pointer;width:100%;padding:14px;border-radius:14px;font-size:15px;font-weight:700;letter-spacing:.05em;color:#05121a;background:linear-gradient(180deg,#9bf6ff,#5ad7e8);transition:transform .08s,filter .15s}.play:active{transform:scale(.98)}.play:hover{filter:brightness(1.05)}.sharecard{display:block;width:100%;height:auto;border-radius:14px;margin-top:14px;border:1px solid var(--line)}.sharebtns{display:flex;gap:8px;margin-top:10px}.play.half{width:auto;flex:1}.play.ghost{background:#ffffff14;color:var(--txt);border:1px solid var(--line)}.shareok{color:#86efac!important}#nameInput{width:100%;margin-bottom:12px;padding:12px 14px;border-radius:12px;border:1px solid var(--line);background:#ffffff0d;color:var(--txt);font-family:inherit;font-size:14px;text-align:center;outline:none}#nameInput:focus{border-color:var(--acc)}.modcard{display:block;width:100%;text-align:left;margin-top:8px;padding:14px 16px;border-radius:14px;border:1px solid var(--line);background:#ffffff0a;color:var(--txt);cursor:pointer;transition:transform .08s,border-color .15s,background .15s}.modcard:hover{border-color:var(--acc);background:#7af0ff14}.modcard:active{transform:scale(.99)}.modcard b{display:block;font-size:16px;margin-bottom:2px}.modcard span{font-size:12px;color:var(--dim)}.modcard em{display:block;font-style:normal;font-size:9px;letter-spacing:.12em;color:var(--dim);margin-bottom:3px}.modcard.rel-commune{border-left:3px solid #9fb4ff}.modcard.rel-rare{border-left:3px solid #7af0ff}.modcard.rel-rare em{color:#7af0ff}.modcard.rel-épique{border-left:3px solid #c39bff}.modcard.rel-épique em{color:#c39bff}.modcard.rel-légendaire{border-left:3px solid #ffcf6b;background:#ffcf6b0f}.modcard.rel-légendaire em{color:#ffcf6b}.relictray{display:flex;flex-wrap:wrap;gap:5px;max-width:248px;pointer-events:auto}.relictray:empty{display:none}.relic{width:24px;height:24px;border-radius:7px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:800;color:#0b1320;background:#9fb4ff;border:1px solid rgba(255,255,255,.25);cursor:default}.relic.r-rare{background:#7af0ff}.relic.r-épique{background:#c39bff}.relic.r-légendaire{background:#ffcf6b;box-shadow:0 0 10px #ffcf6b8c}.lb,.lbmini{margin-top:14px;text-align:left}.lbh{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--dim);margin-bottom:6px}.lbr{display:flex;justify-content:space-between;font-size:13px;padding:3px 8px;border-radius:8px;color:#c4cbf0}.lbr.me{background:#7af0ff24;color:var(--txt)}.lbr.dim{color:var(--dim);justify-content:flex-start}.lbr b{color:var(--acc);font-variant-numeric:tabular-nums}.lbmini{max-height:110px;overflow:auto}.lbtabs{display:flex;gap:6px;margin-top:14px}.lbtabs button{flex:1;appearance:none;cursor:pointer;padding:7px 8px;border-radius:9px;border:1px solid var(--line);background:#ffffff0a;color:var(--dim);font-family:inherit;font-size:10px;font-weight:700;letter-spacing:.1em;transition:color .15s,background .15s,border-color .15s}.lbtabs button.on{color:#05121a;background:linear-gradient(180deg,#9bf6ff,#5ad7e8);border-color:transparent}.worldstats{display:flex;flex-wrap:wrap;gap:6px 14px;margin-top:12px;justify-content:center;font-size:11px;color:var(--dim);letter-spacing:.04em}.worldstats span{white-space:nowrap}.worldstats b{color:var(--acc);font-variant-numeric:tabular-nums;font-weight:700}.worldstats:empty{display:none}.worldstats.profile{margin-top:8px;opacity:.92}.setrow{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:14px 0;min-height:34px}.setrow label{font-size:13px;color:#c4cbf0;flex:0 0 auto}.setrow input[type=range]{flex:1;max-width:200px;-webkit-appearance:none;appearance:none;height:6px;border-radius:6px;background:#ffffff1f;outline:none;cursor:pointer}.setrow input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:var(--acc);box-shadow:0 0 10px #7af0ffb3;cursor:pointer}.setrow input[type=range]::-moz-range-thumb{width:18px;height:18px;border:none;border-radius:50%;background:var(--acc);box-shadow:0 0 10px #7af0ffb3;cursor:pointer}.segbtns{display:flex;gap:4px}.segbtns button{appearance:none;cursor:pointer;padding:6px 9px;border-radius:8px;border:1px solid var(--line);background:#ffffff0a;color:var(--dim);font-family:inherit;font-size:11px;font-weight:700;letter-spacing:.04em;transition:color .15s,background .15s,border-color .15s}.segbtns button.on{color:#05121a;background:linear-gradient(180deg,#9bf6ff,#5ad7e8);border-color:transparent}.toggle{appearance:none;cursor:pointer;width:46px;height:26px;border-radius:999px;border:1px solid var(--line);background:#ffffff14;position:relative;transition:background .18s,border-color .18s}.toggle:after{content:"";position:absolute;top:2px;left:2px;width:20px;height:20px;border-radius:50%;background:#8b93c4;transition:transform .18s,background .18s}.toggle[aria-pressed=true]{background:#7af0ff47;border-color:var(--acc)}.toggle[aria-pressed=true]:after{transform:translate(20px);background:var(--acc);box-shadow:0 0 8px #7af0ffb3}.keys{margin-top:14px;font-size:11px;color:var(--dim);line-height:1.9}.keys kbd{display:inline-block;background:#ffffff12;border:1px solid var(--line);border-radius:6px;padding:1px 6px;font-family:inherit;color:var(--txt);font-size:11px;margin:0 1px}body.scan:after{content:"";position:fixed;inset:0;pointer-events:none;z-index:3;background:repeating-linear-gradient(0deg,rgba(0,0,0,.25),rgba(0,0,0,.25) 1px,transparent 1px,transparent 3px)}.hide{display:none!important}body.touch .relictray{pointer-events:none}#movezone,#camhint{display:none}body.touch.playing #movezone{display:block;position:fixed;left:0;right:0;bottom:0;height:28vh;z-index:1;pointer-events:none;border-top:1.5px dashed rgba(122,240,255,.28);background:linear-gradient(180deg,#7af0ff00,#7af0ff14);transition:background .18s,border-color .18s}body.touch.playing.ts-b #movezone{bottom:var(--dock-h,0px)}body.touch.playing #movezone.active{background:linear-gradient(180deg,#7af0ff0d,#7af0ff2b);border-top-color:#7af0ff8c}.mzhint{position:absolute;top:9px;left:0;right:0;text-align:center;line-height:1.5;pointer-events:none;transition:opacity .5s}.mzhint b{display:block;font-size:12px;letter-spacing:.05em;color:#aae1ffcc}.mzhint span{font-size:10px;color:#a0b4d78c}#movezone.learned .mzhint{opacity:0}body.touch.playing #camhint{display:block;position:fixed;top:max(56px,calc(env(safe-area-inset-top) + 42px));left:50%;transform:translate(-50%);z-index:1;pointer-events:none;font-size:10px;letter-spacing:.04em;color:#96b4dc73;transition:opacity .5s}#camhint.learned{opacity:0}@supports (padding:max(0px)){.hud{top:max(14px,env(safe-area-inset-top));left:max(14px,env(safe-area-inset-left))}.topright{top:max(14px,env(safe-area-inset-top));right:max(14px,env(safe-area-inset-right))}.topbtns{top:max(14px,env(safe-area-inset-top))}.brand{bottom:max(14px,env(safe-area-inset-bottom))}}@media (max-width:600px){.keys{display:none}.feat{grid-template-columns:1fr}#missions{display:none}canvas#next,canvas#holdc{width:66px;height:60px}canvas#queue{width:66px;height:120px}canvas#map{width:66px;height:66px}.zonebar{height:120px}.hud{flex-direction:column;align-items:flex-start;gap:6px}.stat{min-width:72px;padding:5px 10px}.stat .v{font-size:18px}.topbtns{gap:4px}.topbtns .gp.ab{width:50px}.relictray{top:150px;max-width:128px;gap:4px}.relic{width:20px;height:20px;font-size:10px;border-radius:6px}}#mtop,#mrow{display:none}.mark.mm{width:30px;height:30px}body.touch #mtop{display:flex;align-items:center;gap:10px;position:fixed;left:0;right:0;top:0;z-index:6;padding:max(12px,env(safe-area-inset-top)) 20px 0;pointer-events:none}#mtop .mcell.grow{flex:1}#mtop .mcell.right{text-align:right}#mtop .k{font-size:9px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--dim)}#mtop .v{font-family:var(--disp);font-weight:600;font-size:23px;line-height:1;color:#eaf1ff}#mtop .v.res{font-weight:700;background:linear-gradient(120deg,#d65cf0,#a855f7);-webkit-background-clip:text;background-clip:text;color:transparent}body.touch #mrow{display:flex;gap:8px;position:fixed;left:0;right:0;z-index:6;padding:0 18px;pointer-events:none;top:calc(max(12px,env(safe-area-inset-top)) + 46px)}#mrow .mcell{flex:1;background:#121a2c80;border:1px solid rgba(110,150,230,.12);border-radius:10px;padding:7px 10px}#mrow .mcell.instab{flex:none;width:84px;background:#2e101c80;border-color:#ff3b5c40}#mrow .k{font-size:9px;letter-spacing:.14em;color:var(--dim);text-transform:uppercase}#mrow .mcell.instab .k{color:#ff7088}#mrow .v{font-family:var(--disp);font-size:17px;color:#dce6ff}.mbars{display:flex;gap:2px;margin-top:5px;height:12px;align-items:flex-end}.mbars i{flex:1;border-radius:1px;background:#ff5a7829;transition:height .25s,background .25s}body.touch .hud>.brandmark,body.touch .hud>.statcard,body.touch #missions,body.touch #relics{display:none}body.touch .hud{top:auto;bottom:calc(var(--dock-h,160px) + 14px + env(safe-area-inset-bottom));left:auto;right:12px;width:84px;gap:8px}body.touch .previews{flex-direction:column;gap:8px}body.touch .previews .panel{padding:7px}body.touch .previews .panel .k{font-size:8px;letter-spacing:.16em}body.touch .previews canvas#next,body.touch .previews canvas#holdc{height:38px}body.touch .topbtns{top:calc(max(12px,env(safe-area-inset-top)) + 96px);gap:5px}body.touch .topbtns .gp.ab{width:46px;height:42px}body.touch .brand{display:none}body.touch.playing .topbtns{left:auto;right:max(12px,env(safe-area-inset-right));transform:none;top:calc(max(12px,env(safe-area-inset-top)) + 100px);gap:6px}body.touch.playing .topbtns [data-act=mute],body.touch.playing .topbtns [data-act=settings]{display:none}body.touch.playing .topbtns .gp.ab{width:40px;height:38px;opacity:.8}body.touch.playing .topbtns .gp.ab small{display:none}body.touch.playing .mctrl-perks .gp.zone:not(.ready),body.touch.playing .mctrl-perks .gp.twist:not(.ready){display:none}#mctrl{display:none}body.touch.playing #mctrl{display:block;position:fixed;inset:0;z-index:18;pointer-events:none;-webkit-tap-highlight-color:transparent}#mctrl button.gp{pointer-events:auto;touch-action:none}.mctrl-perks{position:fixed;left:50%;transform:translate(-50%);top:calc(max(12px,env(safe-area-inset-top)) + 150px);display:flex;gap:8px;justify-content:center}.mctrl-perks .gp{width:50px;height:44px;font-size:17px;flex:none;max-width:none;opacity:.92}.mctrl-perks .gp small{display:none}.mctrl-bot{display:contents}#mctrl .pad{position:fixed;left:max(14px,env(safe-area-inset-left));bottom:max(16px,env(safe-area-inset-bottom));right:auto;top:auto;z-index:18;grid-template-columns:repeat(3,46px);grid-template-rows:repeat(3,46px);gap:5px}.mctrl-right{position:fixed;right:max(14px,env(safe-area-inset-right));bottom:max(16px,env(safe-area-inset-bottom));z-index:18;display:flex;flex-direction:column;gap:8px;align-items:flex-end}#mctrl .rotbar{position:static;inset:auto;z-index:auto;display:flex;gap:6px}#mctrl .dropbar{position:static;inset:auto;z-index:auto;display:flex;flex-direction:row;gap:8px;align-items:flex-end}#mctrl .rotbar .gp{height:46px;min-width:46px;font-size:14px}#mctrl .dropbar .wide{width:74px;height:44px;font-size:12px}#mctrl .dropbar .drop{width:112px;height:50px}body.touch.ts-b #mctrl .pad,body.touch.ts-b #mctrl .dropbar,body.touch.ts-b #mctrl .mctrl-perks{display:none}body.touch.ts-b #mctrl .rotbar{justify-content:flex-end}body.touch #zoneBanner,body.touch #twistBanner{bottom:calc(var(--dock-h,160px) + 12px)}@keyframes tx-spin{to{transform:rotate(360deg)}}.mark.big{width:84px;height:84px;color:#c2a3ff;filter:drop-shadow(0 0 14px rgba(150,110,255,.55))}.mark.big.spin{animation:tx-spin 30s linear infinite}.mark.big.im{width:80px;height:80px;color:#ff5c77;filter:drop-shadow(0 0 16px rgba(255,60,90,.55));animation:tx-pulse 1.8s ease infinite}.homelogo{display:flex;justify-content:center;margin-bottom:8px}#startOv .card,#endOv .card{text-align:center}#startOv .card h1{font-size:min(40px,9vw);letter-spacing:.2em;margin-top:4px;white-space:nowrap}.endttl{font-family:var(--disp);font-weight:700;font-size:30px;letter-spacing:.16em;color:#ff7088;text-shadow:0 0 26px rgba(255,60,90,.4);margin:8px 0 2px}#endOv .sub{color:#8a6b78}.play.primary{background:linear-gradient(120deg,#a855f7,#4396ff);color:#fff;font-family:var(--disp);letter-spacing:.12em;box-shadow:0 10px 30px #785adc66}.play.tut{background:linear-gradient(180deg,#9be8d8,#37e0c8);color:#05121a;font-family:var(--disp);letter-spacing:.1em;box-shadow:0 8px 24px #37e0c852}#recordsPanel:not(.hide){margin-top:6px}#endOv .endstats .v{font-family:var(--disp);font-size:24px;font-weight:600;color:#dce6ff}#endOv .endstats .v.res{font-weight:700;background:linear-gradient(120deg,#d65cf0,#a855f7);-webkit-background-clip:text;background-clip:text;color:transparent}#endOv .endstats .k{font-size:9px;letter-spacing:.16em;color:#8a6b78;margin-top:2px}#endOv .endstats div{text-align:center}.enddiag{margin-top:12px;text-align:left;background:#ffffff0a;border:1px solid var(--line);border-radius:14px;padding:11px 14px;font-size:12px;color:#c4cbf0;line-height:1.4}.enddiag:empty{display:none}.enddiag .dgcause b{color:#ff8a9c}.enddiag .dgrow{display:flex;gap:18px;color:var(--dim);margin:6px 0}.enddiag .dgrow b{color:var(--acc);font-variant-numeric:tabular-nums}.enddiag .dgtip{color:#9be8d8}#introOv{position:fixed;inset:0;z-index:40;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;background:radial-gradient(120% 90% at 50% 8%,#0c1426,#070a14 48%,#04050b);transition:opacity .6s ease}#introOv:before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(120,170,255,.22) 1px,transparent 1px);background-size:30px 30px;opacity:.52;pointer-events:none}#introOv.gone{opacity:0;pointer-events:none}.introglow{position:absolute;left:50%;top:42%;width:760px;height:760px;max-width:92vw;max-height:92vw;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(128,88,255,.34),transparent 65%);filter:blur(10px);pointer-events:none;animation:tx-glow-pulse 3.5s ease infinite}@keyframes tx-glow-pulse{0%,to{opacity:.65}50%{opacity:1}}.introscan{position:absolute;top:0;left:0;right:0;height:120px;pointer-events:none;background:linear-gradient(180deg,rgba(67,217,255,.06),transparent);animation:tx-scan 7s linear infinite}.introcore{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px}.intrologo{width:118px;height:118px;color:#c2a3ff;filter:drop-shadow(0 0 16px rgba(150,110,255,.6));animation:tx-spin 26s linear infinite,tx-logoIn 1s ease both}.introttl{margin-top:30px;font-family:var(--disp);font-weight:600;font-size:min(72px,12.5vw);letter-spacing:.18em;color:#eef4ff;padding-left:.18em;white-space:nowrap;animation:tx-wordIn 1.1s .2s ease both}.introttl i{font-style:normal;display:inline-block;transform:skew(-11deg);background:linear-gradient(125deg,#a855f7,#43d9ff);-webkit-background-clip:text;background-clip:text;color:transparent}.introtag{font-size:18px;letter-spacing:.5em;color:#8fa3c8;text-transform:uppercase;animation:tx-fadeUp 1s .9s ease both}.introtap{margin-top:54px;font-size:15px;letter-spacing:.34em;color:#5d6b86;text-transform:uppercase;animation:tx-blink 2.4s 1.4s ease infinite}.introsig{position:absolute;left:0;right:0;bottom:30px;text-align:center;font-size:12px;letter-spacing:.42em;color:#3c4760;text-transform:uppercase}@keyframes tx-logoIn{0%{opacity:0;transform:translateY(16px) scale(.94)}to{opacity:1;transform:none}}@keyframes tx-wordIn{0%{opacity:0;letter-spacing:.7em;filter:blur(6px)}to{opacity:1;letter-spacing:.26em;filter:blur(0)}}@keyframes tx-fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes tx-blink{0%,to{opacity:.25}50%{opacity:1}}@keyframes tx-scan{0%{transform:translateY(-120%)}to{transform:translateY(820%)}}@media (prefers-reduced-motion:reduce){.intrologo,.introttl,.introtag,.introtap,.introscan,.introglow{animation:none!important}}.rp.signal{cursor:default}.rp.signal .rpsub{font-size:10px;letter-spacing:.12em;color:var(--violet);margin-top:4px;text-transform:uppercase;font-weight:600}body:not(.touch) #signalPanel{cursor:pointer;pointer-events:auto;transition:border-color .15s,transform .08s}body:not(.touch) #signalPanel:hover{border-color:#a855f780}body:not(.touch) #signalPanel:active{transform:scale(.99)}body:not(.touch) .zonebar{top:auto;bottom:118px;left:20px;transform:none;background:#d65cf01a;border-color:#d65cf066}body:not(.touch) .zonebar .fill{background:linear-gradient(0deg,#d65cf0,#a855f7)}body:not(.touch) .zlabel{top:auto;bottom:96px;left:20px}.zonebar{background:#d65cf01a;border-color:#d65cf061}.zonebar .fill{background:linear-gradient(0deg,#d65cf0,#a855f7)}button.gp.zone{color:#e9b8ff;border-color:#d65cf047}button.gp.zone.ready{background:#d65cf033;border-color:#d65cf0;box-shadow:0 0 16px #d65cf099}body:not(.touch) .brand{display:none}body.touch:not(.ts-b) #movezone{display:none!important}body.twist:after{content:"";position:fixed;inset:0;z-index:2;pointer-events:none;background:radial-gradient(ellipse at center,transparent 40%,rgba(255,180,60,.11) 100%);animation:tx-vignette .5s ease forwards}@keyframes tx-vignette{0%{opacity:0}to{opacity:1}}body.twist #twistBanner{animation:tx-banner-pulse .7s ease infinite!important}@keyframes tx-banner-pulse{0%,to{box-shadow:0 0 18px #ffbe3259,inset 0 0 12px #ffbe321f}50%{box-shadow:0 0 36px #ffcf6bb3,inset 0 0 22px #ffcf6b47}}button.gp.twist.ready{background:#ffcf6b26;border-color:#ffcf6b;box-shadow:0 0 16px #ffcf6b80}body.twist button.gp.twist{animation:tx-btn-pulse .6s ease infinite}@keyframes tx-btn-pulse{0%,to{box-shadow:0 0 10px #ffcf6b66}50%{box-shadow:0 0 28px #ffcf6bd9,0 0 6px #ffffff4d}}body.twist .pips i.on{animation:tx-pip-glow .5s ease infinite alternate}@keyframes tx-pip-glow{0%{box-shadow:0 0 4px #ffcf6b99}to{box-shadow:0 0 14px #ffcf6b,0 0 4px #ffffff80}}#portrait-lock{display:none}@media (orientation:landscape){body.touch #portrait-lock{display:flex;position:fixed;inset:0;z-index:9999;background:#04050b;align-items:center;justify-content:center}}.pl-inner{display:flex;flex-direction:column;align-items:center;gap:18px;color:#7af0ffb3}.pl-icon{font-size:56px;animation:pl-spin 2.2s linear infinite;line-height:1}.pl-msg{font-family:Chakra Petch,sans-serif;font-size:16px;letter-spacing:.08em;text-align:center}@keyframes pl-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}