@font-face{font-family:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/assets/nunito-cyrillic-ext-wght-normal-D4X5GqEv.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/assets/nunito-cyrillic-wght-normal-FdJpG9jw.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/assets/nunito-vietnamese-wght-normal-U01xdrZh.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/assets/nunito-latin-ext-wght-normal-ClTydo4B.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/assets/nunito-latin-wght-normal-DYSs2pW_.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--ink:#2b2b3d;--muted:#6e6e88;--accent:#6b4fd8;--accent-soft:#ece7ff;--bg:#fbf7f0;--card:#fff;--line:#e7e0d4;--ok:#2f9e5b;--err:#d64545;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body{height:100%;color:var(--ink);background:#bfe4f2;margin:0;font-family:Nunito Variable,system-ui,-apple-system,Segoe UI,sans-serif;overflow:hidden}#stage{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32'%3E%3Cg fill='none' stroke-linecap='round'%3E%3Cg stroke='%231e1432' stroke-opacity='.8' stroke-width='5'%3E%3Ccircle cx='16' cy='16' r='9'/%3E%3Cpath d='M16 2v6M16 24v6M2 16h6M24 16h6'/%3E%3C/g%3E%3Cg stroke='%23fff' stroke-width='2.2'%3E%3Ccircle cx='16' cy='16' r='9'/%3E%3Cpath d='M16 2v6M16 24v6M2 16h6M24 16h6'/%3E%3C/g%3E%3C/g%3E%3Ccircle cx='16' cy='16' r='2.6' fill='%23ff2d6f' stroke='%231e1432' stroke-width='1.2'/%3E%3C/svg%3E") 16 16,crosshair;position:fixed;inset:0}#stage>canvas{width:100%;height:100%;display:block;position:absolute;inset:0}#hud{pointer-events:none;z-index:2}#loading{z-index:3;place-items:center;font-size:20px;font-weight:700;display:grid;position:absolute;inset:0}#help{z-index:3;color:var(--muted);pointer-events:none;max-width:min(360px,40%);font-size:12px;line-height:1.5;position:absolute;top:10px;left:12px}header{justify-content:space-between;align-items:center;display:flex}.title{letter-spacing:-.02em;font-size:22px;font-weight:600}.title b{color:var(--accent);font-weight:900}.row{justify-content:space-between;align-items:center;gap:8px;display:flex}button,select,.btn{font:inherit;border:1px solid var(--line);background:var(--card);color:var(--ink);cursor:pointer;border-radius:10px;padding:7px 11px;font-size:13px}.btn{align-items:center;gap:6px;text-decoration:none;display:inline-flex}button:hover,.btn:hover{border-color:#cfc5b3}button.primary{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:650}button.primary:hover{filter:brightness(1.08)}button.ghost{background:0 0}button.small{padding:2px 8px;font-size:12px}kbd{opacity:.7;margin-left:4px;font:600 11px ui-monospace,monospace}.ai{background:var(--accent-soft);border-radius:14px;padding:12px}.ai button{width:100%}.ai p{color:#4b3f80;margin:8px 2px 0;font-size:12.5px;line-height:1.4}.editor{flex-direction:column;flex:1 0 auto;gap:8px;min-height:300px;display:flex}.seg{background:#efe8dc;border-radius:10px;padding:2px;display:inline-flex}.seg button{background:0 0;border:none;padding:5px 14px}.seg button.active{background:var(--card);font-weight:650;box-shadow:0 1px 3px #0000001f}#player-label{color:var(--muted);font-size:12px}#slots{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.slot{flex-direction:column;align-items:flex-start;gap:2px;min-width:0;padding:6px 8px;display:flex}.slot .key{color:var(--accent);font-size:11px;font-weight:800}.slot .name{white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:12px;overflow:hidden}.slot.active{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.slot.error{background:#ffecec}#code{resize:none;border:1px solid var(--line);min-height:90px;color:var(--ink);tab-size:2;background:#fffdf9;border-radius:12px;outline:none;flex:1;padding:10px 12px;font:12.5px/1.45 ui-monospace,SF Mono,Menlo,monospace}#code:focus{border-color:var(--accent)}#examples{flex:1;min-width:0}.status{color:var(--muted);min-height:18px;font-size:12.5px;line-height:1.4}.status.ok{color:var(--ok)}.status.error{color:var(--err);font-family:ui-monospace,monospace;font-size:12px}.controls{font-size:13px}.console{color:var(--muted);flex-direction:column;gap:4px;font-size:12px;display:flex}#log{background:#2b2b3d;border-radius:10px;height:120px;padding:6px 8px;font:11.5px/1.45 ui-monospace,monospace;overflow-y:auto}.log-line{color:#d8d6f0;white-space:pre-wrap;word-break:break-word}.log-line.error{color:#ff9a9a}.log-line[data-count]:after{content:" " attr(data-count);color:#ffd166}[hidden]{display:none!important}section.online #room{flex-wrap:wrap;gap:8px}.icon{vertical-align:-3px;flex:none}button[data-icon],.btn[data-icon]{justify-content:center;align-items:center;gap:6px;display:inline-flex}button.icon-only{padding:6px;line-height:0}button.danger:hover{color:var(--err);border-color:#f0c4c4}#game-bar{z-index:5;gap:8px;display:flex;position:fixed;top:12px;right:14px}#game-bar button{background:#ffffffeb;border:none;border-radius:12px;padding:8px 12px;font-weight:750;box-shadow:0 3px #3c466e33,0 6px 14px #3c466e1f}#game-bar button.icon-only{padding:8px}#game-bar button:hover{transform:translateY(-1px)}#game-bar button:active{transform:translateY(2px);box-shadow:0 1px #3c466e33}#open-panel{color:var(--accent)}#panel{z-index:20;background:#28284673;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.sheet{background:var(--bg);border-radius:24px;flex-direction:column;gap:16px;width:min(1320px,100%);height:min(900px,100%);min-height:0;padding:20px 22px 22px;display:flex;box-shadow:0 8px #d9cfee,0 30px 80px #1e1e3c4d}#panel.slim .sheet{width:min(760px,100%);height:min(560px,100%)}.sheet-head{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.sheet-head h2{letter-spacing:-.02em;margin:0 8px 0 0;font-size:28px;font-weight:1000}.sheet-head .spacer{flex:1}#toggle{gap:2px}.sheet-body{flex:1;gap:18px;min-height:0;display:flex}.sheet-side{flex-direction:column;flex:0 0 280px;gap:16px;display:flex;overflow-y:auto}.sheet-body .editor{flex:1;min-width:0;min-height:0}.sheet-body .console{flex:0 0 320px;min-height:0}#panel.slim .console{flex:1}.sheet-body #log{flex:1;height:auto}#opponent,.controls{flex-direction:column;align-items:flex-start;gap:8px;display:flex}.controls:not(:has(>:not([hidden]))){display:none}#zone-note{border:2px dashed var(--line);text-align:center;border-radius:20px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:14px;min-width:0;padding:24px;display:flex}#zone-note .orb{--tone:#e07a3f;--tone-soft:#ffd2b8;width:64px;height:64px}#zone-note p{max-width:360px;color:var(--muted);margin:0;font-size:16px;font-weight:750;line-height:1.4}.sheet .slot{gap:4px;padding:10px 12px}.sheet .slot .key{font-size:13px}.sheet .slot .name{font-size:14px;font-weight:700}.sheet #code{font-size:13.5px}@media (width<=1000px){.sheet-body{flex-direction:column;overflow-y:auto}.sheet-side,.sheet-body .console{flex:none;overflow:visible}.sheet-body .editor{flex:none}#code{min-height:280px}.sheet-body #log{flex:none;height:160px}}@media (width<=600px){#panel{padding:0}.sheet{border-radius:0;height:100%}#game-bar kbd,#game-bar .exit-game span{display:none}}#confirm{background:var(--bg);width:min(420px,100vw - 32px);color:var(--ink);text-align:center;border:none;border-radius:24px;padding:26px 24px 22px;box-shadow:0 8px #d9cfee,0 30px 80px #1e1e3c4d}#confirm::backdrop{background:#28284673}#confirm .orb{--tone:var(--accent);--tone-soft:#d6cbff;width:56px;height:56px;margin:0 auto 12px}#confirm h2{margin:0 0 6px;font-size:24px;font-weight:1000}#confirm p{color:var(--muted);margin:0 0 20px;font-size:14px;font-weight:650;line-height:1.4}.confirm-actions{gap:10px;display:flex}.confirm-actions button{flex:1;justify-content:center;align-items:center;gap:8px;display:inline-flex}.confirm-actions .ghost.big{background:var(--card);color:var(--ink);box-shadow:0 5px 0 var(--line)}.confirm-actions .ghost.big:active{box-shadow:0 2px 0 var(--line)}#opponent .label{color:var(--muted);font-size:13px}#opponent .seg button{gap:6px}.toolbar{align-items:center;gap:8px;display:flex}.lib-actions .spacer{flex:1}.toolbar .tool{background:var(--accent-soft);color:var(--accent);border:none;border-radius:12px;padding:9px 16px;font-size:14px;font-weight:800;box-shadow:0 3px #d6cbff}.toolbar .tool:hover{filter:brightness(.98);transform:translateY(-1px)}.toolbar .tool:active{transform:translateY(2px);box-shadow:0 1px #d6cbff}.code-actions{justify-content:flex-start}.code-actions .ghost{color:var(--muted)}.code-actions .ghost:hover{color:var(--ink)}#apply{flex:1}#menu{background:#bfe4f2;position:fixed;inset:0}.menu-scene{width:100%;height:100%;display:block;position:absolute;inset:0}.menu-ui{pointer-events:none;grid-template-rows:auto 1fr auto;padding:18px clamp(16px,4vw,56px);display:grid;position:absolute;inset:0;overflow-y:auto}.menu-ui>*{pointer-events:auto}.menu-top{justify-content:flex-end;gap:8px}.menu-top .open-settings{background:#ffffffd9;padding:8px}.menu-col{flex-direction:column;align-self:center;gap:12px;width:min(440px,100%);padding:12px 0 24px;display:flex}.logo{letter-spacing:-.045em;color:#2b2b3d;text-shadow:0 3px #fff,0 10px 24px #3c466e2e;margin:0;font-size:clamp(52px,8vw,84px);font-weight:1000;line-height:.95}.logo b{color:var(--accent);font-weight:1000}.tagline{color:#3f4d60;text-shadow:0 1px #fffc;margin:0 0 8px;font-size:17px;font-weight:700}.modes{flex-direction:column;gap:12px;display:flex}.mode,.nick-card,.library-card{--tone:var(--accent);--tone-soft:var(--accent-soft);--edge:#c9bfe9;box-shadow:0 6px 0 var(--edge), 0 14px 28px #3c466e29;color:var(--ink);text-align:left;font:inherit;cursor:pointer;background:#fffffff0;border:none;border-radius:20px;align-items:center;gap:14px;padding:14px 16px;text-decoration:none;transition:transform .12s,box-shadow .12s;display:flex;position:relative}.mode[data-tone=mint]{--tone:#2f9e6b;--tone-soft:#b8ecd2;--edge:#a5dcc0}.mode[data-tone=violet]{--tone:#6b4fd8;--tone-soft:#d6cbff;--edge:#c3b6f2}.mode[data-tone=peach]{--tone:#e07a3f;--tone-soft:#ffd2b8;--edge:#f1c7ac}a.mode:hover,.library-card:hover{box-shadow:0 8px 0 var(--edge), 0 18px 32px #3c466e33;transform:translateY(-2px)}a.mode:active,.library-card:active{box-shadow:0 2px 0 var(--edge), 0 8px 16px #3c466e29;transform:translateY(4px)}.mode.disabled{cursor:default;background:#ffffffb8}.mode.disabled .orb,.mode.disabled .mode-title{opacity:.6}.orb{color:#fff;background:radial-gradient(circle at 32% 28%, #fff 0 7%, var(--tone-soft) 26%, var(--tone) 78%);width:50px;height:50px;box-shadow:inset 0 -4px 8px #0000001f, 0 4px 12px color-mix(in srgb, var(--tone) 35%, transparent);border-radius:50%;flex:none;place-items:center;display:grid}.orb .icon{filter:drop-shadow(0 1px 1px #00000040)}.mode-text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.mode-title{letter-spacing:-.01em;font-size:20px;font-weight:900}.mode-desc{color:var(--muted);font-size:13.5px;font-weight:600;line-height:1.35}.chevron{color:var(--tone)}.badge{vertical-align:3px;text-transform:uppercase;letter-spacing:.06em;background:var(--tone-soft);color:var(--tone);border-radius:99px;margin-left:4px;padding:2px 8px;font-size:10.5px;font-weight:900;display:inline-block}.library-card{flex-direction:column;align-items:stretch;margin-top:6px}.library-head{align-items:center;gap:14px;display:flex}#menu-loadout{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.loadout-slot{background:#f4f0fb;border-radius:12px;flex-direction:column;gap:1px;min-width:0;padding:7px 9px;font-size:12.5px;font-weight:700;display:flex}.loadout-slot b{color:var(--accent);font-size:10.5px;font-weight:900}.loadout-slot span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.menu-foot{flex-wrap:wrap;align-items:center;gap:4px 14px;font-size:13px;font-weight:700;display:flex}.menu-foot .link{color:#3f4d60;background:0 0;border:none;padding:2px 0;font-weight:700}.menu-foot .link:hover{color:var(--accent);text-decoration:underline}.menu-foot .copy{color:#56616f}.menu-foot{text-shadow:0 1px #ffffffd9}.lang-seg{background:#ffffffd9}.lang-seg button{padding:5px 11px;font-size:12.5px;font-weight:800}@media (width<=900px){.menu-col{margin:0 auto}}#library,#settings{background:var(--bg);width:min(760px,100vw - 32px);max-height:min(84vh,900px);color:var(--ink);border:none;border-radius:20px;padding:20px;box-shadow:0 30px 80px #1e1e3c4d}#settings{width:min(440px,100vw - 32px)}#library::backdrop,#settings::backdrop,#doc::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#28284659}#stage:not([hidden])~dialog::backdrop{-webkit-backdrop-filter:none;backdrop-filter:none}.lib-head{align-items:center;gap:10px;display:flex}.lib-head h2{margin:0;font-size:20px}.lib-count{color:var(--muted);flex:1;font-size:12px}.lib-hint,.lib-empty{color:var(--muted);margin:6px 0 14px;font-size:13px;line-height:1.4}#library h3,#settings h3{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin:20px 0 10px;font-size:14px}.lib-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px;display:grid}.lib-grid .lib-empty{grid-column:1/-1;margin:0}.lib-card{background:var(--card);border:1px solid var(--line);border-radius:14px;flex-direction:column;gap:10px;padding:12px;display:flex}.lib-card.pickable{cursor:pointer}.lib-card.pickable:hover{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.lib-card.example{background:#fffdf9}.lib-names{flex:1}.lib-name{font-size:14px;font-weight:700}.lib-desc{color:var(--muted);margin-top:2px;font-size:12.5px;line-height:1.35}.lib-actions{align-items:center;gap:4px;display:flex}.lib-badge{color:var(--accent);font-size:11.5px;font-weight:650}.loadout-chips{gap:4px;display:flex}.chip{color:var(--muted);border-radius:8px;padding:3px 7px;font-size:11px;font-weight:800}.chip.on{background:var(--accent);border-color:var(--accent);color:#fff}.setting{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;padding:10px 0;font-size:14px;font-weight:650;display:flex}.setting input[type=checkbox]{width:18px;height:18px;accent-color:var(--accent)}.setting input[type=range]{width:180px;accent-color:var(--accent)}.keys{grid-template-columns:1fr auto;gap:8px 16px;font-size:13.5px;display:grid}.keys kbd{background:var(--card);border:1px solid var(--line);min-width:26px;box-shadow:0 2px 0 var(--line);text-align:center;opacity:1;border-radius:7px;margin-left:4px;padding:2px 7px;display:inline-block}button:focus:not(:focus-visible){outline:none}#doc{background:var(--bg);width:min(640px,100vw - 32px);max-height:min(84vh,900px);color:var(--ink);border:none;border-radius:20px;padding:24px 28px;font-size:14.5px;line-height:1.55;position:fixed;box-shadow:0 30px 80px #1e1e3c4d}#doc h2{margin:0 0 6px;font-size:24px;font-weight:900}#doc h3{margin:18px 0 4px;font-size:16px;font-weight:800}#doc p,#doc ul{margin:6px 0}#doc ul{padding-left:20px}#doc a{color:var(--accent)}.doc-date{color:var(--muted);font-size:12.5px}.doc-close{float:right;margin:-6px -10px 0 8px}#lobby{z-index:10;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#28284659;place-items:center;padding:16px;display:grid;position:fixed;inset:0;overflow-y:auto}.lobby-card{background:var(--bg);border-radius:24px;flex-direction:column;gap:14px;width:min(860px,100%);padding:22px;display:flex;box-shadow:0 8px #d9cfee,0 30px 80px #1e1e3c4d}.lobby-head{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.lobby-head h2{letter-spacing:-.02em;margin:0;font-size:28px;font-weight:1000}.lobby-head .spacer{flex:1}.lobby-series{color:var(--accent);font-weight:800}.lobby-presence{color:#b2581f;background:#fff1e6;border-radius:99px;align-self:flex-start;align-items:center;gap:8px;padding:6px 12px;font-size:13px;font-weight:750;display:inline-flex}.lobby-presence.here{color:#2a7a54;background:#dcf5e8}.lobby-result{text-align:center;border-radius:16px;padding:12px 16px;font-size:20px;font-weight:900}.lobby-result.won{color:#8a5a00;background:#fff3c4}.lobby-result.lost{color:#4b4870;background:#eceaf6}.lobby-cols{grid-template-columns:1fr 1fr;gap:18px;display:grid}.lobby-col{flex-direction:column;gap:8px;display:flex}.lobby-col h3{margin:0;font-size:16px;font-weight:900}.lobby-note,.lobby-label{color:var(--muted);font-size:13px;font-weight:650}.lobby-label{margin-top:4px}.lobby-slot{background:var(--card);border:1px solid var(--line);border-radius:14px;align-items:center;gap:10px;padding:10px 12px;display:flex}.lobby-slot b{min-width:34px;color:var(--accent);font-size:12px;font-weight:900}.lobby-slot span{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-weight:750;overflow:hidden}.lobby-slot.changed{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.lobby-slot.error{background:#ffecec}.lobby-error{color:var(--err);font-size:13px;font-weight:700}.lobby-col .seg{align-self:flex-start}.lobby-col .seg button{min-width:46px;font-weight:800}.swap-rules{grid-template-columns:1fr 1fr;gap:8px;display:grid}.swap-rule{--tone:#6b4fd8;--tone-soft:#d6cbff;text-align:left;border-radius:14px;align-items:center;gap:10px;padding:10px;display:flex}.swap-rule.on{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent), 0 4px 0 #d9cfee;background:#fbf9ff}.swap-rule:disabled{cursor:default;opacity:.75}.swap-rule:disabled.on{opacity:1}.orb.small{width:34px;height:34px}.swap-text{flex-direction:column;min-width:0;display:flex}.swap-text b{font-weight:850}.swap-text small{color:var(--muted);font-size:11.5px;font-weight:650}.lobby-foot{justify-content:flex-end;align-items:center;gap:14px;display:flex}.lobby-status{color:var(--muted);flex:1;font-size:14px;font-weight:700}button.big{border-radius:16px;padding:12px 26px;font-size:17px;font-weight:900;box-shadow:0 5px #4b33b0}button.big:active{transform:translateY(3px);box-shadow:0 2px #4b33b0}button.big.pressed{color:var(--accent);background:#ece7ff;box-shadow:0 5px #c9bfe9}@media (width<=760px){.lobby-cols{grid-template-columns:1fr}}.seg button:disabled{cursor:default;color:var(--muted)}.seg button:disabled.active{color:var(--ink)}.lobby-hint{color:var(--muted);font-size:12.5px;line-height:1.4}#dm-seats{flex-direction:column;gap:4px;display:flex}#dm-seats .label{color:var(--muted);font-size:13px}.dm-seat{align-items:center;gap:8px;font-size:13.5px;font-weight:700;display:flex}.dm-seat .dot{border-radius:50%;width:12px;height:12px}.dm-seat span:nth-child(2){flex:1}.dm-seat button{align-items:center;gap:4px;display:inline-flex}.nick-card{--tone:#3a8fd6;--tone-soft:#bfe0fb;--edge:#b5d6f0;cursor:default;align-items:flex-start}.nick-card .mode-title{color:var(--muted);font-size:15px}.nick-field{align-items:center;gap:6px;display:flex}.nick-field input{min-width:0;font:inherit;color:var(--ink);border:2px solid var(--line);background:#fffdf9;border-radius:12px;outline:none;flex:1;padding:6px 10px;font-size:18px;font-weight:850}.nick-field input:focus{border-color:var(--accent)}.nick-card .mode-desc{margin-top:4px;font-size:12.5px}.setting .nick-field input{width:200px;font-size:15px}.setting-hint{color:var(--muted);margin:6px 0 4px;font-size:12.5px;line-height:1.4}