:root{--accent:#3cf2ff;--accent2:#ff3db4;--gold:#ffd23a;--panel:#0a0e1ec7;--panel2:#141a34d9;--line:#78a0ff40;--text:#e8f0ff;--muted:#8a96b8;--red:#ff3b4a;--blue:#3b8bff;--font-h:"Orbitron", "Segoe UI", sans-serif;--font-b:"Rajdhani", "Segoe UI", sans-serif}*{box-sizing:border-box}html,body{height:100%;color:var(--text);font-family:var(--font-b);-webkit-user-select:none;user-select:none;touch-action:none;background:#05060a;margin:0;overflow:hidden}#gl{width:100vw;height:100vh;display:block;position:fixed;inset:0}#ui{pointer-events:none;position:fixed;inset:0}#ui>*{pointer-events:auto}button,input,select{font-family:var(--font-b)}h1,h2,h3{font-family:var(--font-h);letter-spacing:.06em;margin:0}.btn{font-family:var(--font-h);letter-spacing:.12em;text-transform:uppercase;color:var(--text);border:1px solid var(--line);cursor:pointer;clip-path:polygon(12px 0,100% 0,calc(100% - 12px) 100%,0 100%);background:linear-gradient(135deg,#3cf2ff24,#ff3db41a);justify-content:center;align-items:center;gap:.5em;padding:12px 26px;font-size:15px;font-weight:700;transition:transform .12s,background .15s,color .15s,box-shadow .15s;display:inline-flex;position:relative}.btn:hover,.btn.focus{background:linear-gradient(135deg, var(--accent), var(--accent2));color:#05060a;transform:translate(4px)scale(1.03);box-shadow:0 0 30px #3cf2ff80}.btn.primary{background:linear-gradient(135deg, var(--gold), #ff7b1c);color:#120800}.btn.primary:hover,.btn.primary.focus{box-shadow:0 0 40px #ffd23ab3}.btn.small{padding:7px 14px;font-size:11px}.btn.ghost{background:0 0}.btn:disabled{opacity:.4;pointer-events:none}.nav.focus{outline:2px solid var(--accent);outline-offset:3px}.btn.nav.focus{outline:none}.panel{background:var(--panel);border:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);clip-path:polygon(0 0,calc(100% - 18px) 0,100% 18px,100% 100%,18px 100%,0 calc(100% - 18px))}.hint{color:var(--muted);letter-spacing:.04em;font-size:14px}.kbd{border:1px solid var(--line);font-family:var(--font-h);color:var(--accent);border-radius:4px;margin:0 2px;padding:1px 7px;font-size:11px;display:inline-block}.title-screen{cursor:pointer;background:radial-gradient(#0000 30%,#000000a6 100%);flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.logo{font-family:var(--font-h);letter-spacing:.04em;background:linear-gradient(180deg, #fff 10%, var(--accent) 55%, var(--accent2) 100%);color:#0000;filter:drop-shadow(0 0 24px #3cf2ff8c)drop-shadow(0 6px #0009);-webkit-background-clip:text;background-clip:text;font-size:clamp(56px,11vw,168px);font-weight:900;line-height:.9;animation:1.1s cubic-bezier(.2,1.6,.4,1) both logoIn;position:relative}.logo .x{animation:3s linear infinite spinX;display:inline-block}.logo:after{content:attr(data-text);color:var(--accent2);opacity:.35;mix-blend-mode:screen;-webkit-background-clip:initial;background:0 0;animation:2.6s step-end infinite glitch;position:absolute;top:0;left:0}@keyframes logoIn{0%{opacity:0;filter:blur(20px);transform:scale(2.4)rotate(-8deg)}}@keyframes spinX{to{transform:rotateY(360deg)}}@keyframes glitch{0%,92%,to{opacity:0;transform:translate(0)}93%{opacity:.6;transform:translate(-6px,2px)}95%{opacity:.5;transform:translate(5px,-3px)}97%{opacity:.4;transform:translate(-2px,1px)}}.tagline{font-family:var(--font-h);letter-spacing:.6em;color:var(--gold);text-shadow:0 0 18px #ffd23a99;margin-top:18px;font-size:clamp(14px,1.8vw,22px);animation:1s .6s both fadeUp}.press-start{font-family:var(--font-h);letter-spacing:.35em;margin-top:9vh;font-size:20px;animation:1.2s infinite blink,1s 1s both fadeUp}.title-foot{color:var(--muted);letter-spacing:.1em;gap:24px;font-size:14px;display:flex;position:absolute;bottom:22px}@keyframes blink{50%{opacity:.25}}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}}.menu-screen{background:linear-gradient(90deg,#03040ce0 0%,#03040c66 45%,#0000 70%);align-items:center;padding-left:7vw;display:flex;position:absolute;inset:0}.menu-col{flex-direction:column;align-items:flex-start;gap:14px;display:flex}.menu-logo{font-family:var(--font-h);background:linear-gradient(180deg, #fff, var(--accent) 60%, var(--accent2));color:#0000;filter:drop-shadow(0 0 16px #3cf2ff80);-webkit-background-clip:text;background-clip:text;margin-bottom:26px;font-size:58px;font-weight:900}.menu-item{font-family:var(--font-h);letter-spacing:.08em;color:#e8f0ff8c;cursor:pointer;text-align:left;background:0 0;border:none;padding:4px 0;font-size:clamp(26px,3.6vw,46px);font-weight:900;transition:all .15s;position:relative}.menu-item small{font-family:var(--font-b);letter-spacing:.15em;color:var(--muted);max-height:0;font-size:15px;font-weight:600;transition:max-height .2s;display:block;overflow:hidden}.menu-item:hover,.menu-item.focus{color:#fff;text-shadow:0 0 24px var(--accent), 0 0 4px #fff;outline:none;transform:translate(18px)}.menu-item.focus small,.menu-item:hover small{max-height:30px}.menu-item.focus:before,.menu-item:hover:before{content:"▶";color:var(--gold);font-size:.6em;animation:.8s infinite blink;position:absolute;top:.45em;left:-38px}.menu-foot{color:var(--muted);font-size:14px;position:absolute;bottom:20px;left:7vw}.screen{background:linear-gradient(#03040cd1,#03040c8c);flex-direction:column;gap:18px;padding:26px 34px;display:flex;position:absolute;inset:0;overflow:hidden}.screen-head{align-items:center;gap:22px;display:flex}.screen-title{font-family:var(--font-h);letter-spacing:.1em;background:linear-gradient(90deg, #fff, var(--accent));color:#0000;-webkit-background-clip:text;background-clip:text;font-size:34px;font-weight:900}.screen-sub{color:var(--muted);letter-spacing:.1em;font-size:16px}.spacer{flex:1}.mode-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:18px;padding:6px;display:grid;overflow-y:auto}.mode-card{cursor:pointer;border:1px solid var(--line);clip-path:polygon(0 0,calc(100% - 22px) 0,100% 22px,100% 100%,22px 100%,0 calc(100% - 22px));background:linear-gradient(160deg,#1e2850cc,#080a16e6);min-height:200px;padding:22px;transition:transform .15s,box-shadow .15s;position:relative;overflow:hidden}.mode-card .icon{filter:drop-shadow(0 0 12px #3cf2ff99);font-size:54px}.mode-card h3{margin-top:10px;font-size:22px}.mode-card .tag{color:var(--gold);font-family:var(--font-h);letter-spacing:.25em;font-size:12px}.mode-card p{color:var(--muted);font-size:15px;line-height:1.3}.mode-card:after{content:"";background:linear-gradient(120deg,#0000 30%,#ffffff1f 50%,#0000 70%);transition:transform .5s;position:absolute;inset:0;transform:translate(-100%)}.mode-card:hover,.mode-card.focus{border-color:var(--accent);outline:none;transform:translateY(-6px)scale(1.02);box-shadow:0 0 40px #3cf2ff59}.mode-card:hover:after,.mode-card.focus:after{transform:translate(100%)}.lobby-top{flex-wrap:wrap;align-items:stretch;gap:16px;display:flex}.selector{align-items:center;gap:10px;min-width:280px;padding:12px 16px;display:flex}.selector .arrow{color:var(--accent);cursor:pointer;background:0 0;border:none;padding:0 6px;font-size:22px}.selector .arrow:hover{color:#fff;text-shadow:0 0 10px var(--accent)}.selector .val{text-align:center;flex:1}.selector .val b{font-family:var(--font-h);letter-spacing:.08em;font-size:20px;display:block}.selector .val span{color:var(--muted);font-size:13px}.selector .lbl{font-family:var(--font-h);letter-spacing:.3em;color:var(--muted);writing-mode:vertical-rl;font-size:10px;transform:rotate(180deg)}.slots{flex:1;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));align-content:start;gap:14px;padding:4px;display:grid;overflow-y:auto}.slot{border:2px solid var(--slot,var(--line));background:linear-gradient(180deg, color-mix(in srgb, var(--slot,#334) 22%, transparent), #050710eb);clip-path:polygon(0 0,calc(100% - 16px) 0,100% 16px,100% 100%,16px 100%,0 calc(100% - 16px));flex-direction:column;align-items:center;gap:8px;padding:14px;animation:.35s cubic-bezier(.2,1.5,.4,1) both slotIn;display:flex;position:relative}@keyframes slotIn{0%{opacity:0;transform:scale(.6)}}.slot .pnum{font-family:var(--font-h);color:var(--slot);font-size:20px;font-weight:900;position:absolute;top:6px;left:12px}.slot .team-tag{font-family:var(--font-h);letter-spacing:.2em;background:var(--slot);color:#000;cursor:pointer;padding:2px 8px;font-size:10px;position:absolute;top:9px;right:14px}.slot canvas{width:120px;height:120px}.slot .bname{font-family:var(--font-h);letter-spacing:.06em;text-align:center;font-size:15px}.slot .ctrl{color:var(--muted);cursor:pointer;font-size:13px}.slot .ctrl:hover{color:#fff}.slot .row{align-items:center;gap:6px;display:flex}.slot input.pname{border:none;border-bottom:1px solid var(--line);color:var(--text);font-family:var(--font-h);text-align:center;background:0 0;outline:none;width:140px;font-size:13px}.slot .x{color:var(--muted);cursor:pointer;font-size:18px;position:absolute;bottom:8px;right:12px}.slot.join{min-height:230px;color:var(--muted);font-family:var(--font-h);letter-spacing:.12em;text-align:center;border-style:dashed;justify-content:center;font-size:13px;animation:none}.slot.join .big{color:var(--accent);font-size:40px;animation:1.4s infinite blink}.lobby-bottom{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.toggle{cursor:pointer;font-family:var(--font-h);letter-spacing:.12em;align-items:center;gap:8px;padding:8px 14px;font-size:12px;display:inline-flex}.toggle .dot{border:2px solid var(--accent);border-radius:50%;width:14px;height:14px}.toggle.on .dot{background:var(--accent);box-shadow:0 0 10px var(--accent)}.online-box{flex-direction:column;gap:6px;min-width:300px;padding:12px 16px;display:flex}.online-box .code{font-family:var(--font-h);letter-spacing:.3em;color:var(--gold);text-shadow:0 0 14px #ffd23a99;font-size:34px}.online-box .url{color:var(--accent);word-break:break-all;cursor:pointer;font-size:13px}.online-box .url:hover{color:#fff}.hud{pointer-events:none;position:absolute;inset:0}.hud-top{align-items:center;gap:18px;display:flex;position:absolute;top:14px;left:50%;transform:translate(-50%)}.hud-timer{font-family:var(--font-h);background:var(--panel);clip-path:polygon(10px 0,calc(100% - 10px) 0,100% 100%,0 100%);text-align:center;min-width:120px;padding:6px 22px;font-size:30px;font-weight:900}.hud-timer.low{color:var(--red);animation:.5s infinite blink}.hud-score{font-family:var(--font-h);text-align:center;color:#000;clip-path:polygon(8px 0,100% 0,calc(100% - 8px) 100%,0 100%);min-width:60px;padding:4px 16px;font-size:26px;font-weight:900}.hud-obj{font-family:var(--font-h);letter-spacing:.25em;color:var(--muted);text-shadow:0 2px 4px #000;font-size:12px;position:absolute;top:66px;left:50%;transform:translate(-50%)}.hud-cards{flex-wrap:wrap;justify-content:center;gap:10px;display:flex;position:absolute;bottom:14px;left:14px;right:14px}.pcard{border-left:4px solid var(--c);isolation:isolate;width:230px;padding:8px 12px 10px;transition:opacity .3s,filter .3s;position:relative}.pcard:before{content:"";z-index:-1;background:var(--panel);clip-path:polygon(0 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%);position:absolute;inset:0}.pcard.out{opacity:.45;filter:grayscale()}.pcard .nm{font-family:var(--font-h);letter-spacing:.06em;color:var(--c);justify-content:space-between;font-size:13px;display:flex}.pcard .nm span{color:var(--text)}.bar{clip-path:polygon(4px 0,100% 0,calc(100% - 4px) 100%,0 100%);background:#ffffff14;height:9px;margin-top:5px;position:relative;overflow:hidden}.bar>i{transform-origin:0;background:var(--c);transition:transform .1s;position:absolute;inset:0}.bar.burst>i{background:linear-gradient(90deg, #ffb000, var(--red))}.bar.sp>i{background:linear-gradient(90deg, var(--gold), #fff)}.bar.sp.full>i{animation:.4s infinite alternate spFlash}@keyframes spFlash{to{filter:brightness(1.8)}}.bar.thin{height:5px}.pcard .item{border:2px solid var(--gold);background:#0000008c;border-radius:8px;justify-content:center;align-items:center;width:46px;height:46px;font-size:28px;display:none;position:absolute;top:-2px;right:-2px}.pcard .item.on{display:flex}.pcard .item.roll{animation:.1s infinite roll}@keyframes roll{50%{transform:scale(.85)rotate(10deg)}}.pcard .meta{color:var(--muted);gap:10px;margin-top:3px;font-size:12px;display:flex}.pcard .rpm{font-family:var(--font-h);color:var(--muted);font-size:10px}.announce{text-align:center;pointer-events:none;position:absolute;top:30%;left:0;right:0}.announce .a-text{font-family:var(--font-h);letter-spacing:.06em;color:#fff;text-shadow:0 0 30px var(--ac,var(--accent)), 0 0 6px var(--ac,var(--accent)), 0 6px 0 #00000080;font-size:clamp(36px,7vw,96px);font-weight:900;animation:1.8s cubic-bezier(.2,1.4,.4,1) both annIn}.announce .a-sub{font-family:var(--font-h);letter-spacing:.25em;color:var(--gold);margin-top:6px;font-size:18px;animation:.4s .15s both fadeUp}@keyframes annIn{0%{opacity:0;transform:scale(3)skew(-15deg)}12%{opacity:1;transform:scale(1)skew(-8deg)}80%{opacity:1;transform:scale(1.05)skew(-8deg)}to{opacity:0;transform:scale(1.4)skew(-8deg)}}.count{font-family:var(--font-h);color:var(--gold);text-shadow:0 0 50px #ffd23acc;pointer-events:none;font-size:180px;font-weight:900;animation:.8s both countIn;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes countIn{0%{opacity:0;transform:translate(-50%,-50%)scale(2.5)}40%{opacity:1;transform:translate(-50%,-50%)scale(1)}to{opacity:0;transform:translate(-50%,-50%)scale(.8)}}.launch-hint{font-family:var(--font-h);letter-spacing:.2em;color:var(--gold);text-shadow:0 2px 6px #000;font-size:16px;animation:.7s infinite blink;position:absolute;bottom:150px;left:50%;transform:translate(-50%)}.pause{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);pointer-events:auto;background:#020308b3;flex-direction:column;justify-content:center;align-items:center;gap:14px;display:flex;position:absolute;inset:0}.pause h2{margin-bottom:20px;font-size:54px}.controls-help{color:var(--muted);text-align:center;margin-top:20px;font-size:14px;line-height:1.7}.results{justify-content:center;align-items:center}.res-banner{font-family:var(--font-h);text-align:center;text-shadow:0 0 30px var(--wc,var(--accent));font-size:clamp(40px,7vw,90px);font-weight:900;animation:.9s cubic-bezier(.2,1.6,.4,1) both logoIn}.res-table{border-collapse:collapse;min-width:min(700px,90vw);margin:20px 0;font-size:18px}.res-table th{font-family:var(--font-h);letter-spacing:.2em;color:var(--muted);text-align:left;padding:6px 14px;font-size:11px}.res-table td{border-top:1px solid var(--line);padding:10px 14px}.res-table tr{animation:.4s both fadeUp}.res-table tr.win td{color:var(--gold)}.field{flex-direction:column;gap:4px;display:flex}.field label{font-family:var(--font-h);letter-spacing:.25em;color:var(--muted);font-size:10px}.field input[type=text],.field input[type=url],.field select{border:1px solid var(--line);color:var(--text);background:#0006;outline:none;padding:10px 12px;font-size:16px}.field input:focus{border-color:var(--accent)}input[type=range]{accent-color:var(--accent)}.toast{background:var(--panel2);border:1px solid var(--accent);font-family:var(--font-h);letter-spacing:.1em;z-index:100;pointer-events:none;padding:12px 22px;font-size:13px;animation:.3s both fadeUp;position:fixed;bottom:30px;left:50%;transform:translate(-50%)}.touch-ui{pointer-events:none;z-index:5;position:absolute;inset:0}.touch-stick-zone{pointer-events:auto;width:50%;height:70%;position:absolute;bottom:0;left:0}.touch-base{opacity:.5;background:#3cf2ff14;border:2px solid #3cf2ff80;border-radius:50%;width:120px;height:120px;position:absolute;bottom:60px;left:60px}.touch-base.on{opacity:1}.touch-knob{background:radial-gradient(circle, #fff, var(--accent));width:50px;height:50px;box-shadow:0 0 18px var(--accent);border-radius:50%;position:absolute;top:35px;left:35px}.touch-btns{pointer-events:none;width:210px;height:210px;position:absolute;bottom:30px;right:20px}.tb{color:#fff;width:78px;height:78px;font-family:var(--font-h);pointer-events:auto;touch-action:none;background:#0a0e1e8c;border:2px solid #fff6;border-radius:50%;font-size:12px;font-weight:700;position:absolute}.tb.down{background:#3cf2ff80;transform:scale(.9)}.tb-dash{border-color:var(--gold);width:92px;height:92px;bottom:60px;right:0}.tb-jump{bottom:0;right:100px}.tb-item{border-color:var(--accent2);bottom:100px;right:110px}.tb-special{border-color:var(--accent);bottom:160px;right:20px}body.ingame .hide-ingame{display:none}@media (width<=700px){.screen{padding:14px}.screen-title{font-size:22px}.pcard{width:160px}.hud-cards{top:90px;bottom:auto}.menu-screen{padding-left:10vw}}.ico{vertical-align:-.18em;flex:none;width:1.1em;height:1.1em;display:inline-block}.ico-text{width:auto;font-family:var(--font-h);font-weight:900}.mode-card .icon .ico{width:58px;height:58px;color:var(--accent);filter:drop-shadow(0 0 10px #3cf2ffb3)}.pcard .item .ico{filter:drop-shadow(0 0 6px);width:30px;height:30px}.pcard .meta .ico{width:13px;height:13px}.pcard .meta .place{font-family:var(--font-h);color:var(--gold);font-size:14px}.title-foot .ico{width:18px;height:18px;color:var(--accent)}.wrong-way{font-family:var(--font-h);letter-spacing:.15em;color:var(--red);text-shadow:0 0 30px var(--red);pointer-events:none;font-size:54px;font-weight:900;animation:.5s infinite blink;display:none;position:absolute;top:22%;left:50%;transform:translate(-50%)}.wrong-way.on{display:block}.slot .slot-stats{grid-template-columns:1fr 1fr;gap:3px 10px;width:100%;padding:0 4px;display:grid}.slot .slot-stats .ss{align-items:center;gap:5px;display:flex}.slot .slot-stats b{font-family:var(--font-h);letter-spacing:.08em;color:var(--muted);width:26px;font-size:8px}.slot .ssbar{background:#ffffff14;flex:1;height:5px;position:relative;overflow:hidden}.slot .ssbar i{position:absolute;top:0;bottom:0;left:0}.online-badge{background:var(--panel);border:1px solid var(--line);font-family:var(--font-h);letter-spacing:.15em;pointer-events:none;align-items:center;gap:8px;padding:6px 12px;font-size:12px;display:flex;position:absolute;top:14px;left:14px}.online-badge .dot{background:#38ff7a;border-radius:50%;width:8px;height:8px;animation:1.6s infinite blink;box-shadow:0 0 8px #38ff7a}.online-badge small{color:var(--muted);letter-spacing:.12em;font-size:10px}.gx-step,.gx-select{border:1px solid var(--line);clip-path:polygon(6px 0,100% 0,calc(100% - 6px) 100%,0 100%);vertical-align:middle;background:#00000073;align-items:stretch;gap:0;display:inline-flex}.gx-step.focus,.gx-select.focus,.gx-step:hover,.gx-select:hover{border-color:var(--accent);box-shadow:0 0 12px #3cf2ff59}.gx-btn{color:var(--accent);font-family:var(--font-h);cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:none;background:linear-gradient(#3cf2ff2e,#3cf2ff0d);border:none;min-width:28px;padding:4px 8px;font-size:14px;font-weight:900}.gx-btn:hover{background:var(--accent);color:#05060a}.gx-btn:active{transform:scale(.92)}.gx-num{text-align:center;width:3.6em;color:var(--text);font-family:var(--font-h);appearance:textfield;outline:none;font-size:14px;background:0 0!important;border:none!important;padding:4px 0!important}.gx-num::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.gx-num::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.gx-step.gx-bump .gx-num{animation:.18s gxBump}@keyframes gxBump{50%{color:var(--gold);transform:scale(1.18)}}.gx-label{min-width:7em;color:var(--text);font-family:var(--font-h);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;white-space:nowrap;text-overflow:ellipsis;background:0 0;border:none;flex:1;padding:5px 8px;font-size:12px;overflow:hidden}.gx-label:hover{color:#fff;text-shadow:0 0 8px var(--accent)}.gx-pop{z-index:200;background:var(--panel2);border:1px solid var(--accent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);flex-direction:column;padding:4px;animation:.12s both fadeUp;display:flex;position:fixed;overflow-y:auto;box-shadow:0 10px 40px #0009,0 0 20px #3cf2ff40}.gx-opt{text-align:left;color:var(--text);font-family:var(--font-h);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;background:0 0;border:none;padding:7px 10px;font-size:12px}.gx-opt:hover{background:#3cf2ff2e}.gx-opt.on{color:var(--gold)}input[type=range]{appearance:none;cursor:pointer;background:0 0;height:18px}input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(90deg, var(--accent), var(--accent2));opacity:.7;clip-path:polygon(2px 0,100% 0,calc(100% - 2px) 100%,0 100%);height:4px}input[type=range]::-moz-range-track{background:linear-gradient(90deg, var(--accent), var(--accent2));opacity:.7;height:4px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;box-shadow:0 0 10px var(--accent);border:2px solid var(--accent);background:#fff;margin-top:-5px;transform:rotate(45deg)}input[type=range]::-moz-range-thumb{border:2px solid var(--accent);width:12px;height:12px;box-shadow:0 0 10px var(--accent);background:#fff;border-radius:0;transform:rotate(45deg)}input[type=range]:hover::-webkit-slider-thumb{background:var(--gold);box-shadow:0 0 16px var(--gold)}input[type=range].focus::-webkit-slider-thumb{background:var(--gold);box-shadow:0 0 16px var(--gold)}input[type=color]{appearance:none;border:1px solid var(--line);cursor:pointer;background:0 0;width:34px;height:24px;padding:0}input[type=color]::-webkit-color-swatch-wrapper{padding:2px}input[type=color]::-webkit-color-swatch{border:none}.split-lines{pointer-events:none;z-index:1;position:absolute;inset:0}.split-lines:before{content:"";background:linear-gradient(90deg, var(--accent), var(--accent2));height:3px;box-shadow:0 0 12px var(--accent);position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.split-lines.quad:after{content:"";background:linear-gradient(180deg, var(--accent), var(--accent2));width:3px;box-shadow:0 0 12px var(--accent);position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.split-vp{pointer-events:none;position:absolute;overflow:hidden}.vp-top{width:100%;height:50%;top:0;left:0}.vp-bottom{width:100%;height:50%;top:50%;left:0}.vp-tl{width:50%;height:50%;top:0;left:0}.vp-tr{width:50%;height:50%;top:0;left:50%}.vp-bl{width:50%;height:50%;top:50%;left:0}.vp-br{width:50%;height:50%;top:50%;left:50%}.split-tag{font-family:var(--font-h);letter-spacing:.12em;background:var(--panel);border-left:4px solid var(--c);color:var(--c);white-space:nowrap;text-overflow:ellipsis;max-width:calc(100% - 20px);padding:4px 12px;font-size:12px;position:absolute;top:10px;left:10px;overflow:hidden}.split-vp .pcard{width:min(220px,100% - 20px);position:absolute;bottom:10px;left:10px}.vp-wrong{text-align:center;font-family:var(--font-h);letter-spacing:.12em;color:var(--red);text-shadow:0 0 20px var(--red);font-size:clamp(18px,3vw,36px);font-weight:900;animation:.5s infinite blink;display:none;position:absolute;top:34%;left:0;right:0}.vp-wrong.on{display:block}.split-standings{background:var(--panel);min-width:180px;padding:8px 12px;font-size:13px;position:absolute;bottom:10px;right:10px}.split-standings b{font-family:var(--font-h);letter-spacing:.25em;color:var(--muted);margin-bottom:4px;font-size:10px;display:block}.split-standings div{border-left:3px solid var(--c);align-items:center;gap:8px;margin-top:2px;padding-left:6px;display:flex}.split-standings span{font-family:var(--font-h);color:var(--gold);width:16px}.split-standings em{color:var(--muted);margin-left:auto;font-size:11px;font-style:normal}.hud.split .hud-top{z-index:2;gap:8px;top:50%;transform:translate(-50%,-50%)}.hud.split .hud-timer{min-width:80px;padding:3px 14px;font-size:18px}.hud.split .hud-obj,.hud.split .hud-cards,.hud.split>.wrong-way{display:none!important}.hud.split .announce{z-index:2;top:50%;transform:translateY(-50%)}.hud.split .announce .a-text{font-size:clamp(22px,3.5vw,44px)}.hud.split .announce .a-sub{font-size:12px}.hud.split .launch-hint{z-index:2;top:calc(50% + 26px);bottom:auto}.hud.split~.online-badge{left:auto;right:14px}.online-grid{flex-wrap:wrap;align-items:flex-start;gap:18px;padding-bottom:20px;display:flex;overflow-y:auto}.row-head{align-items:center;gap:8px;display:flex}.row-head select{max-width:160px}.room-list{flex-direction:column;gap:6px;max-height:52vh;display:flex;overflow-y:auto}.room-row{border:1px solid var(--line);border-left:3px solid var(--accent);cursor:pointer;background:#00000059;align-items:center;gap:12px;padding:10px 12px;transition:border-color .15s,background .15s;display:flex}.room-row:hover,.room-row.focus,.room-row:focus-visible{border-color:var(--accent);background:#3cf2ff14}.room-row .rr-icon .ico{width:26px;height:26px;color:var(--accent)}.room-row .rr-main{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.room-row .rr-main b{font-family:var(--font-h);letter-spacing:.05em;white-space:nowrap;text-overflow:ellipsis;font-size:14px;overflow:hidden}.room-row .rr-main span,.room-row .rr-side span{color:var(--muted);font-size:12px}.room-row .rr-side{flex-direction:column;align-items:flex-end;gap:2px;display:flex}.room-row .rr-side.row{flex-direction:row;gap:6px}.room-row .rr-side b{font-family:var(--font-h);font-size:16px}.rr-tag{letter-spacing:.2em;border:1px solid var(--gold);color:var(--gold);vertical-align:2px;margin-left:8px;padding:1px 6px;font-size:9px}.online-box .room-name{border:1px solid var(--line);color:var(--text);font-family:var(--font-h);letter-spacing:.06em;background:#0006;outline:none;padding:6px 10px;font-size:14px}.online-box .room-name:focus{border-color:var(--accent)}.rr-tag.yours{border-color:var(--accent);color:var(--accent)}.rr-tag.live{color:#38ff7a;border-color:#38ff7a;animation:1.2s infinite blink}.rr-rename{border:1px solid var(--accent);color:var(--text);font-family:var(--font-h);background:#00000080;outline:none;width:100%;padding:3px 8px;font-size:13px}.room-name-lbl{font-family:var(--font-h);letter-spacing:.22em;color:var(--muted);font-size:9px}.bar.over{box-shadow:0 0 10px #38ffb0}.bar.over>i{background:linear-gradient(90deg,#38ffb0,#fff,#38ffb0) 0 0/200% 100%;animation:.6s linear infinite overcharge}@keyframes overcharge{to{background-position:-200% 0}}.nav.focus:not(.btn):not(.menu-item){outline:2px solid var(--accent);outline-offset:3px;box-shadow:0 0 18px #3cf2ff59}input.focus,textarea.focus{outline-offset:2px;outline:2px solid var(--accent)!important}.nav-hints{border:1px solid var(--line);font-family:var(--font-h);letter-spacing:.12em;color:var(--muted);pointer-events:none;opacity:0;z-index:90;white-space:nowrap;background:#05070ed1;align-items:center;gap:6px;padding:6px 14px;font-size:11px;transition:opacity .2s,transform .2s;display:flex;position:fixed;bottom:10px;left:50%;transform:translate(-50%)translateY(20px)}.nav-hints.on{opacity:1;transform:translate(-50%)}.nav-hints b{color:var(--accent);margin-right:4px;font-weight:700}.nav-hints .sep{background:var(--line);width:1px;height:12px;margin:0 6px}.osk{z-index:120;background:var(--panel2);border:1px solid var(--accent);flex-direction:column;align-items:center;gap:6px;padding:18px;display:flex;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 60px #000c,0 0 30px #3cf2ff40}.osk-title{font-family:var(--font-h);letter-spacing:.25em;color:var(--muted);font-size:11px}.osk-preview{border:1px solid var(--line);min-width:360px;font-family:var(--font-h);letter-spacing:.06em;color:#fff;text-align:left;background:#00000080;padding:8px 12px;font-size:18px}.osk-row{gap:5px;display:flex}.osk-key{border:1px solid var(--line);width:42px;height:40px;color:var(--text);font-family:var(--font-h);cursor:pointer;background:#ffffff0f;font-size:15px}.osk-key.wide{letter-spacing:.1em;width:96px;font-size:12px}.osk-key.focus{background:var(--accent);color:#05060a;box-shadow:0 0 16px var(--accent)}.osk-hint{color:var(--muted);margin-top:4px;font-size:11px}.osk-hint b{color:var(--accent)}body.ingame .nav-hints{top:10px;bottom:auto}.pad-cursor{border:2px solid var(--accent);width:26px;height:26px;box-shadow:0 0 14px var(--accent), inset 0 0 8px #3cf2ff66;pointer-events:none;z-index:200;border-radius:50%;margin:-13px 0 0 -13px;display:none;position:fixed;top:0;left:0}.pad-cursor:after{content:"";background:#fff;border-radius:50%;width:4px;height:4px;margin:-2px 0 0 -2px;position:absolute;top:50%;left:50%}.pad-cursor.on{display:block}.pad-cursor.down{transform-origin:50%;background:#3cf2ff4d}.cd-padhint{border:1px solid var(--line);font-family:var(--font-h);letter-spacing:.08em;color:var(--muted);z-index:60;pointer-events:none;white-space:nowrap;background:#05070ed9;gap:12px;padding:6px 14px;font-size:10px;display:none;position:fixed;bottom:8px;left:50%;transform:translate(-50%)}.cd-padhint.on{display:flex}.g{min-width:18px;height:18px;font-style:normal;font-family:var(--font-h);color:#05060a;vertical-align:middle;background:#cfd6e6;border-radius:50%;justify-content:center;align-items:center;margin:0 2px;padding:0 4px;font-size:10px;font-weight:900;line-height:1;display:inline-flex;box-shadow:0 1px #0009}.g.key{color:#10131c;letter-spacing:.04em;background:#e8ecf5;border-radius:4px;min-width:20px;font-size:9px;box-shadow:0 2px #7a8296}.g.wide,.g.g-lb,.g.g-rb,.g.g-lt,.g.g-rt,.g.g-start,.g.g-select{border-radius:5px;min-width:26px;font-size:9px}.g.g-a{background:#3ddc6a}.g.g-b{background:#ff4d5e}.g.g-x{color:#fff;background:#3b8bff}.g.g-y{background:#ffd23a}body.pad-ps .g.g-a{background:#7aa7ff}body.pad-ps .g.g-b{background:#ff6f7d}body.pad-ps .g.g-x{background:#ff8ad8}body.pad-ps .g.g-y{color:#05060a;background:#4fe3c1}.g.stick{color:var(--accent);border:2px solid var(--accent);box-shadow:none;background:0 0;border-radius:50%}.nav-hints .g{margin-right:4px}.slot .slot-pad{color:var(--muted);font-size:10px;font-family:var(--font-h);letter-spacing:.06em;flex-wrap:wrap;justify-content:center;align-items:center;gap:2px 6px;display:flex}.slot .slot-pad .g{margin:0;transform:scale(.85)}.slot.slot-bump{animation:.25s slotBump}@keyframes slotBump{40%{box-shadow:0 0 24px var(--slot);transform:scale(1.04)}}.pcard{overflow:visible}.pc-tip{border:1px solid var(--gold);border-left:4px solid var(--gold);width:max-content;max-width:300px;color:var(--text);pointer-events:none;background:#05070ee6;padding:6px 10px;font-size:12px;line-height:1.35;animation:.35s cubic-bezier(.2,1.5,.4,1) both tipIn;display:none;position:absolute;bottom:calc(100% + 8px);left:-4px}.pc-tip.on{display:block}.pc-tip b{font-family:var(--font-h);color:var(--gold);letter-spacing:.1em;margin-right:6px}.pc-tip.crit{border-color:var(--red);animation:.35s both tipIn,.6s .35s infinite blink}.pc-tip.crit b{color:var(--red)}.pc-tip .g-pad{color:#38ffb0;font-weight:700}.pc-tip .k{font-style:normal;font-family:var(--font-h);color:#10131c;background:#e8ecf5;border-radius:4px;padding:1px 6px;box-shadow:0 2px #7a8296}@keyframes tipIn{0%{opacity:0;transform:translateY(8px)scale(.9)}to{opacity:1;transform:none}}.screen{overflow-x:hidden}body.hints-on .screen{padding-bottom:52px}.nav-hints{max-width:calc(100vw - 16px);overflow:hidden}.selector{min-width:0;padding:18px 12px 10px;position:relative}.selector .lbl{writing-mode:horizontal-tb;letter-spacing:.25em;font-size:9px;position:absolute;top:5px;left:14px;transform:none}.selector .val{min-width:0}.selector .val b{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.selector .val span{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.selector .arrow{flex:none}.lobby{grid-template-rows:auto auto minmax(0,1fr) auto;gap:14px;display:grid}.lobby .screen-head{gap:16px;min-width:0}.lobby .screen-sub{letter-spacing:.04em;-webkit-line-clamp:2;-webkit-box-orient:vertical;flex:1;min-width:0;font-size:14px;display:-webkit-box;overflow:hidden}.lobby .start-btn{flex:none}.lobby .lobby-top{grid-template-columns:minmax(0,1.1fr) minmax(0,.7fr) minmax(0,2fr);gap:12px;display:grid}.lobby .slots{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));min-height:0}.lobby .slot{min-width:0;animation:.35s cubic-bezier(.2,1.5,.4,1) both slotIn}.lobby .slot canvas{width:104px;height:104px}.lobby .slot input.pname{width:100%;max-width:160px}.slot .bladepick{grid-template-columns:30px minmax(0,1fr) 30px;align-items:center;width:100%;display:grid}.slot .bladepick .arrow{color:var(--accent);cursor:pointer;background:0 0;border:none;padding:4px 0;font-size:18px}.slot .bladepick .arrow:hover{color:#fff;text-shadow:0 0 10px var(--accent)}.slot .bladepick .bname{justify-content:center;align-items:center;min-height:2.5em;line-height:1.2;display:flex}.slot .bladepick.focus{outline:2px solid var(--accent);outline-offset:2px}.lobby .lobby-bottom{flex-wrap:wrap;align-items:flex-end;gap:12px;display:flex}.lobby .rules{flex-wrap:wrap;flex:420px;align-items:center;gap:8px;min-width:0;display:flex}.lobby .stepper .arrow{color:var(--accent);cursor:pointer;background:0 0;border:none;padding:0 6px;font-size:16px}.lobby .online-box{flex:0 340px;min-width:0;margin-left:auto}.lobby .slot.join{min-height:0}@media (width<=900px){.lobby .lobby-top{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.lobby .lobby-top .sel-arena{grid-column:1/-1}}@media (width<=640px){.lobby{gap:10px;padding:12px 12px 14px}.lobby .screen-head{gap:10px}.lobby .screen-title{font-size:22px}.lobby .screen-sub,.lobby .screen-head .spacer{display:none}.lobby .screen-head .screen-title{flex:1}.lobby .btn{padding:8px 14px;font-size:12px}.lobby .lobby-top{gap:8px}.lobby .selector{gap:4px;padding:16px 6px 8px}.lobby .selector .val b{font-size:15px}.lobby .selector .val span{font-size:11px}.lobby .selector .arrow{padding:0 4px;font-size:18px}.lobby .slots{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.lobby .slot{gap:5px;padding:10px 8px}.lobby .slot canvas{width:70px;height:70px}.lobby .slot .pnum{font-size:15px;top:4px;left:8px}.lobby .slot .bname{font-size:12px}.lobby .slot .slot-stats{gap:2px 6px}.lobby .slot .ctrl{font-size:11px}.lobby .slot .slot-pad{display:none!important}.lobby .toggle{padding:6px 10px;font-size:11px}.lobby .online-box{flex:100%;margin-left:0;padding:10px}.lobby .online-box .code{font-size:24px}}@media (height<=560px) and (orientation:landscape){.lobby{gap:8px;padding:10px 16px}.lobby .screen-sub{display:none}.lobby .slots{grid-template-columns:none;grid-auto-columns:minmax(160px,190px);grid-auto-flow:column;overflow:auto hidden}.lobby .slot canvas{width:60px;height:60px}.lobby .slot .slot-stats,.lobby .slot .slot-pad{display:none!important}}.selector .arrow[data-k],.selector .arrow[data-p]{position:relative}body.dev-key .selector .arrow[data-k]:after,body.pad-xbox .selector .arrow[data-p]:after,body.pad-ps .selector .arrow[data-ps]:after{min-width:16px;height:15px;font:900 8px/15px var(--font-h);letter-spacing:.03em;text-align:center;pointer-events:none;text-shadow:none;border-radius:3px;padding:0 3px;position:absolute;top:calc(100% + 1px);left:50%;transform:translate(-50%)}body.dev-key .selector .arrow[data-k]:after{content:attr(data-k);color:#10131c;background:#e8ecf5;box-shadow:0 2px #7a8296}body.pad-xbox .selector .arrow[data-p]:after{content:attr(data-p);color:#05060a;background:#cfd6e6;border-radius:4px}body.pad-ps .selector .arrow[data-ps]:after{content:attr(data-ps);color:#05060a;background:#cfd6e6;border-radius:4px}body.dev-key .btn[data-k]:before,body.pad-xbox .btn[data-p]:before,body.pad-ps .btn[data-ps]:before{min-width:16px;height:15px;font:900 8px/15px var(--font-h);vertical-align:1px;color:#10131c;background:#e8ecf5;border-radius:3px;margin-right:7px;padding:0 4px;display:inline-block}body.dev-key .btn[data-k]:before{content:attr(data-k)}body.pad-xbox .btn[data-p]:before{content:attr(data-p);color:#fff;background:#ff4d5e;border-radius:8px}body.pad-ps .btn[data-ps]:before{content:attr(data-ps);color:#fff;background:#ff6f7d;border-radius:8px}body.pad-xbox .start-btn[data-p]:before,body.pad-ps .start-btn[data-ps]:before{color:var(--gold);background:#05060a;border-radius:4px}body.dev-key [data-tabs],body.pad-xbox [data-tabs],body.pad-ps [data-tabs]{padding-left:26px;padding-right:26px;position:relative}body.dev-key [data-tabs]:before,body.dev-key [data-tabs]:after,body.pad-xbox [data-tabs]:before,body.pad-xbox [data-tabs]:after,body.pad-ps [data-tabs]:before,body.pad-ps [data-tabs]:after{min-width:18px;height:15px;font:900 8px/15px var(--font-h);text-align:center;color:#10131c;background:#e8ecf5;border-radius:3px;padding:0 3px;position:absolute;top:50%;transform:translateY(-50%)}[data-tabs]:before{left:2px}[data-tabs]:after{right:2px}body.dev-key [data-tabs]:before{content:attr(data-kl)}body.dev-key [data-tabs]:after{content:attr(data-kr)}body.pad-xbox [data-tabs]:before{content:attr(data-pl)}body.pad-xbox [data-tabs]:after{content:attr(data-pr)}body.pad-ps [data-tabs]:before{content:attr(data-psl)}body.pad-ps [data-tabs]:after{content:attr(data-psr)}@media (height<=560px) and (orientation:landscape){.lobby .screen-head .btn{padding:6px 12px;font-size:11px}.lobby .screen-title{font-size:20px}.lobby .lobby-top{grid-template-columns:minmax(0,1fr) minmax(0,.7fr) minmax(0,1.6fr)}.lobby .lobby-top .sel-arena{grid-column:auto}.lobby .selector{padding:14px 6px 6px}.lobby .selector .val b{font-size:14px}.lobby .selector .val span{display:none}.lobby .slots{min-height:150px}.lobby .slot{gap:4px;padding:8px}.lobby .toggle{padding:5px 9px;font-size:10px}.lobby .online-box{padding:6px 10px}}@media (width<=640px){.screen{gap:10px;padding:12px}.screen-head{flex-wrap:wrap;gap:6px 10px}.screen-head .screen-title{font-size:22px}.screen-head .screen-sub{display:none}.screen-head .btn{padding:8px 12px;font-size:11px}.online-grid{flex-flow:column;gap:10px}.online-grid>.panel{flex:none!important;width:100%!important;padding:14px!important}.row-head{flex-wrap:wrap}.room-row .rr-side.row{flex-wrap:wrap;justify-content:flex-end}.mode-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}.nav-hints{gap:3px;padding:5px 8px;font-size:9px;bottom:6px}.nav-hints .g{min-width:15px;height:15px;margin-right:2px;font-size:8px}.nav-hints .sep{margin:0 3px}}.pause-btn{border:1px solid var(--line);width:40px;height:40px;color:var(--text);cursor:pointer;pointer-events:auto;z-index:6;clip-path:polygon(0 0,100% 0,100% 100%,8px 100%,0 calc(100% - 8px));opacity:.75;background:#05070eb3;justify-content:center;align-items:center;display:flex;position:absolute;top:12px;right:12px}.pause-btn:hover{opacity:1;border-color:var(--accent);color:var(--accent)}.pause-btn .ico{width:20px;height:20px}body.dev-touch .pause-btn{opacity:.9;width:48px;height:48px}.hud.split~.pause-btn{width:34px;height:34px;top:50%;right:50%;transform:translate(50%,-50%)translateY(26px)}div:has(>.pause)>.pause-btn{display:none}.pause{z-index:10;padding:20px 16px;overflow-y:auto}body.dev-touch .launch-hint{top:calc(50% + 30px);bottom:auto}@media (width<=640px){.pause h2{margin-bottom:8px;font-size:40px}.pause .btn{max-width:92vw}}.launch-hint,body.dev-touch .launch-hint{top:96px;bottom:auto}@media (width<=700px){.launch-hint,body.dev-touch .launch-hint{text-align:center;width:90vw;font-size:12px;top:200px}}.bd-root{box-sizing:border-box;color:var(--text,#e8f0ff);pointer-events:none;grid-template-rows:auto 1fr;grid-template-columns:280px 1fr 380px;gap:14px;padding:14px;font-family:Rajdhani,sans-serif;display:grid;position:absolute;inset:0}.bd-root>*{pointer-events:auto}.bd-top{grid-column:1/-1;align-items:center;gap:14px;display:flex}.bd-title{letter-spacing:3px;text-transform:uppercase;background:linear-gradient(90deg, var(--accent,#3cf2ff), var(--accent2,#ff3db4));color:#0000;filter:drop-shadow(0 0 12px #3cf2ff66);-webkit-background-clip:text;background-clip:text;margin-right:auto;font-family:Orbitron,sans-serif;font-size:28px;font-weight:900}.bd-panel{background:var(--panel,#0a0e1ec7);clip-path:polygon(0 0,calc(100% - 18px) 0,100% 18px,100% 100%,18px 100%,0 calc(100% - 18px));box-sizing:border-box;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid #3cf2ff40;min-height:0;padding:14px;overflow:hidden auto;box-shadow:inset 0 0 30px #3cf2ff0f}.bd-panel h3{letter-spacing:2px;color:var(--accent,#3cf2ff);text-transform:uppercase;margin:2px 0 10px;font-family:Orbitron,sans-serif;font-size:13px}.bd-lib{flex-direction:column;display:flex}.bd-lib-list{flex-direction:column;flex:1;gap:6px;min-height:0;margin-bottom:10px;display:flex;overflow:auto}.bd-lib-item{cursor:pointer;background:#ffffff0a;border-left:3px solid #0000;align-items:center;gap:10px;padding:8px 10px;font-size:16px;font-weight:600;transition:background .15s,border-color .15s,transform .15s;display:flex}.bd-lib-item:hover,.bd-lib-item.focus{background:#3cf2ff1f;transform:translate(3px)}.bd-lib-item.bd-sel{border-left-color:var(--accent,#3cf2ff);background:#3cf2ff29}.bd-dot{border-radius:50%;flex:none;width:18px;height:18px;box-shadow:0 0 10px}.bd-lock{color:var(--muted,#8a96b8);margin-left:auto;font-size:12px}.bd-lib-btns{grid-template-columns:1fr 1fr;gap:6px;display:grid}.bd-mini{letter-spacing:1px;text-transform:uppercase;color:var(--text,#e8f0ff);cursor:pointer;clip-path:polygon(8px 0,100% 0,calc(100% - 8px) 100%,0 100%);background:#3cf2ff14;border:1px solid #3cf2ff59;padding:8px 6px;font-family:Orbitron,sans-serif;font-size:11px;transition:background .15s}.bd-mini:hover,.bd-mini.focus{background:#3cf2ff4d}.bd-mini.bd-on{background:var(--accent,#3cf2ff);color:#001}.bd-center{pointer-events:none;flex-direction:column;min-height:0;display:flex}.bd-stage{pointer-events:auto;cursor:grab;flex:1;min-height:200px;position:relative}.bd-stage:active{cursor:grabbing}.bd-stage.bd-placing{cursor:crosshair}.bd-hint{color:var(--muted,#8a96b8);letter-spacing:1px;pointer-events:none;white-space:nowrap;font-size:13px;position:absolute;top:8px;left:50%;transform:translate(-50%)}.bd-namebar{pointer-events:auto;align-items:center;gap:8px;margin-bottom:8px;display:flex}.bd-name{color:var(--text,#e8f0ff);text-transform:uppercase;letter-spacing:2px;background:#0006;border:1px solid #3cf2ff66;outline:none;flex:1;padding:8px 12px;font-family:Orbitron,sans-serif;font-size:20px;font-weight:700}.bd-name:focus{border-color:var(--accent2,#ff3db4)}.bd-stats{pointer-events:auto;grid-template-columns:1fr 1fr;gap:6px 18px;display:grid}.bd-stat{text-transform:uppercase;letter-spacing:1px;grid-template-columns:78px 1fr 34px;align-items:center;gap:8px;font-size:14px;font-weight:700;display:grid}.bd-bar{clip-path:polygon(4px 0,100% 0,calc(100% - 4px) 100%,0 100%);background:#ffffff14;height:10px;position:relative;overflow:hidden}.bd-bar i{width:0;transition:width .4s cubic-bezier(.2,.9,.3,1.2);position:absolute;inset:0 auto 0 0;box-shadow:0 0 10px}.bd-special{grid-column:1/-1;justify-content:space-between;align-items:baseline;margin-top:4px;display:flex}.bd-special b{color:var(--accent2,#ff3db4);letter-spacing:2px;text-shadow:0 0 10px #ff3db499;font-family:Orbitron,sans-serif;font-size:15px}.bd-special span{color:var(--muted,#8a96b8);font-size:14px}.bd-editor{flex-direction:column;display:flex}.bd-tabs{grid-template-columns:repeat(4,1fr);gap:4px;margin-bottom:12px;display:grid}.bd-tabbody{flex:1;min-height:0;padding-right:4px;overflow:auto}.bd-row{grid-template-columns:110px 1fr 44px;align-items:center;gap:8px;margin:7px 0;font-size:15px;font-weight:600;display:grid}.bd-row label{color:var(--muted,#8a96b8);text-transform:uppercase;letter-spacing:1px;font-size:13px}.bd-row output{text-align:right;color:var(--accent,#3cf2ff);font-family:Orbitron,sans-serif;font-size:11px}.bd-range{appearance:none;background:#ffffff1f;outline:none;width:100%;height:6px}.bd-range::-webkit-slider-thumb{-webkit-appearance:none;background:var(--accent,#3cf2ff);clip-path:polygon(50% 0,100% 30%,100% 100%,0 100%,0 30%);cursor:pointer;width:14px;height:18px}.bd-range.focus{box-shadow:0 0 0 2px var(--accent2,#ff3db4)}.bd-color{cursor:pointer;background:0 0;border:1px solid #fff3;width:100%;height:30px;padding:0}.bd-grid{grid-template-columns:repeat(5,1fr);gap:6px;margin:6px 0 12px;display:grid}.bd-grid.bd-emb{grid-template-columns:repeat(6,1fr)}.bd-swatch{aspect-ratio:1;cursor:pointer;text-transform:uppercase;color:var(--text,#e8f0ff);background:#ffffff0a 0 0/cover;border:2px solid #ffffff1f;justify-content:center;align-items:center;font-size:10px;font-weight:700;display:flex}.bd-swatch.bd-on,.bd-swatch.focus{border-color:var(--accent,#3cf2ff);box-shadow:0 0 12px #3cf2ff80}.bd-emb .bd-swatch{font-family:Segoe UI Symbol,sans-serif;font-size:22px}.bd-tips{grid-template-columns:1fr 1fr 1fr;gap:6px;margin:6px 0 4px;display:grid}.bd-tipdesc{color:var(--muted,#8a96b8);min-height:18px;margin-bottom:10px;font-size:14px}.bd-sub{letter-spacing:2px;color:var(--accent2,#ff3db4);text-transform:uppercase;margin:14px 0 4px;font-family:Orbitron,sans-serif;font-size:11px}.bd-decal{background:#00000040;border:1px solid #ffffff1a;margin:8px 0;padding:8px}.bd-decal-head{align-items:center;gap:6px;display:flex}.bd-glyph{width:70px;color:var(--text,#e8f0ff);background:#0006;border:1px solid #fff3;padding:4px 6px;font-size:18px}.bd-decal-head .bd-color{width:44px}.bd-decal-head .bd-mini{margin-left:auto}.bd-empty{color:var(--muted,#8a96b8);margin:10px 0;font-size:14px}.bd-actions{flex-wrap:wrap;gap:8px;display:flex}@media (width<=1100px){.bd-root{grid-template-columns:220px 1fr 320px}}@media (width<=780px){.bd-root{pointer-events:auto;grid-template-rows:auto 44vh auto auto;grid-template-columns:1fr;overflow:auto}.bd-lib{max-height:260px}.bd-editor{max-height:none}.bd-top{flex-wrap:wrap;order:0}.bd-center{order:1}.bd-editor{order:2}.bd-lib{order:3}}.bd-rand{background:#0a0e1eb3;border:1px solid #78a0ff40;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;padding:8px 10px;display:flex}.bd-rand .bd-rand-main{color:#120800;background:linear-gradient(135deg,#ffd23a,#ff7b1c);padding-left:14px;padding-right:14px;font-weight:700}.bd-rand .bd-rand-main:hover,.bd-rand .bd-rand-main.focus{filter:brightness(1.15);box-shadow:0 0 18px #ffd23a99}.bd-rand .ico{vertical-align:-3px;width:15px;height:15px}.bd-rsel{color:var(--text,#e8f0ff);font-family:var(--font-h,sans-serif);letter-spacing:.08em;background:#00000073;border:1px solid #78a0ff4d;padding:5px 6px;font-size:11px}.bd-pips{flex:1;gap:2px;display:flex}.bd-pips i{background:#ffffff14;flex:1;height:8px;transform:skew(-18deg)}.bd-pips.big i{cursor:pointer;height:16px;transition:transform 80ms}.bd-pips.big i:hover{background:#ffffff40;transform:skew(-18deg)scaleY(1.25)}.bd-tune-head{font-family:var(--font-h,sans-serif);letter-spacing:.12em;justify-content:space-between;align-items:baseline;font-size:13px;display:flex}.bd-tune-head b{color:var(--accent,#3cf2ff);font-size:26px}.bd-tune-left{color:var(--muted,#8a96b8);font-size:11px}.bd-tune-left.spare{color:#ffd23a;animation:1s infinite blink}.bd-tune-row{border-bottom:1px solid #78a0ff1f;padding:8px 6px}.bd-tune-row.focus{outline:1px solid var(--accent,#3cf2ff)}.bd-tune-top{font-family:var(--font-h,sans-serif);letter-spacing:.1em;justify-content:space-between;font-size:12px;display:flex}.bd-tune-val{font-family:var(--font-h,sans-serif);font-size:16px}.bd-tune-ctl{align-items:center;gap:6px;margin:4px 0;display:flex}.bd-tune-desc{color:var(--muted,#8a96b8);font-size:12px}.bd-tabrand{justify-content:flex-end;margin-bottom:6px;display:flex}.bd-tabrand .bd-mini{color:#ffd23a;border-color:#ffd23a}.bd-tabrand .bd-mini:hover,.bd-tabrand .bd-mini.focus{background:#ffd23a33}.bd-tabrand .ico{vertical-align:-2px;width:14px;height:14px}.bd-root>*{min-width:0}@media (width<=780px){.bd-root{grid-template-rows:auto auto auto auto;grid-template-columns:minmax(0,1fr);gap:10px;padding:10px}.bd-center{min-height:auto}.bd-stage{flex:none;height:38vh;min-height:220px}.bd-title{font-size:20px}.bd-top .bd-mini,.bd-top .btn{font-size:11px}.bd-tabs{grid-template-columns:repeat(3,minmax(0,1fr))}.bd-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.bd-grid.bd-emb{grid-template-columns:repeat(5,minmax(0,1fr))}.bd-namebar{flex-wrap:wrap}.bd-namebar input{flex:160px;min-width:0}.bd-rand{justify-content:flex-start}}.cd-root{pointer-events:none;color:var(--text,#e8ecff);font-family:Rajdhani,sans-serif;position:fixed;inset:0}.cd-view{pointer-events:auto;cursor:crosshair;touch-action:none;position:absolute;inset:0}.cd-panel{pointer-events:auto;background:var(--panel,#0a0e1ecc);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #3cf2ff40;border-radius:14px;flex-direction:column;gap:8px;width:270px;padding:14px;display:flex;position:absolute;top:76px;bottom:16px;overflow-y:auto;box-shadow:0 0 30px #3cf2ff14,inset 0 0 20px #0006}.cd-right{width:280px;top:16px;right:16px}.cd-drawer{z-index:2;width:280px;top:76px;left:96px}.cd-tools{pointer-events:auto;background:var(--panel,#0a0e1ecc);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #3cf2ff40;border-radius:14px;flex-direction:column;align-items:stretch;gap:6px;width:66px;padding:8px 6px;display:flex;position:absolute;top:16px;bottom:16px;left:16px;overflow-y:auto}.cd-tool{cursor:pointer;color:var(--text,#e8ecff);letter-spacing:1px;text-transform:uppercase;background:#ffffff0a;border:1px solid #ffffff14;border-radius:10px;flex-direction:column;flex-shrink:0;align-items:center;gap:2px;padding:8px 2px 6px;font-family:Orbitron,sans-serif;font-size:8.5px;transition:all .12s;display:flex;position:relative}.cd-tool .ico{width:24px;height:24px}.cd-tool kbd{color:var(--muted,#8a93b8);font-family:Orbitron,sans-serif;font-size:8px;position:absolute;top:2px;right:4px}.cd-tool:hover{color:#fff;border-color:#3cf2ff99}.cd-tool.cd-on{color:#05060a;background:var(--accent,#3cf2ff);border-color:var(--accent,#3cf2ff);box-shadow:0 0 16px #3cf2ff8c}.cd-tool.cd-on kbd{color:#05060a}.cd-sep{background:#3cf2ff33;flex-shrink:0;height:1px;margin:4px 2px}.cd-flip{display:inline-flex;transform:scaleX(-1)}.cd-top{pointer-events:auto;background:var(--panel,#0a0e1ecc);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #3cf2ff40;border-radius:14px;align-items:center;gap:10px;height:48px;padding:0 10px 0 14px;display:flex;position:absolute;top:16px;left:96px;right:312px}.cd-top-name{cursor:pointer;flex-direction:column;flex:1;min-width:0;display:flex}.cd-top-name b{letter-spacing:2px;white-space:nowrap;text-overflow:ellipsis;font-family:Orbitron,sans-serif;font-size:15px;overflow:hidden}.cd-top-name span{color:var(--muted,#8a93b8);font-size:12px}.cd-top .cd-input{width:auto}.cd-title{letter-spacing:3px;color:var(--accent,#3cf2ff);text-shadow:0 0 12px var(--accent,#3cf2ff);margin:0 0 2px;font-family:Orbitron,sans-serif;font-size:18px;font-weight:900}.cd-sub{letter-spacing:2px;color:var(--accent2,#ff3db4);margin-top:6px;font-family:Orbitron,sans-serif;font-size:10px}.cd-muted{color:var(--muted,#8a93b8);font-size:13px;line-height:1.3}.cd-lib{flex-direction:column;flex-shrink:0;gap:4px;max-height:34vh;padding-right:2px;display:flex;overflow-y:auto}.cd-lib-item{cursor:pointer;background:#ffffff0a;border:1px solid #0000;border-radius:8px;justify-content:space-between;align-items:center;gap:6px;padding:6px 10px;font-size:15px;font-weight:600;transition:all .12s;display:flex}.cd-lib-item:hover{border-color:var(--accent,#3cf2ff);background:#3cf2ff14}.cd-lib-item.cd-active{border-color:var(--accent2,#ff3db4);background:#ff3db41f}.cd-lib-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.cd-tag{letter-spacing:1px;color:var(--muted,#8a93b8);flex-shrink:0;font-family:Orbitron,sans-serif;font-size:10px}.cd-row{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.cd-row label{color:var(--muted,#8a93b8);font-size:13px}.cd-row .btn{flex:1;min-width:0}.cd-input{box-sizing:border-box;width:100%;color:var(--text,#e8ecff);background:#00000059;border:1px solid #ffffff26;border-radius:6px;padding:6px 8px;font-family:Rajdhani,sans-serif;font-size:15px}.cd-row .cd-input{flex:1;width:auto}.cd-input.cd-num{flex:0 0 56px;width:56px}textarea.cd-input{resize:vertical}.cd-input:focus{border-color:var(--accent,#3cf2ff);outline:none}.cd-hidden{display:none!important}.cd-new{background:#3cf2ff0f;border:1px dashed #3cf2ff59;border-radius:8px;flex-direction:column;gap:6px;padding:8px;display:flex}.cd-spacer{flex:1}.cd-danger{color:#ff8a93!important;border-color:#ff3b4a!important}.cd-chip{cursor:pointer;min-width:30px;color:var(--text,#e8ecff);letter-spacing:1px;background:#ffffff0d;border:1px solid #ffffff1f;border-radius:7px;padding:5px 9px;font-family:Orbitron,sans-serif;font-size:11px}.cd-chip:hover{border-color:#3cf2ff99}.cd-chip.cd-on{color:#05060a;background:var(--accent,#3cf2ff);border-color:var(--accent,#3cf2ff)}.cd-chip.cd-wide{flex:1}.cd-toggle{cursor:pointer;text-align:left;color:var(--text,#e8ecff);background:#ffffff0a;border:1px solid #ffffff1a;border-radius:8px;flex:1;align-items:center;gap:8px;padding:6px 10px;font-family:Rajdhani,sans-serif;font-size:14px;font-weight:700;display:flex}.cd-toggle i{border:2px solid var(--accent,#3cf2ff);border-radius:50%;flex-shrink:0;width:12px;height:12px}.cd-toggle.cd-on{background:#3cf2ff1a;border-color:#3cf2ff99}.cd-toggle.cd-on i{background:var(--accent,#3cf2ff);box-shadow:0 0 8px var(--accent,#3cf2ff)}.cd-palette{grid-template-columns:repeat(3,1fr);gap:5px;display:grid}.cd-pal{cursor:pointer;color:var(--text,#e8ecff);background:#ffffff0a;border:1px solid #ffffff14;border-radius:8px;flex-direction:column;align-items:center;gap:2px;padding:5px 2px;font-family:Rajdhani,sans-serif;font-size:12px;font-weight:600;display:flex}.cd-pal canvas{width:40px;height:40px;image-rendering:pixelated;border-radius:4px}.cd-pal:hover{border-color:#3cf2ff99}.cd-pal.cd-on{border-color:var(--accent2,#ff3db4);background:#ff3db42e;box-shadow:0 0 10px #ff3db459}.cd-mpalette{grid-template-columns:repeat(2,1fr);gap:4px;display:grid}.cd-mpal{cursor:pointer;text-align:left;color:var(--text,#e8ecff);background:#ffffff0a;border:1px solid #ffffff14;border-radius:8px;align-items:center;gap:7px;padding:7px 8px;font-family:Rajdhani,sans-serif;font-size:14px;font-weight:600;display:flex}.cd-mico{display:inline-flex}.cd-mico .ico{filter:drop-shadow(0 0 4px);width:18px;height:18px}.cd-mpal.cd-on{border-color:var(--accent2,#ff3db4);background:#ff3db42e}.cd-val{text-align:center;min-width:34px;color:var(--accent,#3cf2ff);font-family:Orbitron,sans-serif;font-size:12px}.cd-slider{color:var(--muted,#8a93b8);grid-template-columns:58px 1fr 42px;align-items:center;gap:6px;font-size:13px;display:grid}.cd-slider input{accent-color:var(--accent,#3cf2ff);width:100%}.cd-grid-btns{grid-template-columns:repeat(4,1fr);gap:4px;display:grid}.cd-mini{cursor:crosshair;background:#0006;border:1px solid #ffffff14;border-radius:8px;flex-shrink:0;width:100%}.cd-go{letter-spacing:3px;font-weight:900;box-shadow:0 0 20px #ff3db473;background:linear-gradient(90deg, var(--accent2,#ff3db4), var(--accent,#3cf2ff))!important;color:#05060a!important;border:none!important;padding:8px 16px!important;font-family:Orbitron,sans-serif!important;font-size:14px!important}.cd-card{pointer-events:auto;border:1px solid var(--accent2,#ff3db4);background:#080a18eb;border-radius:12px;flex-direction:column;gap:6px;width:230px;padding:10px 12px;display:flex;position:absolute;box-shadow:0 0 24px #ff3db44d}.cd-card-head{letter-spacing:2px;align-items:center;gap:8px;font-family:Orbitron,sans-serif;font-size:12px;display:flex}.cd-card-head .ico{width:18px;height:18px}.cd-card-head b{flex:1}.cd-x{color:#ff8a93;cursor:pointer;background:0 0;border:none;padding:2px;display:inline-flex}.cd-x .ico{width:16px;height:16px}.cd-tip{pointer-events:none;z-index:30;white-space:nowrap;background:#05060ae0;border:1px solid #3cf2ff66;border-radius:8px;padding:4px 10px;font-size:13px;font-weight:700;position:fixed}.cd-hint{max-width:calc(100vw - 420px);color:var(--muted,#8a93b8);text-align:center;white-space:nowrap;text-overflow:ellipsis;background:#05060ab3;border:1px solid #3cf2ff33;border-radius:999px;padding:8px 16px;font-size:13px;position:absolute;bottom:18px;left:50%;overflow:hidden;transform:translate(-50%)}@media (width<=900px){.cd-right{width:220px}.cd-top{right:248px}.cd-hint{display:none}}