@keyframes ro-pop{0%{transform:scale(.5);opacity:.2}60%{transform:scale(1.18)}to{transform:scale(1);opacity:1}}:root{--ink: #171511;--gold: #FFC42E;--gold-lo: #E6A400;--gold-hi: #FFD35A;--gold-deep: #E6A400;--mint: #8FD3A7;--mint-lo: #6FBF8C;--mint-deep: #211E18;--accent: #FFC42E;--accent-hi: #FFD35A;--accent-fg: #211E18;--paper: #fff6df;--paper-2: #ffeec0;--ink-on-paper: #211E18;--panel: #171511;--panel-2: #221F19;--panel-3: #2A2620;--panel-hi: #2A2620;--text: #EDE6D6;--muted: #9A917C;--muted-2: #7D765F;--code-amber: #E6B85C;--line: rgba(237,230,214,.1);--r: 12px;--r-sm: 10px;--r-pill: 999px;--font-ui: "Public Sans", system-ui, "Helvetica Neue", sans-serif;--font-serif: "Fraunces", "Georgia", serif;--font-code: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;--sh-1: 0 1px 2px rgba(0,0,0,.3);--sh-2: 0 2px 8px rgba(0,0,0,.4);--sh-3: 0 6px 20px rgba(0,0,0,.45)}#sl-root{display:flex;flex-direction:column;height:100dvh;overflow:hidden;font-family:var(--font-ui);background:var(--panel)}#topbar{flex:none;display:flex;align-items:center;gap:8px;height:48px;padding:0 12px;background:var(--panel-2);border-bottom:1px solid var(--line);user-select:none;font-family:var(--font-ui);position:relative;z-index:3;animation:sl-drop .42s cubic-bezier(.2,.85,.3,1.15) both}.sl-brand{display:flex;align-items:center;text-decoration:none;flex:none;padding-right:2px;position:relative;z-index:1;transition:transform .12s ease}.sl-brand:hover{transform:translateY(-1px) rotate(-1deg)}.sl-mark{font-size:25px}.tb-spacer{flex:1}.tb-status{flex:none;font-family:var(--font-ui);font-size:12.5px;font-weight:600;line-height:1.3;padding:9px 14px;color:var(--muted);background:var(--panel-2);border-top:1px solid var(--line);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;align-items:center;gap:9px;transition:color .18s ease,background .18s ease}.tb-status:empty{display:none}@media(max-width:700px){.tb-status{white-space:normal;overflow:visible;text-overflow:unset;max-height:4.6em;overflow-y:auto}}.tb-status:before{content:"";flex:none;width:8px;height:8px;border-radius:50%;background:var(--muted)}.tb-status.ok{color:#a7e3bf;background:#16241c}.tb-status.ok:before{background:var(--mint);box-shadow:0 0 8px #8fd3a7b3;animation:sl-livedot 1.8s ease-out infinite}.tb-status.err{color:#ffd2dc;background:#2a0d16;box-shadow:inset 4px 0 #ec2350;font-weight:700;animation:sl-shake .34s ease}.tb-status.err:before{background:#ff5277;box-shadow:0 0 8px #ec2350d9}.tb-status.busy{color:var(--gold-hi);background:#2a2411}.tb-status.busy:before{background:var(--gold);animation:sl-pulse 1s ease-in-out infinite}.btn-shake{animation:sl-shake .34s ease}.cm-verbdoc{max-width:290px;padding:9px 12px;font-family:var(--font-ui);font-size:12.5px;line-height:1.45;color:var(--text);background:var(--panel-2);border:1px solid var(--line);border-radius:10px;box-shadow:0 10px 30px #00000059}.cm-tooltip.cm-tooltip-hover{background:transparent;border:0}.cm-tooltip.cm-tooltip-autocomplete{background:var(--panel-2);border:1px solid var(--line);border-radius:10px;box-shadow:0 10px 30px #0006;padding:0;overflow:hidden}.cm-tooltip-autocomplete>ul{font-family:var(--font-code),ui-monospace,monospace;font-size:13px;max-height:16em}.cm-tooltip-autocomplete>ul>li{padding:3px 8px;color:var(--text);display:flex;align-items:center;gap:6px;line-height:1.5}.cm-tooltip-autocomplete>ul>li[aria-selected]{background:#ffc42e29;color:var(--text)}.cm-tooltip-autocomplete .cm-completionLabel{color:inherit}.cm-tooltip-autocomplete .cm-completionMatchedText{color:var(--gold);text-decoration:none;font-weight:700}.cm-tooltip-autocomplete>ul>li[aria-selected] .cm-completionMatchedText{color:var(--gold-hi)}.cm-tooltip-autocomplete .cm-completionDetail{margin-left:auto;padding-left:14px;color:var(--muted);font-style:normal;font-size:12px}.cm-tooltip-autocomplete>ul>li[aria-selected] .cm-completionDetail{color:var(--text)}.cm-completionIcon{opacity:.85;padding-right:2px}.cm-tooltip.cm-completionInfo{background:var(--panel-2);border:1px solid var(--line);border-radius:10px;color:var(--text);padding:8px 10px;font-family:var(--font-ui);font-size:12.5px;line-height:1.5;box-shadow:0 10px 30px #0006}.tb-run,.tb-save,.tb-iconbtn{position:relative;z-index:1;font-family:var(--font-ui);transition:transform .08s ease,box-shadow .08s ease,background .15s ease}.tb-run{flex:none;display:inline-flex;align-items:center;gap:7px;background:var(--gold);color:var(--accent-fg);border:0;border-radius:var(--r-pill);box-shadow:var(--sh-1);padding:9px 24px 8px;font-weight:700;font-size:16px;letter-spacing:.01em;cursor:pointer}.tb-run:hover{transform:translateY(-1px);box-shadow:var(--sh-2);background:var(--gold-hi)}.tb-run:active{transform:translateY(0);box-shadow:var(--sh-1)}.tb-run[disabled]{opacity:.55;cursor:default;transform:none;box-shadow:var(--sh-1);filter:none}.tb-save{flex:none;display:inline-flex;align-items:center;gap:6px;background:transparent;color:var(--text);border:1.5px solid var(--line);border-radius:var(--r-pill);box-shadow:none;padding:9px 16px 8px;font-weight:700;font-size:14px;cursor:pointer}.tb-save:hover{transform:translateY(-1px);box-shadow:none;background:var(--panel-3);border-color:var(--gold)}.tb-save:active{transform:translateY(0);box-shadow:none}.tb-save[disabled]{opacity:.55;cursor:default;transform:none;box-shadow:none}.sl-auth{flex:none;display:flex;align-items:center;position:relative;z-index:1}.sl-auth .t-btn{background:var(--panel-3)!important;color:var(--text)!important;border:1.5px solid var(--line)!important;border-radius:999px!important;box-shadow:none!important;min-height:30px!important;padding:0 12px!important;font-family:var(--font-ui)!important;font-weight:600!important;text-transform:none!important;transition:background .1s ease,border-color .1s ease!important}.sl-auth .t-btn:hover{background:var(--panel-3)!important;border-color:var(--gold)!important;transform:none!important}.sl-auth .t-btn span:not([style*=background]):not([style*=border-radius]){color:var(--text)!important}.sl-auth .t-btn img{border-color:var(--gold)!important}.sl-auth .t-panel,.sl-auth [role=menu]{background:var(--panel-2)!important;border:1px solid var(--line)!important;border-radius:12px!important;box-shadow:0 10px 30px #00000080!important}.sl-auth [role=menuitem]{color:var(--text)!important}.sl-auth [role=menuitem]:hover{background:var(--panel-3)!important;color:var(--gold)!important}.tb-iconbtn{flex:none;height:30px;display:inline-flex;align-items:center;gap:6px;padding:0 12px;background:transparent;color:var(--text);border:1px solid transparent;border-radius:999px;cursor:pointer;font-family:var(--font-ui);font-weight:600;font-size:13px;line-height:1;text-decoration:none;transition:background .1s ease,color .1s ease}.tb-iconbtn .tb-ic{font-size:14px}.tb-iconbtn--go{background:var(--gold);color:var(--accent-fg);border-color:transparent}.tb-iconbtn--go:hover{background:var(--gold-hi)}.tb-iconbtn--go .tb-ic{color:var(--accent-fg)}.tb-label{white-space:nowrap}.tb-div{flex:none;align-self:center;width:1px;height:20px;background:var(--line);margin:0 5px}.tb-iconbtn:hover{background:#ede6d614;color:var(--gold)}.tb-iconbtn--go:hover{background:var(--gold-hi);color:var(--accent-fg)}.tb-iconbtn:active{background:#ede6d624}#workspace{flex:1;display:flex;min-height:0}.ed{flex:none;width:clamp(360px,44vw,680px);display:flex;flex-direction:column;background:var(--panel-2);color:var(--text);border-right:1px solid var(--line);overflow:hidden;font-family:var(--font-ui);transition:width .2s ease;animation:sl-rise .5s .06s cubic-bezier(.2,.85,.3,1.05) both}#workspace.ed-hidden .ed{width:0;border-right:0}.game-pane{flex:1;position:relative;min-width:0;overflow:hidden;background:radial-gradient(120% 120% at 50% 40%,#171511,#0b0a07);animation:sl-fade .6s .12s ease both}.game-pane:after{content:"";position:absolute;inset:0;pointer-events:none;z-index:30;box-shadow:inset 0 0 0 1px #ffffff0d,inset 0 0 120px 8px #00000073}.tut{position:relative;z-index:2;background:var(--panel-2);color:var(--text);border-bottom:2px solid var(--line);padding:13px 14px 14px}.tut:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(var(--gold),var(--gold-lo))}.tut[hidden]{display:none}.tut-head{display:flex;align-items:center;gap:9px;margin-bottom:12px}.tut-step{font-weight:700;font-size:11.5px;letter-spacing:.01em;color:var(--gold-hi);background:#ffc42e1f;border:1.5px solid rgba(255,196,46,.42);padding:4px 11px;border-radius:999px;flex:none;max-width:56%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tut-skip{background:none;border:0;color:var(--muted-2);font-weight:600;font-size:11.5px;cursor:pointer;font-family:var(--font-ui);flex:none;padding:4px 2px}.tut-skip:hover{color:var(--text);text-decoration:underline}.tut-dots{display:flex;gap:6px;align-items:center;list-style:none;margin:0;padding:0;flex:1}.tut-dots li{width:9px;height:9px;border-radius:999px;background:var(--panel-3);border:1.5px solid var(--line);transition:background .2s ease,transform .2s ease,box-shadow .2s ease}.tut-dots li.done{background:var(--gold)}.tut-dots li.now{background:var(--gold-hi);box-shadow:0 0 8px #ffc40099;transform:scale(1.25)}.tut-objective{font-family:var(--font-ui);font-weight:700;font-size:15px;color:var(--gold-hi);margin:0 0 7px}.tut-hint{margin-left:auto;background:none;border:0;cursor:pointer;font-family:var(--font-ui);font-weight:600;font-size:12px;color:var(--code-amber);text-decoration:underline;text-underline-offset:2px;padding:4px 2px}.tut-hint:hover{color:var(--gold-hi)}.tut-text{font-size:14px;line-height:1.55;font-weight:500;color:var(--text)}.tut-text b{font-weight:700;color:var(--gold-hi)}.tut-text code{background:#171511;color:var(--code-amber);padding:2px 6px;border-radius:5px;font-family:var(--font-code);font-size:12.5px;font-weight:500;border:1px solid var(--line)}.tut-text .why{display:block;margin-top:9px;padding:8px 11px;background:#ffc42e14;border-left:3px solid var(--gold);border-radius:4px;color:#e7dfc9;font-size:12.5px;line-height:1.5}.tut-actions{display:flex;gap:9px;margin-top:13px}.tut-show{background:var(--panel-3);color:var(--code-amber);border:2px solid var(--line);font-family:var(--font-ui);font-weight:600;font-size:13px;padding:8px 15px;border-radius:var(--r-sm);cursor:pointer;box-shadow:none;transition:transform .08s ease,box-shadow .08s ease,background .15s ease}.tut-show:hover{transform:translate(-1px,-1px);box-shadow:none;background:var(--panel-hi)}.tut-show:active{transform:translate(1px,1px);box-shadow:none}.tut-next{margin-left:auto;background:var(--gold);color:var(--accent-fg);border:0;font-family:var(--font-ui);font-weight:700;font-size:13.5px;padding:8px 19px;border-radius:var(--r-pill);cursor:pointer;box-shadow:none;transition:transform .08s ease,box-shadow .08s ease,filter .15s ease}.tut-next:hover{transform:translateY(-1px);box-shadow:none;background:var(--gold-hi)}.tut-next:active{transform:translate(1px,1px);box-shadow:none}.tut-prev{background:var(--panel-3);color:var(--muted-2);border:2px solid var(--line);font-family:var(--font-ui);font-weight:600;font-size:13px;padding:8px 14px;border-radius:var(--r-sm);cursor:pointer;box-shadow:none;transition:transform .08s ease,box-shadow .08s ease,background .15s ease,opacity .15s ease}.tut-prev:hover{transform:translate(-1px,-1px);box-shadow:none;color:var(--text);background:var(--panel-hi)}.tut-prev:active{transform:translate(1px,1px);box-shadow:none}.tut-prev:disabled{opacity:.35;cursor:default;box-shadow:none;transform:none}.tut-nav{margin-left:auto;display:flex;align-items:center;gap:9px}.tut-nav .tut-next,.tut-actions .tut-hint{margin-left:0}.ed-panehead{display:flex;align-items:center;gap:11px;background:linear-gradient(180deg,var(--panel-3) 0%,var(--panel-2) 100%);color:var(--gold-hi);border-bottom:1px solid var(--line);padding:10px 14px;font-family:var(--font-ui);box-shadow:inset 0 -3px 0 var(--gold)}.ph-title{font-weight:700;font-size:13px;letter-spacing:.01em;white-space:nowrap;flex:none}.ph-progress{flex:1;height:7px;border-radius:999px;background:#171511;border:1.5px solid var(--line);overflow:hidden;box-shadow:inset 0 1px 2px #0000008c}.ph-progress i{display:block;height:100%;width:0%;border-radius:999px;background:linear-gradient(90deg,var(--gold-lo),var(--gold-hi));box-shadow:0 0 8px #ffc40099;transition:width .5s cubic-bezier(.2,.8,.3,1)}.ed-panel{max-height:46vh;overflow:auto;background:var(--panel-2)}.ed-panel-top{border-bottom:2px solid var(--line)}.ed-panel-bottom{border-top:2px solid var(--line)}.ed-panel[hidden],.ed-panel:has(>[hidden]){display:none}.ed-panel::-webkit-scrollbar{width:10px}.ed-panel::-webkit-scrollbar-thumb{background:var(--panel-3);border:2px solid var(--panel-2);border-radius:6px}.ed-panel::-webkit-scrollbar-thumb:hover{background:#3a342b}.learn-idle{padding:9px 12px;color:var(--text);font-size:13px;line-height:1.5}.learn-idle p{margin:0 0 8px}.learn-idle b{color:var(--gold-hi)}.idle-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:4px}.idle-hero{display:flex;align-items:center;justify-content:center;gap:7px;width:100%;font-family:var(--font-ui);font-weight:600;font-size:13px;color:var(--accent-fg);background:var(--gold);border:0;border-radius:999px;padding:8px 14px;cursor:pointer;transition:background .1s ease,transform .1s ease}.idle-hero:hover{background:var(--gold-hi);transform:translateY(-1px)}.idle-hero:active{background:var(--gold-deep);transform:translateY(0)}.idle-row{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:7px}.idle-chip{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-ui);font-weight:600;font-size:12px;color:var(--text);background:var(--panel-3);border:1px solid var(--line);border-radius:999px;padding:5px 12px;cursor:pointer;transition:color .1s ease,background .1s ease,border-color .1s ease}.idle-chip:hover{color:var(--gold);background:var(--panel-3);border-color:var(--gold)}.idle-chip:active{background:var(--panel-2)}.idle-chip--ai{color:var(--accent-fg);background:var(--gold);border:1px solid var(--gold);font-weight:700;box-shadow:var(--sh-1)}.idle-chip--ai:hover{color:var(--accent-fg);background:var(--gold-hi);border-color:var(--gold-hi)}.idle-chip--ai:active{background:var(--gold-deep)}.fps-hud{position:absolute;left:10px;bottom:10px;z-index:40;display:flex;align-items:baseline;gap:9px;font-family:var(--font-code);padding:5px 10px;background:#171511d1;border:1px solid var(--line);border-radius:10px;box-shadow:var(--sh-2);pointer-events:none;user-select:none}.fps-hud .fh-fps{font-size:17px;font-weight:800;line-height:1;color:#3ee089;letter-spacing:-.5px}.fps-hud .fh-unit{font-size:10px;font-weight:700;color:#7d8aa0;margin-left:-5px}.fps-hud .fh-stat{font-size:11px;font-weight:600;color:#9fb0c6;white-space:nowrap}.fps-hud .fh-stat b{color:#d6e3f2;font-weight:700}.fps-hud.fps-hud--hidden{display:none}.tpl-modal{position:fixed;inset:0;z-index:200;display:flex;align-items:center;justify-content:center;padding:18px}.tpl-modal[hidden]{display:none}.share-linkrow{display:flex;gap:8px;margin-top:10px}.share-linkrow input.share-url{flex:1;min-width:0;font-family:var(--font-code);font-weight:500;font-size:13px;color:var(--text);background:#171511;border:1px solid var(--line);border-radius:10px;padding:10px 12px;box-shadow:none}.share-linkrow input.share-url:focus-visible{outline:none;border-color:var(--gold);box-shadow:0 0 0 1px var(--gold)}.share-copy-btn{flex:none;display:inline-flex;align-items:center;gap:6px;white-space:nowrap;font-family:var(--font-ui);font-weight:700;font-size:14px;color:var(--accent-fg);background:var(--gold);border:0;border-radius:999px;padding:10px 18px;cursor:pointer;box-shadow:none;transition:background .1s ease,transform .1s ease}.share-copy-btn:hover{background:var(--gold-hi)}.share-copy-btn:active{transform:translateY(1px);box-shadow:none}.share-copy-btn:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.share-copy-btn.is-copied{color:#16241c;background:var(--mint);border-color:transparent;box-shadow:none}.share-targets{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:14px}.share-tgt{display:inline-flex;align-items:center;justify-content:center;gap:6px;text-decoration:none;cursor:pointer;font-family:var(--font-ui);font-weight:700;font-size:13.5px;color:var(--text);background:var(--panel-3);border:1px solid var(--line);border-radius:999px;padding:11px 12px;box-shadow:var(--sh-1);transition:transform .08s ease,box-shadow .08s ease,background .15s ease,border-color .15s ease}.share-tgt:hover{transform:translateY(-1px);box-shadow:var(--sh-2);background:var(--panel-3);border-color:var(--gold)}.wc-paths{display:flex;flex-direction:column;gap:10px;margin:18px 0 2px}.wc-path{--pk: var(--muted);position:relative;display:flex;align-items:center;gap:14px;width:100%;padding:15px 16px;cursor:pointer;text-align:left;background:linear-gradient(180deg,#ede6d60a,#ede6d603);border:1px solid var(--line);border-radius:12px;font-family:var(--font-ui);transition:transform .13s ease,border-color .13s ease,box-shadow .13s ease}.wc-path:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--pk) 60%,transparent);box-shadow:0 8px 22px color-mix(in srgb,var(--pk) 20%,transparent)}.wc-path:focus-visible{outline:2px solid var(--pk);outline-offset:2px}.wc-path__ic{flex:none;width:46px;height:46px;display:flex;align-items:center;justify-content:center;color:var(--pk);font-size:25px;line-height:1;border-radius:10px;background:color-mix(in srgb,var(--pk) 15%,#1c1a15);border:1px solid color-mix(in srgb,var(--pk) 32%,transparent)}.wc-path__tx{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.wc-path__tx b{font-size:15px;font-weight:800;color:var(--text);letter-spacing:.01em;line-height:1.15}.wc-path__tx small{font-size:12px;font-weight:500;color:var(--muted);line-height:1.4}.wc-path__go{flex:none;font-size:17px;font-weight:700;color:var(--pk);opacity:.8}.wc-path--main{--pk: var(--gold);border-color:color-mix(in srgb,var(--pk) 40%,transparent)}.wc-path--main .wc-path__tx b{color:var(--text)}.wc-path--examples{--pk: var(--mint)}.wc-path__flag{position:absolute;top:-9px;left:14px;padding:2px 8px 1px;font-size:9px;font-weight:900;letter-spacing:.14em;text-transform:uppercase;color:var(--accent-fg);background:var(--gold);border-radius:4px}.wc-foot{display:flex;justify-content:center;align-items:center;gap:10px;margin-top:15px;color:var(--muted-2);font-size:11.5px}.wc-foot .tut-skip{font-size:12px;color:var(--muted)}.wc-foot .tut-skip:hover{color:var(--text)}.music-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:6px}@media(max-width:560px){.music-grid{grid-template-columns:1fr}}.music-card{display:flex;align-items:stretch;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--panel-2)}.music-card.is-current{border-color:var(--gold);box-shadow:inset 0 0 0 1px var(--gold)}.music-pick{flex:1;min-width:0;display:flex;align-items:center;gap:10px;text-align:left;background:none;border:0;color:var(--text);cursor:pointer;padding:11px 12px;font-family:var(--font-ui)}.music-pick:hover{background:#ede6d60d}.music-pick:focus-visible{outline:2px solid var(--gold-hi);outline-offset:-3px}.music-ic{font-size:21px;flex:none;line-height:1}.music-tx{display:flex;flex-direction:column;line-height:1.2;min-width:0}.music-tx b{font-size:13.5px;font-weight:800;color:var(--gold-hi)}.music-tx small{font-size:11.5px;color:var(--muted)}.music-prev{flex:none;width:44px;border:0;border-left:1px solid var(--line);background:var(--panel-3);color:var(--gold-hi);font-size:14px;cursor:pointer}.music-prev:hover{background:#3a342b}.music-prev:focus-visible{outline:3px solid var(--gold-hi);outline-offset:-3px}.share-tgt:active{transform:translate(1px,1px);box-shadow:none}.tpl-scrim{position:absolute;inset:0;background:#0009}.tpl-sheet{position:relative;z-index:1;width:min(960px,96vw);max-height:88vh;display:flex;flex-direction:column;overflow:hidden;background:var(--panel-2);border:1px solid var(--line);border-radius:16px;box-shadow:0 24px 60px #00000080;animation:tpl-pop .16s ease both;font-family:var(--font-ui)}@keyframes tpl-pop{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.tpl-sheet{animation:none}}.tpl-head{position:relative;flex:none;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:11px 14px;border-bottom:1px solid var(--line);background:var(--panel-3)}.tpl-title{font-family:var(--font-serif);font-weight:600;font-size:16px;color:var(--text);letter-spacing:.1px}.tpl-sub{font-family:var(--font-ui);font-size:12px;color:var(--muted);margin-top:2px;line-height:1.4}.tpl-head-actions{display:flex;align-items:center;gap:8px;flex:none}.tpl-guide{display:inline-flex;align-items:center;gap:5px;text-decoration:none;font-family:inherit;font-weight:700;font-size:12.5px;color:var(--accent-fg);background:var(--gold);border:0;border-radius:999px;padding:5px 13px;white-space:nowrap;transition:background .1s ease}.tpl-guide:hover{background:var(--gold-hi)}.tpl-x{flex:none;width:30px;height:30px;display:grid;place-items:center;border:none;border-radius:999px;background:transparent;color:var(--muted);font-size:15px;font-weight:600;cursor:pointer;transition:background .1s ease,color .1s ease}.tpl-x:hover{background:var(--panel-3);color:var(--text)}.tpl-x:focus-visible{outline:2px solid var(--gold);outline-offset:1px}.tpl-tools{flex:none;padding:9px 14px;border-bottom:1px solid var(--line);background:var(--panel-2)}.tpl-search{width:100%;box-sizing:border-box;font-family:var(--font-ui);font-size:13px;color:var(--text);background:var(--panel-3);border:1px solid var(--line);border-radius:10px;padding:7px 11px;outline:none;transition:border-color .1s ease,background .1s ease}.tpl-search::placeholder{color:var(--muted-2)}.tpl-search:focus{border-color:var(--gold);background:var(--panel-3)}.tpl-empty{margin:26px 2px;text-align:center;font-family:var(--font-ui);font-size:13px;color:var(--muted-2)}.tpl-body{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;padding:4px 14px 16px;background:var(--panel)}.tpl-section{margin-top:18px}.tpl-section:first-child{margin-top:12px}.tpl-section-h{position:sticky;top:0;z-index:1;display:flex;align-items:center;gap:8px;margin:0 2px 9px;padding:8px 2px 6px;background:var(--panel);font-family:var(--font-ui);font-weight:700;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.tpl-sec-ic{font-size:13px}.tpl-sec-ct{margin-left:auto;font-weight:600;font-size:11px;color:var(--muted-2);letter-spacing:.02em;text-transform:none}.tpl-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(224px,1fr));gap:8px}.tpl-range-h{margin:8px 2px;font-size:11px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--muted)}.tpl-range{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 4px;padding-bottom:14px;border-bottom:1px solid var(--line)}.tpl-range-card{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-ui);font-weight:600;font-size:12.5px;color:var(--text);background:var(--panel-3);border:1px solid var(--line);border-radius:999px;padding:6px 12px;cursor:pointer;transition:background .1s ease,border-color .1s ease,color .1s ease}.tpl-range-card:hover{background:var(--gold);border-color:var(--gold);color:var(--accent-fg)}.tpl-range-card .trc-ic{font-size:14px}.pal-row{display:flex;align-items:center;gap:10px;width:100%;text-align:left;padding:6px 10px;background:transparent;border:none;border-left:2px solid transparent;border-radius:8px;cursor:pointer}.pal-row:hover,.pal-row.is-sel{background:var(--panel-hi);border-left-color:var(--gold)}.pal-i{flex:none;width:26px;height:26px;display:grid;place-items:center;font-size:15px;line-height:1;border-radius:8px;background:var(--panel);border:1px solid var(--line)}.pal-row:hover .pal-i,.pal-row.is-sel .pal-i{border-color:var(--gold)}.pal-l{font-size:13px;font-weight:600;color:var(--text);flex:none}.pal-b{font-size:12px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#palette-modal .tpl-sheet{height:min(640px,88vh)}#tpl-modal .tpl-sheet{height:min(760px,88vh)}.pal-listcol .tpl-section-h{position:static}.pal-wrap{display:flex;align-items:stretch;flex:1 1 auto;min-height:0}.pal-listcol{flex:1 1 auto;min-width:0}.pal-prev{flex:0 0 252px;display:flex;flex-direction:column;gap:8px;margin:8px 14px 14px 0;padding:12px;background:var(--panel);border:1px solid var(--line);border-radius:10px;min-height:0}.pal-prev__cap{font:600 10.5px var(--font-ui);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.pal-prev__code{flex:1;margin:0;overflow:auto;font:12.5px/1.55 var(--font-code),ui-monospace,monospace;color:var(--text);white-space:pre}.pal-prev__code .pk{color:#4fc1ff}.pal-prev__code .ps{color:#ce9178}.pal-prev__go{align-self:stretch;padding:8px 12px;background:var(--gold);color:var(--accent-fg);border:none;border-radius:999px;font:700 13px var(--font-ui);cursor:pointer}.pal-prev__go:hover{background:var(--gold-hi)}.pal-kbd{display:inline-block;padding:1px 5px;margin-left:2px;font:600 10.5px var(--font-code),ui-monospace,monospace;color:var(--text);background:var(--panel-3);border:1px solid var(--line);border-bottom-width:2px;border-radius:5px}@media(max-width:640px){.pal-prev{display:none}}.tpl-card{position:relative;display:grid;grid-template-columns:40px 1fr;grid-template-areas:"ic nm" "ic tag" "bl bl";column-gap:11px;row-gap:3px;align-items:center;text-align:left;padding:12px;background:var(--panel-3);border:1px solid var(--line);border-left:2px solid var(--line);border-radius:12px;cursor:pointer;font-family:var(--font-ui);transition:background .1s ease,border-color .1s ease}.tpl-card:hover{border-color:var(--line);border-left-color:var(--gold);background:var(--panel-hi)}.tpl-card:focus-visible{outline:2px solid var(--gold);outline-offset:1px}.tpl-ic{grid-area:ic;width:40px;height:40px;display:grid;place-items:center;font-size:22px;line-height:1;border-radius:10px;background:var(--panel);border:1px solid var(--line);transition:border-color .1s ease}.tpl-card:hover .tpl-ic{border-color:var(--gold)}.tpl-nm{grid-area:nm;align-self:end;font-weight:600;font-size:14px;color:var(--text);line-height:1.15}.tpl-tag{grid-area:tag;align-self:start;justify-self:start;max-width:100%;font-family:var(--font-code);font-size:10.5px;font-weight:500;color:#8fd3a7;background:transparent;border:none;border-radius:0;padding:1px 0;line-height:1.45;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tpl-bl{grid-area:bl;margin-top:8px;font-size:12px;color:var(--muted);line-height:1.45}.tpl-load{position:absolute;top:9px;right:9px;font-family:var(--font-ui);font-size:10.5px;font-weight:700;color:var(--accent-fg);background:var(--gold);border-radius:999px;padding:2px 8px;opacity:0;transition:opacity .1s ease;pointer-events:none}.tpl-card:hover .tpl-load,.tpl-card:focus-visible .tpl-load{opacity:1}.td-sheet{width:min(430px,94vw);padding:26px 24px 20px;text-align:center;align-items:center}.td-hero{font-size:52px;line-height:1;margin-bottom:8px}.td-title{margin:0 0 6px;font-family:var(--font-serif);font-weight:600;font-size:21px;color:var(--text)}.td-sub{margin:0 0 18px;font-family:var(--font-ui);font-size:13px;line-height:1.55;color:var(--muted)}.td-actions{display:flex;flex-direction:column;gap:8px}.td-btn{font-family:var(--font-ui);font-weight:600;font-size:13.5px;color:var(--text);background:var(--panel-3);border:1px solid var(--line);border-radius:999px;padding:10px 14px;cursor:pointer;transition:background .1s ease,border-color .1s ease}.td-btn:hover{background:var(--panel-3);border-color:var(--gold)}.td-btn--go{color:var(--accent-fg);background:var(--gold);border-color:transparent}.td-btn--go:hover{background:var(--gold-hi)}.td-btn--quiet{background:transparent;border-color:transparent;color:var(--muted)}.td-btn--quiet:hover{background:var(--panel-3);color:var(--text)}.story-modal{position:fixed;inset:0;z-index:210;display:flex;align-items:center;justify-content:center;padding:18px}.story-modal[hidden]{display:none}.story-scrim{position:absolute;inset:0;background:#0009}.story-sheet{position:relative;z-index:1;width:min(620px,96vw);max-height:92vh;overflow-x:hidden;overflow-y:auto;border-radius:16px;background:var(--panel-2);border:1px solid var(--line);box-shadow:0 24px 60px #00000080;padding:18px 18px 16px;animation:tpl-pop .16s ease both;font-family:var(--font-ui)}.story-glow{display:none}.story-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}.story-title{font-family:var(--font-serif);font-weight:600;font-size:19px;color:var(--text);letter-spacing:.1px}.story-sub{font-family:var(--font-ui);font-size:12.5px;color:var(--muted);margin-top:4px;line-height:1.5;max-width:56ch}.story-ta{width:100%;box-sizing:border-box;min-height:66px;resize:vertical;margin-top:4px;background:var(--panel-3);color:var(--text);border:1px solid var(--line);border-radius:10px;padding:10px 12px;font:inherit;font-size:14px;line-height:1.5}.story-ta::placeholder{color:var(--muted-2)}.story-ta:focus-visible{outline:none;border-color:var(--gold);box-shadow:0 0 0 1px var(--gold)}.story-hint{font-size:11.5px;color:var(--muted-2);margin:12px 0 6px}.story-chips{display:flex;flex-wrap:wrap;gap:6px}.story-chip{background:transparent;color:var(--text);border:1.5px solid var(--line);border-radius:999px;padding:6px 12px;font:inherit;font-size:12px;cursor:pointer;line-height:1.3;text-align:left;transition:background .1s ease,border-color .1s ease,color .1s ease}.story-chip:hover{background:var(--panel-3);border-color:var(--gold);color:var(--text)}.story-chip:focus-visible{outline:2px solid var(--gold);outline-offset:1px}.story-go{width:100%;margin-top:15px;padding:11px 16px;font-family:var(--font-ui);font-weight:700;font-size:14px;color:var(--accent-fg);background:var(--gold);border:0;border-radius:999px;cursor:pointer;transition:background .1s ease}.story-go:hover:not(:disabled){background:var(--gold-hi)}.story-go:active:not(:disabled){background:var(--gold-deep)}.story-go:disabled{opacity:.5;cursor:default}.story-go:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.story-msg{margin-top:11px;font-size:12.5px;line-height:1.5;color:var(--text);min-height:1px}.story-progress{margin-top:12px;height:6px;border-radius:999px;background:#ede6d614;overflow:hidden}.story-progress[hidden]{display:none}.story-progress-bar{height:100%;width:38%;border-radius:999px;background:var(--gold);animation:story-indet 1.1s ease-in-out infinite}@keyframes story-indet{0%{transform:translate(-130%)}to{transform:translate(360%)}}@media(prefers-reduced-motion:reduce){.story-progress-bar{animation:none;width:100%;opacity:.55}}.ed-cm .cm-line{line-height:1.6}.skill-pop{position:fixed;left:50%;top:max(76px,calc(env(safe-area-inset-top,0px) + 64px));transform:translate(-50%);z-index:90;max-width:min(88vw,460px);text-align:center;background:linear-gradient(160deg,var(--lv-board, #1F4238),#173329);color:#edf6ef;font-family:var(--font-ui);font-weight:700;font-size:14px;padding:9px 18px;border:1px solid var(--line);border-radius:var(--r-pill);box-shadow:var(--sh-3);animation:skillpop 2.4s ease forwards;pointer-events:none}@keyframes skillpop{0%{transform:translate(-50%,-14px) scale(.9);opacity:0}12%{transform:translate(-50%) scale(1.05);opacity:1}20%,72%{transform:translate(-50%) scale(1);opacity:1}to{transform:translate(-50%,-10px);opacity:0}}.plus-pop{position:fixed;left:50%;top:max(76px,calc(env(safe-area-inset-top,0px) + 64px));transform:translate(-50%);z-index:60;max-width:min(86%,480px);text-align:center;background:linear-gradient(180deg,var(--gold-hi),var(--gold));color:var(--ink-on-paper);font-family:var(--font-ui);font-weight:800;font-size:13.5px;line-height:1.4;padding:10px 18px;border:1px solid var(--line);border-radius:var(--r-pill);box-shadow:var(--sh-3);cursor:pointer;animation:predictin .35s cubic-bezier(.2,.9,.3,1.3) both}.predict-pop{position:fixed;left:50%;top:max(118px,calc(env(safe-area-inset-top,0px) + 106px));transform:translate(-50%);z-index:60;max-width:min(82%,470px);text-align:center;background:linear-gradient(180deg,var(--gold-hi),var(--gold));color:var(--ink-on-paper);font-family:var(--font-ui);font-weight:700;font-size:13.5px;line-height:1.4;padding:10px 16px;border:1px solid var(--line);border-radius:var(--r-pill);box-shadow:var(--sh-3);animation:predictin .35s cubic-bezier(.2,.9,.3,1.3) both;pointer-events:none;transition:opacity .6s ease,transform .6s ease}.predict-pop--out{opacity:0;transform:translate(-50%,-10px)}@keyframes predictin{0%{transform:translate(-50%,-14px) scale(.92);opacity:0}to{transform:translate(-50%) scale(1);opacity:1}}@media(prefers-reduced-motion:reduce){.predict-pop{animation:none}}.share-welcome{position:absolute;left:50%;top:16px;transform:translate(-50%);z-index:70;max-width:min(86%,420px);text-align:center;background:var(--panel-2);color:var(--text);font-family:var(--font-ui);padding:12px 16px 13px;border:1px solid var(--line);border-radius:16px;box-shadow:var(--sh-3);animation:predictin .4s cubic-bezier(.2,.9,.3,1.3) both;pointer-events:auto;transition:opacity .7s ease,transform .7s ease}.share-welcome--out{opacity:0;transform:translate(-50%,-12px)}.share-welcome__t{font-weight:800;font-size:15px;color:var(--text)}.share-welcome__s{font-weight:600;font-size:12.5px;color:var(--muted);margin-top:3px;line-height:1.35}.share-welcome__remix{margin-top:9px;font-family:var(--font-ui);font-weight:800;font-size:13px;color:var(--accent-fg);background:var(--gold);border:0;border-radius:999px;padding:7px 16px;cursor:pointer;box-shadow:var(--sh-1)}.share-welcome__remix:hover{transform:translateY(-1px);background:var(--gold-hi)}.sl-boot{position:absolute;inset:0;z-index:50;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;background:#171511;color:var(--text);font-family:var(--font-ui);pointer-events:none;transition:opacity .45s ease}.sl-boot--out{opacity:0}.sl-boot__icon{font-size:46px;line-height:1;animation:sl-boot-bob 1.4s ease-in-out infinite;filter:drop-shadow(0 3px 6px rgba(0,0,0,.35))}.sl-boot__t{font-weight:800;font-size:17px;color:var(--gold-hi)}.sl-boot__s{font-weight:600;font-size:12.5px;color:var(--muted)}@keyframes sl-boot-bob{0%,to{transform:translateY(0) rotate(-4deg)}50%{transform:translateY(-8px) rotate(4deg)}}@media(prefers-reduced-motion:reduce){.sl-boot__icon{animation:none}}.ctrl-hint{position:absolute;left:50%;bottom:18px;transform:translate(-50%);z-index:45;max-width:92%;text-align:center;white-space:nowrap;background:#14101ad1;color:#fff;font-family:var(--font-ui);font-weight:700;font-size:13px;padding:8px 16px 7px;border:2px solid var(--line);border-radius:999px;box-shadow:var(--sh-2);pointer-events:none;animation:sl-rise .4s ease both;transition:opacity .6s ease,transform .6s ease}.ctrl-hint--out{opacity:0;transform:translate(-50%,12px)}@media(prefers-reduced-motion:reduce){.ctrl-hint{animation:none}}.undo-chip{position:absolute;left:50%;bottom:18px;transform:translate(-50%);z-index:46;display:flex;align-items:center;gap:9px;max-width:92%;background:#14101ae6;color:#fff;font-family:var(--font-ui);font-weight:700;font-size:12.5px;padding:7px 9px 7px 14px;border:2px solid var(--line);border-radius:999px;box-shadow:var(--sh-2);animation:sl-rise .35s ease both;transition:opacity .5s ease,transform .5s ease}.undo-chip--out{opacity:0;transform:translate(-50%,10px)}.undo-chip__btn{font-family:var(--font-ui);font-weight:800;font-size:12.5px;color:var(--accent-fg);white-space:nowrap;background:var(--gold);border:0;border-radius:999px;padding:6px 13px;cursor:pointer}.undo-chip__btn:hover{transform:translateY(-1px);background:var(--gold-hi)}@keyframes sl-drop{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes sl-rise{0%{transform:translateY(14px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes sl-fade{0%{opacity:0}to{opacity:1}}@keyframes sl-shake{0%,to{transform:translate(0)}20%{transform:translate(-4px)}40%{transform:translate(4px)}60%{transform:translate(-3px)}80%{transform:translate(2px)}}@keyframes sl-pulse{0%,to{opacity:.35;transform:scale(.8)}50%{opacity:1;transform:scale(1.1)}}@keyframes sl-livedot{0%{box-shadow:0 0 #8fd3a78c}70%{box-shadow:0 0 0 6px #8fd3a700}to{box-shadow:0 0 #8fd3a700}}@keyframes sl-stepin{0%{opacity:.3;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){#topbar,.ed,.game-pane,.tut{animation:none!important}.tb-status.ok:before,.tb-status.busy:before,.ph-progress i{animation:none}}.ed-cm{position:relative;flex:1;min-height:0;overflow:hidden;background:#171511}.ed-cm:before{content:"";position:absolute;inset:0 0 auto;height:14px;z-index:3;pointer-events:none;background:linear-gradient(180deg,rgba(0,0,0,.35),transparent)}.ed-cm .cm-editor{height:100%;font-size:15.5px;background:#171511;color:var(--text)}.ed-cm .cm-scroller{font-family:var(--font-code);padding-top:4px}.ed-cm .cm-editor.cm-focused{outline:none}.ed-cm .cm-gutters{background:#171511;border-right:1px solid var(--line);color:var(--muted);padding-right:2px}.ed-cm .cm-lineNumbers .cm-gutterElement{padding:0 8px 0 10px}.ed-cm .cm-activeLine{background:#ede6d60b;box-shadow:none}.ed-cm .cm-activeLineGutter{background:transparent;color:var(--text)}.ed-cm .cm-cursor,.ed-cm .cm-dropCursor{border-left-width:2px;border-left-color:#e8d9a6}.ed-cm .cm-selectionBackground,.ed-cm .cm-focused .cm-selectionBackground,.ed-cm ::selection{background:#ffc42e38!important}.ed-cm .cm-matchingBracket{background:#ffffff1a;outline:1px solid #888;color:inherit}.ed-cm .cm-line.gf-char-0{box-shadow:inset 2px 0 #d4c4788c}.ed-cm .cm-line.gf-char-1{box-shadow:inset 2px 0 #78be8c8c}.ed-cm .cm-line.gf-char-2{box-shadow:inset 2px 0 #78a0dc8c}.ed-cm .cm-line.gf-char-3{box-shadow:inset 2px 0 #b496dc8c}.ed-cm .cm-line.gf-enemy{box-shadow:inset 2px 0 #d278828c}.ed-cm .cm-colorchip{display:inline-block;vertical-align:-1px;width:10px;height:10px;margin-left:6px;border-radius:3px;background:var(--chip, #fff);border:1px solid rgba(255,255,255,.55);box-shadow:0 0 0 1px #00000073;user-select:none;pointer-events:none}.narr{position:absolute;inset:0;z-index:40;display:none;align-items:center;justify-content:center;padding:24px;background:#0009;backdrop-filter:blur(3px);overflow-y:auto}.narr.show{display:flex}.narr-card{position:relative;max-width:560px;width:100%;background:var(--panel-2);color:var(--text);border:1px solid var(--line);border-radius:16px;box-shadow:0 24px 60px #00000080;padding:28px 30px 26px;text-align:center;font-family:var(--font-ui);animation:sl-cardpop .18s ease both;margin:auto 0;max-height:100%;overflow-y:auto}.narr-x{position:absolute;top:10px;right:10px;width:30px;height:30px;display:grid;place-items:center;background:transparent;border:none;border-radius:999px;color:var(--muted);font-size:15px;font-weight:600;line-height:1;cursor:pointer}.narr-x:hover{background:var(--panel-3);color:var(--text);box-shadow:none}.narr-x[hidden]{display:none}.narr-kicker{font-size:11.5px;font-weight:600;letter-spacing:.22em;color:var(--muted);text-transform:uppercase;margin-bottom:14px}.narr-text{font-size:18px;line-height:1.6;font-weight:400;color:var(--text)}.narr-text b{font-weight:600}.narr-text p{margin:0 0 10px}.narr-btn{margin-top:22px;background:var(--gold);color:var(--accent-fg);border:0;border-radius:999px;box-shadow:none;padding:11px 26px;font-family:var(--font-ui);font-weight:700;font-size:15px;cursor:pointer;transition:background .1s ease}.narr-btn:hover{background:var(--gold-hi)}.narr-btn:active{background:var(--gold-deep)}.narr-btn--share{margin-top:12px;margin-left:10px;background:transparent;border:1.5px solid var(--line);color:var(--text);font-size:14px;padding:10px 20px}.narr-btn--share:hover{background:var(--panel-3);border-color:var(--gold)}.narr-btn--share[hidden]{display:none}@keyframes sl-cardpop{0%{transform:scale(.85) translateY(10px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.mob-tabs{display:none;order:0;gap:0;padding:0;background:var(--panel-2);border-bottom:1px solid var(--line)}.mob-tab{flex:1;min-height:40px;display:inline-flex;align-items:center;justify-content:center;gap:6px;font-family:var(--font-ui);font-weight:600;font-size:13px;color:var(--muted);background:var(--panel-3);border:none;border-right:1px solid var(--line);border-bottom:2px solid transparent;cursor:pointer}.mob-tab.active{color:var(--gold);background:#171511;border-bottom:2px solid var(--gold)}@media(max-width:820px){#workspace{flex-direction:column}.mob-tabs{display:flex}#ed-toggle{display:none}.ed-cm .cm-editor{font-size:16px}.game-pane{flex:none;height:44vh;order:1;border-bottom:4px solid var(--line);animation:none}.ed{width:100%;flex:1;border-right:0;order:2;animation:none}#workspace.view-game .ed{display:none}#workspace.view-game .game-pane{flex:1;height:auto;border-bottom:0}#workspace.view-code .game-pane{display:none}#workspace.view-code .ed{flex:1;height:auto}#workspace.ed-hidden .ed{height:0;flex:none}#workspace.ed-hidden .game-pane{flex:1;height:auto;border-bottom:0}#workspace.kbd-open .game-pane{height:0;min-height:0;border-bottom:0}.ed-panel{max-height:40vh}#topbar{height:58px;padding:0 12px;gap:8px}.tb-label{display:none}.tb-iconbtn{padding:0;width:40px;justify-content:center}}@media(max-width:520px){#topbar{gap:6px;padding:0 10px}.sl-mark{font-size:19px}.tb-div,.tb-guide{display:none}#save-state{display:none!important}.tb-run{font-size:15px;padding:8px 13px 7px}.tb-iconbtn{width:38px;height:38px}.game-pane{height:40vh}.tut{padding:12px 13px 13px}.tut-text{font-size:14px}}@media(max-width:400px){#topbar{gap:4px}.tb-iconbtn{width:36px;height:36px}.sl-mark{font-size:17px}}@media(hover:none){.tut-hint,.tut-prev,.tut-next,.tut-skip,.idle-hero,.idle-chip,.idle-lesson,.ed-tab,.tb-run,.tb-save{min-height:44px}.tb-iconbtn{width:44px;height:44px}.sl-auth button,.sl-auth a{min-height:44px}}.tb-run:focus-visible,.tb-save:focus-visible,.tb-iconbtn:focus-visible,.ed-tab:focus-visible,.tut-hint:focus-visible,.tut-prev:focus-visible,.tut-next:focus-visible,.tut-skip:focus-visible,.idle-hero:focus-visible,.idle-chip:focus-visible,.idle-lesson:focus-visible,.narr-btn:focus-visible,.sl-brand:focus-visible,.tpl-x:focus-visible{outline:3px solid var(--gold-hi);outline-offset:2px;border-radius:var(--r-sm)}.ed-cm .cm-content:focus-visible{outline:none}