: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{background:var(--panel);border-left:4px solid var(--c);clip-path:polygon(0 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%);width:230px;padding:8px 12px 10px;transition:opacity .3s,filter .3s;position:relative}.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;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-tag{font-family:var(--font-h);letter-spacing:.12em;background:var(--panel);border-left:4px solid var(--c);color:var(--c);pointer-events:none;padding:4px 12px;font-size:12px;position:absolute}.split-top{top:12px;left:12px}.split-bottom{top:calc(50% + 12px);left:12px}.split-tl{top:12px;left:12px}.split-tr{top:12px;left:calc(50% + 12px)}.split-bl{top:calc(50% + 12px);left:12px}.split-br{top:calc(50% + 12px);left:calc(50% + 12px)}.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}.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}}