:root{--bg: #fbf3e6;--panel: #f4e9d6;--panel-2: #efe1c9;--line: #e2d2b6;--text: #4a3a2e;--muted: #8d7a68;--accent: #f6c75a;--accent-ink: #3d2c08;--accent-soft: #fbe3a6;--accent-text: #d9961a;--ico-white: #7a6452;--ico-white-side: #46392e;--blue: #7fa9d4;--good: #4f9a62;--bad: #d9606b;--radius: 16px;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--safe-right: env(safe-area-inset-right, 0px);color-scheme:light}*{box-sizing:border-box}[hidden]{display:none!important}html,body{margin:0;height:100%;background:var(--bg);color:var(--text);font:16px/1.45 ui-rounded,SF Pro Rounded,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}#app{min-height:100%}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}a{color:inherit}:focus-visible{outline:2px solid var(--blue);outline-offset:2px}h1,h2,h3{margin:0;line-height:1.2}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 18px;border:1px solid var(--line);border-radius:12px;background:var(--panel-2);font-weight:650;text-decoration:none;touch-action:manipulation;transition:transform .08s,background .15s}.btn:active{transform:scale(.97)}.btn.primary{background:var(--accent);color:var(--accent-ink);border-color:transparent}.btn.danger{color:var(--bad)}.btn.danger.armed{background:var(--bad);color:#2a0000}.btn.big{min-height:56px;font-size:18px;border-radius:16px;width:100%}.btn.small{min-height:36px;padding:0 14px;font-size:14px;border-radius:10px}.icon-btn{display:inline-grid;place-items:center;min-width:44px;height:44px;padding:0 10px;border:0;border-radius:12px;background:var(--panel-2);font-size:22px;font-weight:700;text-decoration:none;touch-action:manipulation}.icon-btn.subtle{background:transparent;color:var(--muted);font-size:16px}.icon-btn.subtle .ico{width:18px;height:18px;opacity:.85}.ico{display:inline-block;width:1.3em;height:1.3em;flex:none;vertical-align:-.3em}.icon-btn .ico{width:26px;height:26px}.btn .ico{width:20px;height:20px;margin-left:-4px}.btn.big .ico{width:24px;height:24px}.btn,.icon-btn,.ico{-webkit-tap-highlight-color:transparent}.btn:active .ico,.icon-btn:active .ico{transform:translateY(1px)}.icon-btn.armed{color:var(--bad);font-size:14px}.glass{--ico-white: #ffffff;--ico-white-side: #949494;background:#13141c8c;border-color:#ffffff1f;color:#fff;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.screen{max-width:1040px;margin:0 auto;padding:calc(20px + var(--safe-top)) calc(16px + var(--safe-right)) calc(24px + var(--safe-bottom)) calc(16px + var(--safe-left))}.bar{display:flex;align-items:center;gap:12px;margin-bottom:8px}.bar h1{font-size:22px}.lead{color:var(--muted);margin:4px 0 18px}.home{display:flex;flex-direction:column;gap:22px;max-width:560px}.brand{padding-top:6vh}.logo{display:flex;align-items:center;font:400 clamp(44px,13vw,64px)/1 "Lilita One",ui-rounded,"SF Pro Rounded",system-ui,sans-serif;white-space:nowrap}.logo .mark{width:.84em;height:1em;margin-right:.14em;flex:none}.logo .cozy{color:var(--accent-text)}.tagline{color:var(--muted);font-size:17px;margin:14px 0 0;max-width:30em}.games h2,.about h2{font-size:15px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-bottom:10px}.empty{color:var(--muted)}.about ul{margin:0 0 18px;padding-left:1.2em;color:var(--muted)}.about strong{color:var(--text)}.legal{color:var(--muted);font-size:13px}.game-list{list-style:none;margin:0;padding:0;display:grid;gap:10px}.game-card{display:flex;align-items:center;gap:6px;padding-right:8px;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel)}.game-open{flex:1;display:flex;align-items:center;gap:14px;padding:12px;text-decoration:none;min-width:0}.game-thumb{display:grid;place-items:center;width:56px;height:56px;border-radius:12px;background:var(--panel-2);flex:none}.game-text{display:flex;flex-direction:column;min-width:0}.game-text strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.game-text small{color:var(--muted)}.thumb{display:block}.styles{display:grid;gap:12px}.style-card{position:relative;display:flex;flex-direction:column;padding:0;overflow:hidden;text-align:left;border:2px solid var(--line);border-radius:var(--radius);background:var(--panel);transition:border-color .15s,transform .08s}.style-card:active{transform:scale(.99)}.style-card.selected{border-color:var(--accent)}.style-card .preview{width:100%;aspect-ratio:16 / 8;display:block;background:#000}.style-text{display:flex;flex-direction:column;gap:2px;padding:12px 14px 14px}.style-text strong{font-size:18px}.style-text small{color:var(--muted);font-size:14px}.check{position:absolute;top:10px;right:10px;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--accent);color:var(--accent-ink);font-weight:900;opacity:0;transform:scale(.6);transition:opacity .15s,transform .15s}.style-card.selected .check{opacity:1;transform:none}.check .ico{width:18px;height:18px}.field{display:flex;flex-direction:column;gap:6px;margin:18px 0}.field>span{font-weight:650}.field small{color:var(--muted);font-weight:400;margin-left:6px}.field input,.prop input[type=text],.prop input[type=number],select{min-height:46px;padding:0 14px;border:1px solid var(--line);border-radius:12px;background:var(--panel-2);font-size:16px}.cta{position:sticky;bottom:0;padding:12px 0 calc(4px + var(--safe-bottom));background:linear-gradient(transparent,var(--bg) 30%)}@media(min-width:760px){.styles{grid-template-columns:repeat(3,1fr)}.style-card .preview{aspect-ratio:4 / 3}.picker .field,.picker .cta{max-width:420px}}.play{position:fixed;inset:0;max-width:none;padding:0;overflow:hidden;overscroll-behavior:none;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;background:#000}.game-canvas{position:absolute;inset:0;width:100%;height:100%;display:block}.overlay{position:absolute;inset:0}.hud{position:absolute;top:0;left:0;right:0;display:flex;align-items:center;gap:8px;padding:calc(10px + var(--safe-top)) calc(10px + var(--safe-right)) 0 calc(10px + var(--safe-left));pointer-events:none}.hud>*{pointer-events:auto}.hud-stats{flex:1;display:flex;gap:8px;justify-content:center;pointer-events:none}.hud-actions{display:flex;gap:8px}.pill{display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 12px;border-radius:999px;background:#13141c99;color:#f4f1e8;font-weight:800;font-variant-numeric:tabular-nums;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.pill.lives{color:#ff5d73;gap:1px}.pill.lives .ico{width:18px;height:18px}.pill.status{max-width:60vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kbd-hint{position:absolute;left:50%;bottom:16px;transform:translate(-50%);margin:0;padding:6px 12px;border-radius:999px;background:#13141c8c;color:#dfe3f0;font-size:13px;white-space:nowrap;pointer-events:none}@media(pointer:coarse){.kbd-hint{display:none}}.toast{position:absolute;top:calc(66px + var(--safe-top));left:50%;transform:translate(-50%);margin:0;padding:10px 16px;border-radius:12px;background:#13141ccc;color:#f4f1e8;font-weight:700;text-align:center;max-width:calc(100% - 32px);pointer-events:none}.error-toast{position:absolute;left:calc(12px + var(--safe-left));right:calc(12px + var(--safe-right));top:calc(66px + var(--safe-top));padding:10px 14px;border:1px solid #ff9a9a55;border-radius:12px;background:#3c0e14eb;color:#ffd6d6;font:13px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace;text-align:left;overflow-wrap:anywhere}.loading{position:absolute;inset:0;display:grid;place-items:center;color:var(--muted);background:var(--bg)}.end{position:absolute;inset:0;display:grid;place-items:center;padding:24px;background:#0a0a108c}.end-card{width:min(360px,100%);padding:24px;border-radius:20px;background:var(--panel);text-align:center;box-shadow:0 20px 60px #00000080}.end h2{font-size:30px}.end[data-result=win] h2{color:var(--accent-text)}.end p{color:var(--muted);margin:8px 0 20px}.end-actions{display:grid;gap:10px}.touch{position:absolute;inset:0}.touch:not(.show) .buttons,.touch:not(.show) .stick:not(.active){display:none}.touch:not(.show) .stick-zone{width:100%;height:100%;cursor:grab}.touch:not(.show) .stick-zone:active{cursor:grabbing}.touch.board{touch-action:none;cursor:pointer}.touch.board .stick{display:none}.stick-zone{position:absolute;left:0;bottom:0;width:55%;height:75%;touch-action:none}.stick{position:absolute;left:calc(84px + var(--safe-left));top:calc(100% - 110px - var(--safe-bottom));width:112px;height:112px;margin:-56px 0 0 -56px;border-radius:50%;background:#ffffff1a;border:2px solid rgba(255,255,255,.22);pointer-events:none;opacity:.6;transition:opacity .15s}.stick.active{opacity:1}.knob{position:absolute;left:50%;top:50%;width:52px;height:52px;margin:-26px 0 0 -26px;border-radius:50%;background:#ffffffb3;box-shadow:0 3px 10px #0000004d}.buttons{position:absolute;right:calc(18px + var(--safe-right));bottom:calc(26px + var(--safe-bottom));display:flex;align-items:flex-end;gap:14px}.pad-btn{display:grid;place-items:center;width:84px;height:84px;border:0;border-radius:50%;background:#ffcf4ad9;color:var(--accent-ink);font-weight:900;font-size:15px;box-shadow:0 5px #78500099;touch-action:none;user-select:none;-webkit-user-select:none}.pad-btn.down{transform:translateY(4px);box-shadow:0 1px #78500099}.pad-b{width:64px;height:64px;margin-bottom:40px;background:#5bc0ffd9;box-shadow:0 5px #003c6499}.sheet-wrap{position:absolute;inset:0;z-index:10}.sheet-backdrop{position:absolute;inset:0;background:#05050a80;opacity:0;transition:opacity .2s}.sheet{position:absolute;left:0;right:0;bottom:0;height:88%;display:flex;flex-direction:column;border-radius:22px 22px 0 0;background:var(--panel);box-shadow:0 -10px 40px #0006;transform:translateY(100%);transition:transform .22s cubic-bezier(.2,.8,.2,1);touch-action:pan-y;user-select:text;-webkit-user-select:text}.sheet-wrap.open .sheet{transform:none}.sheet-wrap.open .sheet-backdrop{opacity:1}.sheet-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-bottom:1px solid var(--line)}.tabs{display:flex;gap:4px;padding:4px;border-radius:12px;background:var(--bg)}.tabs button{border:0;background:transparent;padding:8px 14px;border-radius:9px;font-weight:700;color:var(--muted)}.tabs button.on{background:var(--panel-2);color:var(--text)}.sheet-body{flex:1;overflow-y:auto;overscroll-behavior:contain;padding:16px 16px calc(24px + var(--safe-bottom));-webkit-overflow-scrolling:touch}.sheet-body h3{margin:22px 0 10px;font-size:13px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.title{font-size:24px;display:flex;align-items:center;gap:10px;margin:6px 0 4px}.hint,.muted{color:var(--muted);margin:4px 0 12px;font-size:14px}.back{border:0;background:none;color:var(--blue);padding:6px 0;font-weight:650;display:inline-flex;align-items:center;gap:4px}.back .ico{width:16px;height:16px}.link{border:0;background:none;padding:0;text-align:left;color:var(--text)}.rows{list-style:none;margin:0;padding:0;display:grid;gap:8px}.row{width:100%;display:flex;align-items:center;gap:12px;min-height:60px;padding:10px 12px;border:1px solid var(--line);border-radius:14px;background:var(--panel-2);text-align:left}.row-thumb{display:grid;place-items:center;width:40px;height:40px;flex:none}.rules-thumb{font-size:24px}.rules-thumb .ico{width:30px;height:30px}.row-text{flex:1;display:flex;flex-direction:column;min-width:0}.row-text small{color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chev{color:var(--muted);font-size:22px;display:grid}.chev .ico{width:16px;height:16px}.cat-icon{display:inline-grid;place-items:center;width:40px;height:40px;flex:none;border-radius:10px;background:var(--cat, var(--line))}.cat-icon .ico{width:26px;height:26px}.cat-icon.small{width:24px;height:24px;border-radius:7px}.cat-icon.small .ico{width:17px;height:17px}.cat-icon[data-cat=movement]{--cat: #d6e6f5}.cat-icon[data-cat=combat]{--cat: #f6d9d6}.cat-icon[data-cat=items]{--cat: #f8e7b8}.cat-icon[data-cat=farm]{--cat: #dcecd2}.cat-icon[data-cat=rules]{--cat: #e6dcf3}.cat-icon[data-cat=camera]{--cat: #d3ecec}.cat-icon[data-cat=other]{--cat: #ece3d3}.cat-chips,.cat-pick{display:flex;gap:8px;overflow-x:auto;padding:2px 0 6px;margin-bottom:4px;scrollbar-width:none}.cat-pick{flex-wrap:wrap;overflow:visible}.cat-chips::-webkit-scrollbar{display:none}.cat-chip{display:inline-flex;align-items:center;gap:6px;flex:none;min-height:36px;padding:5px 12px 5px 6px;border-radius:999px;border:1px solid var(--line);background:var(--panel-2);color:var(--text);font-weight:650;font-size:14px}.cat-chip:first-child[data-filter=""]{padding-left:12px}.cat-chip small{color:var(--muted);font-weight:700}.cat-chip.on{border-color:var(--accent);background:var(--accent-soft)}.cat-group+.cat-group{margin-top:18px}.cat-head{display:flex;align-items:center;gap:10px;margin:14px 0 8px;font-size:15px}.cat-head>span{display:flex;flex-direction:column}.cat-head small{color:var(--muted);font-weight:400;font-size:13px}.script-name{display:inline-flex;align-items:center;gap:8px}.title .cat-icon{width:34px;height:34px}.title .cat-icon .ico{width:22px;height:22px}.cat-line{margin-top:0}.badge{padding:2px 8px;border-radius:999px;background:var(--bg);color:var(--muted);font-size:12px;font-weight:700;white-space:nowrap}.badge.custom{background:#dcefd9;color:var(--good)}.sprite-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(56px,1fr));gap:8px}.sprite-opt{display:grid;place-items:center;aspect-ratio:1;border:2px solid var(--line);border-radius:12px;background:var(--panel-2)}.sprite-opt.selected{border-color:var(--accent);background:var(--accent-soft)}.script-cards{display:grid;gap:10px}.script-card{padding:12px 14px;border:1px solid var(--line);border-radius:14px;background:var(--panel-2)}.script-card-head{display:flex;align-items:center;justify-content:space-between}.script-card .muted{margin:2px 0 8px}.props{display:grid;gap:8px}.prop{display:flex;align-items:center;justify-content:space-between;gap:12px}.prop>span{display:flex;flex-direction:column;font-weight:650;font-size:15px;min-width:0}.prop small{color:var(--muted);font-weight:400;font-size:13px}.prop input[type=number],.prop input[type=text],.prop select{width:110px;min-height:40px;text-align:right;background:var(--bg)}.prop input[type=checkbox]{width:24px;height:24px;accent-color:var(--accent)}.add-script{display:flex;gap:8px;margin-top:12px}.add-script select{flex:1;min-width:0}.ai-box{display:flex;flex-direction:column;gap:10px;align-items:flex-start;padding:14px;border:1px dashed #d8c4a0;border-radius:14px;background:#fff8ea}.ai-box p{margin:0;color:var(--muted);font-size:14px}.ai-box strong{color:var(--text)}.list-head{display:flex;align-items:center;justify-content:space-between;margin:18px 0 10px}.list-head h3{margin:0}.code{width:100%;min-height:46vh;margin-top:8px;padding:12px;border:1px solid #2c2f3d;border-radius:12px;background:#0e0f15;color:#e6e8f2;font:13px/1.55 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;tab-size:2;white-space:pre;resize:vertical}.code[readonly]{color:#b9bdd0}.code-wrap{position:relative;margin-top:8px}.code-wrap .code{margin:0}.code-wrap textarea.code{position:relative;display:block;background:transparent;color:transparent;-webkit-text-fill-color:transparent;caret-color:#fff}.code-wrap textarea.code::selection{background:#5bc0ff52}.code-layer{position:absolute;inset:0;min-height:0;overflow:hidden;pointer-events:none}.code-layer code{display:block;font:inherit;will-change:transform}.code-wrap.readonly .code-layer{opacity:.8}.t-kw{color:#ff8fb1}.t-str{color:#a5e07a}.t-num{color:#ffb86b}.t-com{color:#6b7190;font-style:italic}.t-lib{color:#5bc0ff}.t-fn{color:#ffcf4a}.t-const{color:#c792ea}.hints{position:absolute;z-index:5;max-height:228px;overflow-y:auto;overscroll-behavior:contain;border:1px solid #2c2f3d;border-radius:12px;background:#1b1d27;--text: #e6e8f2;--muted: #a3a8bd;--accent: #ffcf4a;color:var(--text);box-shadow:0 10px 30px #0000004d;font:13px/1.35 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.hint-item{display:flex;gap:8px;align-items:center;min-height:40px;padding:7px 10px;cursor:pointer}.hint-item+.hint-item{border-top:1px solid rgba(255,255,255,.05)}.hint-item.on{background:#5bc0ff29}.hint-kind{flex:none;width:18px;height:18px;border-radius:5px;background:#0e0f15;color:#a3a8bd;font-size:11px;line-height:18px;text-align:center}.hint-kind.k-fn{color:#ffcf4a}.hint-kind.k-field,.hint-kind.k-var{color:#5bc0ff}.hint-kind.k-kw{color:#ff8fb1}.hint-kind.k-lib{color:#5bc0ff}.hint-kind.k-value{color:#a5e07a}.hint-main{display:flex;flex-direction:column;min-width:0}.hint-label{color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hint-label b{color:var(--accent);font-weight:700}.hint-label small{margin-left:4px;color:var(--muted);font-size:12px}.hint-doc{color:var(--muted);font:12px/1.35 ui-rounded,system-ui,sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hint-item.on .hint-doc{white-space:normal}.status{min-height:1.4em;margin:8px 0;font-size:14px}.status.good{color:var(--good)}.status.bad{color:var(--bad)}.actions{display:flex;flex-wrap:wrap;gap:10px}@media(min-width:760px){.sheet{left:auto;top:0;width:440px;height:auto;border-radius:0;transform:translate(100%)}}.editor .game-canvas{touch-action:none}.editor .hud-stats .pill{color:#fff;font-weight:800}.zoom{position:absolute;right:calc(10px + var(--safe-right));top:calc(66px + var(--safe-top));display:flex;flex-direction:column;gap:8px}.dock{position:absolute;left:0;right:0;bottom:0;padding:10px calc(10px + var(--safe-right)) calc(10px + var(--safe-bottom)) calc(10px + var(--safe-left));background:#fbf3e6f0;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-top:1px solid rgba(74,58,46,.1)}.dock-row{display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;margin-bottom:10px}.dock .seg{display:inline-flex;gap:2px;padding:3px;border-radius:12px;background:var(--bg)}.dock .seg button{border:0;background:none;padding:8px 10px;border-radius:9px;font-weight:700;font-size:14px;color:var(--muted);white-space:nowrap}.dock .seg button.on{background:var(--panel-2);color:var(--text)}.dock .tools button.on{background:var(--accent);color:var(--accent-ink)}.dock .tools button{display:inline-flex;align-items:center;gap:5px}.dock .tools .ico{width:20px;height:20px}.dock .tools{max-width:100%;overflow-x:auto;scrollbar-width:none}.dock .tools::-webkit-scrollbar{display:none}.palette{display:flex;align-items:stretch;gap:8px;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;padding-bottom:2px}.palette::-webkit-scrollbar{display:none}.pal-item{flex:none;width:70px;display:flex;flex-direction:column;align-items:center;gap:4px;padding:6px 4px;border:2px solid transparent;border-radius:14px;background:var(--panel-2)}.pal-item.selected{border-color:var(--accent);background:var(--accent-soft)}.pal-thumb{display:grid;place-items:center;width:44px;height:44px}.pal-item small{font-size:11px;font-weight:700;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.tile-thumb{border-radius:8px}.pal-head{flex:none;writing-mode:vertical-rl;transform:rotate(180deg);align-self:center;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);padding:0 2px}.editor .toast{top:auto;bottom:calc(150px + var(--safe-bottom))}.size-wrap{position:absolute;inset:0;display:grid;place-items:center;padding:24px;background:#0a0a108c}.size-card{width:min(340px,100%);padding:22px;border-radius:20px;background:var(--panel);box-shadow:0 20px 60px #00000080}.size-card h2{font-size:22px;margin-bottom:14px}.size-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:18px}.size-fields label{display:flex;flex-direction:column;gap:6px;font-weight:650}.songs{display:grid;gap:8px;margin-bottom:18px}.song{display:flex;align-items:center;gap:12px;min-height:56px;padding:8px 12px;border:1px solid var(--line);border-radius:14px;background:var(--panel-2);text-align:left}.song.on{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.song-icon .ico{width:18px;height:18px}.song-icon{flex:none;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--panel);color:var(--accent-text);font-size:12px;letter-spacing:-2px}.song small{color:var(--muted);font-size:13px}.size-fields input{min-height:46px;padding:0 12px;border:1px solid var(--line);border-radius:12px;background:var(--panel-2);font-size:16px}@media(max-width:480px){.play:not(.editor) .hud{flex-wrap:wrap;row-gap:8px}.play:not(.editor) .hud-stats{order:3;flex-basis:100%}.play:not(.editor) .hud-actions{margin-left:auto}.hud-actions .btn.small{padding:0 11px}.toast,.error-toast{top:calc(110px + var(--safe-top))}.editor .hud-stats .pill{padding:0 10px}}.fps{position:absolute;left:calc(10px + var(--safe-left));bottom:calc(10px + var(--safe-bottom));padding:3px 8px;border-radius:8px;background:#0000008c;color:#9dff9d;font:12px/1.3 ui-monospace,Menlo,monospace;pointer-events:none}.error-toast .ico{width:18px;height:18px;margin-right:6px}.ico.flip{transform:scaleX(-1)}.home-actions{display:grid;grid-template-columns:2fr 1fr 1fr;gap:10px}.home-actions .btn.big{width:auto}.sprite-list{max-width:720px}.sprite-cards{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px}.sprite-card{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:12px;border-radius:var(--radius);background:var(--panel);border:1px solid var(--line);text-decoration:none}.sprite-card-thumb{display:grid;place-items:center;width:100%;height:84px;margin-bottom:6px;border-radius:12px;background:var(--panel-2)}.sprite-card small{color:var(--muted);font-size:13px}.new-sprite .styles{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.new-sprite .sub{font-size:15px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin:26px 0 10px}.start-pick .ico{width:22px;height:22px}.copy-pick h3{margin:18px 0 8px;font-size:13px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.sprite-make{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.sprite-editor .game-canvas{touch-action:none}.sprite-editor .hud{flex-wrap:wrap}.sprite-editor .hud-actions{margin-left:auto}.sprite-editor .seg{display:inline-flex;gap:2px;padding:3px;border-radius:12px;background:var(--bg)}.sprite-editor .seg button{border:0;background:none;padding:7px 10px;border-radius:9px;font-weight:700;font-size:14px;color:var(--muted);white-space:nowrap;display:inline-flex;align-items:center;gap:5px}.sprite-editor .seg button.on{background:var(--panel-2);color:var(--text)}.style-seg{background:#fbf3e6d9!important}.style-seg button.on{background:var(--accent)!important;color:var(--accent-ink)!important}.small-text{font-weight:800;font-size:13px}.sprite-preview{position:absolute;left:calc(10px + var(--safe-left));top:calc(66px + var(--safe-top));width:120px;height:120px;padding:0;border:1px solid rgba(74,58,46,.15);border-radius:14px;overflow:hidden}.sprite-preview canvas{width:100%;height:100%;display:block}.sprite-preview span{position:absolute;left:6px;bottom:6px;padding:1px 7px;border-radius:999px;background:#13141cb3;color:#fff;font-size:11px;font-weight:800}.sprite-dock{max-height:48vh;overflow-y:auto;overscroll-behavior:contain}.sprite-dock .seg .ico{width:20px;height:20px}.sprite-dock .tools button.on{background:var(--accent);color:var(--accent-ink)}.sp-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:10px}.sp-row .btn.small{min-height:34px;padding:0 10px;font-size:13px}.sp-row .btn .ico{width:18px;height:18px}.sprite-dock .hint{margin:2px 0 4px}.swatches{display:flex;gap:6px;overflow-x:auto;padding:3px 2px 8px;scrollbar-width:none}.swatches::-webkit-scrollbar{display:none}.swatch{flex:none;width:30px;height:30px;border-radius:8px;border:2px solid rgba(74,58,46,.15);box-shadow:inset 0 -4px #0003}.swatch.on{border-color:var(--accent);transform:translateY(-2px)}.swatch.any{position:relative;overflow:hidden;background:conic-gradient(#ff5a52,#ffcf3a,#43d16b,#3fa9ff,#a77bff,#ff5a52)}.swatch.any input{position:absolute;inset:0;opacity:0;width:100%;height:100%;cursor:pointer}.sp-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;margin-bottom:8px}.mini-field{display:flex;flex-direction:column;gap:4px;font-size:13px;font-weight:700}.mini-field small{color:var(--muted);font-weight:400}.mini-field input,.mini-field select{min-height:36px;padding:6px 10px;border-radius:10px;border:1px solid var(--line);background:var(--bg);font-size:14px}.small-seg{align-self:flex-start}.exact{margin-top:4px}.exact summary{cursor:pointer;font-weight:700;font-size:14px;padding:6px 0}.exact summary small{color:var(--muted);font-weight:400}.steps{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:6px 14px;margin:6px 0 10px}.step{display:grid;grid-template-columns:1fr 30px 56px 30px;white-space:nowrap;align-items:center;gap:4px;font-size:13px;font-weight:700}.step button{height:30px;border:0;border-radius:8px;background:var(--panel-2);font-weight:800;font-size:16px}.step input{width:100%;height:30px;text-align:center;border-radius:8px;border:1px solid var(--line);background:var(--bg);font-size:13px;font-variant-numeric:tabular-nums}.anim-chips{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;padding-bottom:2px}.anim-chips .cat-chip{padding-left:12px}.cat-chip.ghost{border-style:dashed;background:none;color:var(--muted);padding-left:8px}.cat-chip.ghost .ico{width:16px;height:16px}.new-anim input{flex:1;min-width:120px;min-height:36px;padding:6px 10px;border-radius:10px;border:1px solid var(--line);background:var(--bg)}.transport .icon-btn{min-width:40px;height:40px;background:var(--panel-2)}.transport .icon-btn .ico{width:22px;height:22px}.frame-pill{height:32px;background:var(--panel-2);font-size:13px}.speed{display:inline-flex;align-items:center;gap:6px}.speed .step{grid-template-columns:auto 30px 44px 30px}.speed>small{color:var(--muted);font-size:12px}.tick{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:700;white-space:nowrap}.tick .ico{width:18px;height:18px}.tick input{width:18px;height:18px;accent-color:var(--accent)}.frames{display:flex;gap:6px;overflow-x:auto;padding:2px 2px 8px;margin-bottom:6px;scrollbar-width:thin}.frame-thumb{flex:none;position:relative;display:grid;place-items:center;width:58px;height:62px;padding:0;border-radius:10px;border:2px solid transparent;background:var(--panel-2)}.frame-thumb canvas{width:48px;height:48px}.frame-thumb small{position:absolute;left:4px;top:2px;font-size:11px;font-weight:800;color:var(--muted)}.frame-thumb.on{border-color:var(--accent);background:var(--accent-soft)}.frame-thumb.on small{color:var(--accent-text)}.frame-thumb.add{border:2px dashed var(--line);background:none}.frame-thumb.add small{position:static}.frame-thumb.add .ico{width:22px;height:22px}.pose-title{margin:10px 0 6px;font-size:15px}.pose-title small{color:var(--muted);font-weight:400}.slider{display:grid;grid-template-columns:minmax(110px,180px) 1fr 44px;max-width:640px;align-items:center;gap:10px;font-size:13px;font-weight:700;margin-bottom:4px}.slider small{display:block;color:var(--muted);font-weight:400;font-size:12px}.slider input{width:100%;accent-color:var(--accent)}.slider output{text-align:right;font-variant-numeric:tabular-nums}.settings-wrap{z-index:10}.settings-wrap .size-card{width:min(400px,100%);max-height:100%;overflow-y:auto}.style-pick{display:grid;gap:8px}.style-opt,.check-row{display:flex;align-items:flex-start;gap:10px;padding:10px 12px;border-radius:12px;background:var(--panel-2);cursor:pointer}.style-opt input,.check-row input{margin-top:4px;accent-color:var(--accent)}.style-opt span,.check-row span{display:flex;flex-direction:column}.style-opt small,.check-row small{color:var(--muted);font-size:13px;margin:0}.check-row{margin:0 0 18px}@media(max-width:420px){.sprite-preview{width:92px;height:92px}.sprite-editor .style-seg{order:3}}.sprite-preview .p3d{position:absolute;inset:0}.stage-back,.stage-3d{pointer-events:none}.sheet.studio{height:94%}.studio .tabs button{display:inline-flex;align-items:center;gap:6px}.studio .tabs .ico{width:18px;height:18px}.song-row{display:flex;align-items:center;gap:6px}.song-row .song{flex:1;min-width:0}.song .badge{flex:none}.song-pick{display:grid}.song-pick .ico{width:18px;height:18px}.genre-head{margin:12px 0 0;font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.studio-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.studio-top .title{flex:1;min-width:0;flex-wrap:wrap}.studio-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.studio code,.music-editor code{font:13px ui-monospace,SFMono-Regular,Menlo,monospace;padding:1px 6px;border-radius:6px;background:var(--panel-2)}.studio-card{margin-top:14px;padding:14px;border:1px solid var(--line);border-radius:16px;background:var(--bg)}.studio-card .field{margin:12px 0}.st-slider{display:flex;flex-direction:column;gap:4px;margin:12px 0;font-weight:650}.st-slider span{display:flex;justify-content:space-between}.st-slider b{color:var(--accent-text)}.st-slider input{width:100%;accent-color:var(--accent-text)}.toggle-line{display:flex;align-items:center;gap:8px;font-weight:650;font-size:15px}.toggle-line input{width:20px;height:20px;accent-color:var(--accent-text)}.chip{flex:none;padding:6px 12px;border:1px solid var(--line);border-radius:999px;background:var(--panel-2);font-weight:700;font-size:14px}.chip.on{border-color:var(--accent);background:var(--accent-soft)}.music-editor{display:flex;flex-direction:column;background:var(--bg)}.music-editor .hud{position:relative;padding-bottom:10px;pointer-events:auto;border-bottom:1px solid var(--line);background:var(--panel)}.me-title{flex:1;min-width:0;display:flex;flex-direction:column;align-items:flex-start;padding:0 4px;border:0;background:none;text-align:left}.me-title strong{max-width:100%;font-size:18px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.me-title small{color:var(--muted);font-size:13px;white-space:nowrap}.me-stage{position:relative;flex:1;min-height:0}.me-scroll{position:absolute;inset:0;overflow:auto;overscroll-behavior:contain;touch-action:none}.me-scroll[data-tool=move],.me-scroll.boards{touch-action:pan-x pan-y}.me-scroll.boards{padding:14px calc(14px + var(--safe-right)) 14px calc(14px + var(--safe-left))}.music-editor .dock{position:relative;max-height:46vh;overflow-y:auto;overscroll-behavior:contain}.music-editor .dock-row{align-items:center}.me-dock select{width:auto;min-height:38px}.me-chips{margin-bottom:10px}.me-bar-row{justify-content:flex-start}.me-bar-row .btn .ico{width:18px;height:18px}.me-bar-name{margin-right:4px;font-weight:800}.me-dock .btn.on{border-color:var(--accent);background:var(--accent-soft)}.me-chord-hint{margin:0 0 6px}.roll{display:grid;grid-template-columns:var(--keys) var(--w);grid-template-rows:var(--ruler) var(--h);width:max-content}.roll-corner{position:sticky;top:0;left:0;z-index:4;background:var(--panel);border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.roll-ruler{position:sticky;top:0;z-index:3;background:var(--panel);border-bottom:1px solid var(--line)}.rb{position:absolute;top:0;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:0 8px;border:0;border-left:2px solid var(--line);background:none;text-align:left}.rb b{font-size:11px;color:var(--muted)}.rb span{font-size:14px;font-weight:800}.rb.on{background:var(--accent-soft)}.roll-keys{position:sticky;left:0;z-index:2;background:var(--panel);border-right:1px solid var(--line)}.rk{height:var(--row);padding-left:8px;border-bottom:1px solid rgba(74,58,46,.06);background:#fffaf2;color:var(--muted);font-size:11px;font-weight:700;line-height:var(--row)}.rk.b{background:#6e5a49;color:#fff3e0}.rk.c{color:var(--text);font-weight:800}.roll-grid{position:relative;overflow:hidden}.roll-rows>div{height:var(--row);border-bottom:1px solid rgba(74,58,46,.06);background:#fffaf2}.roll-rows>div.b{background:#f1e6d3}.roll-tints,.roll-notes{position:absolute;inset:0;pointer-events:none}.roll-tints>div{position:absolute;height:var(--row);background:#f6c75a38}.roll-lines{position:absolute;inset:0;pointer-events:none;background-image:repeating-linear-gradient(90deg,rgba(74,58,46,.3) 0 2px,transparent 2px calc(var(--cell) * 16)),repeating-linear-gradient(90deg,rgba(74,58,46,.14) 0 1px,transparent 1px calc(var(--cell) * 4)),repeating-linear-gradient(90deg,rgba(74,58,46,.06) 0 1px,transparent 1px var(--cell))}.rn{position:absolute;height:calc(var(--row) - 2px);padding-left:5px;overflow:hidden;border-radius:6px;background:#f0a85a;box-shadow:inset 0 -3px #00000026;color:#3d2208;font-size:10px;font-weight:800;line-height:calc(var(--row) - 4px);white-space:nowrap}.roll-head{position:absolute;top:0;bottom:0;left:0;width:var(--cell);border-left:2px solid var(--blue);background:#7fa9d438;pointer-events:none}.step-board{display:grid;grid-template-columns:96px repeat(var(--cols),minmax(30px,1fr));gap:4px;min-width:calc(96px + var(--cols) * 34px);max-width:1200px}.sb-head{padding:2px 0 4px;font-size:14px;font-weight:800}.sb-head small{margin-left:4px;color:var(--muted);font-weight:500}.sb-head.fill{color:var(--accent-text)}.sb-label{position:sticky;left:0;z-index:1;display:flex;flex-direction:column;justify-content:center;background:var(--bg);font-size:13px;font-weight:750}.sb-label small{color:var(--muted);font-size:11px}.step-board .cell{height:44px;padding:0;border:0;border-radius:8px;background:var(--panel-2)}.step-board .cell.beat:not(.on){background-image:linear-gradient(#4a3a2e17,#4a3a2e17)}.step-board .cell.on{background:var(--accent);box-shadow:inset 0 -4px #00000026}.step-board .cell.fill.on{background:#f0a85a}.step-board .cell.now{outline:3px solid var(--blue);outline-offset:-2px}.chord-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px}.chord-card{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:12px;border:2px solid var(--line);border-radius:16px;background:var(--panel);text-align:left}.chord-card small{color:var(--muted);font-size:12px;font-weight:700}.chord-card strong{font-size:26px}.chord-card span{color:var(--muted);font-size:13px}.chord-card.on{border-color:var(--accent);background:var(--accent-soft)}.chord-card.now{box-shadow:0 0 0 3px var(--blue)}.music-editor .seg{display:inline-flex;gap:2px;padding:3px;border-radius:12px;background:var(--bg)}.music-editor .seg button{padding:7px 10px;border:0;border-radius:9px;background:none;color:var(--muted);font-size:14px;font-weight:700;white-space:nowrap}.music-editor .seg button.on{background:var(--panel-2);color:var(--text)}.music-editor .hud{flex-wrap:wrap;row-gap:8px}.me-mode{flex:none}.loop-grid{display:grid;grid-template-columns:76px repeat(var(--cols),74px) 44px;gap:6px;width:max-content}.lg-corner{position:sticky;left:0;z-index:2;background:var(--bg)}.lg-col{height:30px;padding:0;border:0;border-radius:8px;background:none;color:var(--muted);font-weight:800}.lg-col.on{background:var(--accent-soft);color:var(--text)}.lg-col.now{box-shadow:inset 0 -3px 0 var(--blue);color:var(--text)}.lg-add{display:grid;place-items:center;height:30px;padding:0;border:2px dashed var(--line);border-radius:8px;background:none}.lg-add .ico{width:18px;height:18px}.lg-label{position:sticky;left:0;z-index:1;display:flex;align-items:center;background:var(--bg);font-size:14px;font-weight:800}.tile{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1px;height:62px;padding:4px;border:2px solid transparent;border-radius:12px;background:var(--tile, var(--panel-2));box-shadow:inset 0 -4px #0000001f;color:#3a2c1e;text-align:center}.tile strong{font-size:14px;line-height:1.1}.tile small{font-size:11px;font-weight:700;opacity:.7}.tile.empty{border:2px dashed var(--line);background:transparent;box-shadow:none;color:var(--muted)}.tile.on{border-color:#3a2c1e;transform:translateY(-2px)}.tile.now{outline:3px solid var(--blue);outline-offset:1px}.tile.s-intro{--tile: #a9d6f7}.tile.s-verse{--tile: #a6e3a1}.tile.s-chorus{--tile: #f5b0de}.tile.s-solo{--tile: #ffd59a}.tile.chord strong{font-size:17px}.tile.g-happy{--tile: #ffe08a}.tile.g-soft{--tile: #b9d8f0}.tile.g-dreamy{--tile: #d8c2f5}.tile.g-spicy{--tile: #ffb48a}.me-palette{display:flex;flex-wrap:wrap;align-items:flex-end;gap:8px;margin-bottom:10px}.me-palette .tile{width:74px;height:54px}.tile-row{display:flex;flex-wrap:wrap;gap:6px}.tile-group{display:flex;flex-direction:column;gap:3px}.tile-group small{color:var(--muted);font-size:12px;font-weight:800}.me-ins-row{justify-content:flex-start}.me-ins-row label{display:flex;align-items:center;gap:6px;font-size:14px;font-weight:700}.me-loop-hint{margin:0 0 8px}.loops-intro{max-width:520px;margin:24px auto;padding:22px;border-radius:20px;background:var(--panel)}.loops-intro h2{margin-bottom:8px}.lg-col{display:inline-flex;align-items:center;justify-content:center;gap:3px}.lg-col .ico{width:15px;height:15px}.lg-col.loop-start{background:#dcefd9;color:var(--good)}.lg-col.once{opacity:.55;text-decoration:underline dotted}.rb.loop-start b{display:inline-flex;align-items:center;gap:3px;color:var(--good)}.rb .ico{width:13px;height:13px}.song-cards{list-style:none;margin:0;padding:0;display:grid;gap:10px}.song-card{display:flex;align-items:center;gap:8px;padding:10px 12px;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel)}.song-card-open{flex:1;min-width:0;display:flex;align-items:center;gap:14px;text-decoration:none}.song-strip{flex:none;display:grid;grid-template-columns:repeat(var(--cols, 8),9px);grid-auto-rows:9px;gap:2px;padding:6px;border-radius:10px;background:var(--panel-2)}.song-strip i{border-radius:2px;background:#4a3a2e14}.song-strip.notes{display:grid;place-items:center;width:52px;height:52px}.song-strip.notes .ico{width:28px;height:28px}.song-strip .s-intro{background:#a9d6f7}.song-strip .s-verse{background:#a6e3a1}.song-strip .s-chorus{background:#f5b0de}.song-strip .s-solo{background:#ffd59a}.song-strip .g-happy{background:#ffe08a}.song-strip .g-soft{background:#b9d8f0}.song-strip .g-dreamy{background:#d8c2f5}.song-strip .g-spicy{background:#ffb48a}.genre-head small{margin-left:6px;text-transform:none;letter-spacing:0;font-weight:500}.me-prog{flex-basis:100%}.me-prog .palette{gap:6px}.tile.random{border:2px dashed var(--accent);background:var(--accent-soft);box-shadow:none}.tile.random .ico{width:22px;height:22px}.chip.dice{display:inline-grid;place-items:center;padding:4px 10px;border-color:var(--accent);background:var(--accent-soft)}.chip.dice .ico{width:20px;height:20px}.me-loop-top{align-items:center;flex-wrap:nowrap}.me-loop-top .hint{flex:1}.new-song .preset-group{margin-top:14px}.preset-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}