*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--game-surface-canvas, #05060a);color:var(--game-text-primary, #cfe3ff);font-family:var(--game-font-body, ui-monospace, "Cascadia Mono", "SF Mono", Menlo, Consolas, monospace);overflow:hidden}#app{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;justify-content:safe center;gap:10px;padding:10px;overflow:auto}#stage{position:relative;width:100%;max-width:calc((100vh - 140px) * 16 / 9);flex:0 0 auto}canvas#screen{width:100%;aspect-ratio:16 / 9;display:block;background:#000;border:1px solid var(--game-border-default, #1b2436);border-radius:var(--game-radius-panel, 6px);box-shadow:0 0 60px #57d97714;image-rendering:auto}#legend{font-size:12px;letter-spacing:.08em;color:var(--game-text-muted, #6b7c96);text-align:center}#legend b{color:var(--game-text-primary, #cfe3ff);font-weight:600}#toolbar{display:flex;gap:8px;align-items:center;flex-wrap:wrap;justify-content:center}#netstats{font-size:12px;color:var(--game-text-muted, #6b7c96);letter-spacing:.04em}button{font:inherit;font-size:13px;padding:6px 14px;color:var(--game-text-primary, #cfe3ff);background:var(--game-surface-raised, #10182a);border:1px solid var(--game-border-default, #1b2436);border-radius:var(--game-radius-control, 5px);cursor:pointer;transition:background var(--game-motion-fast, .12s) ease}button:hover{background:var(--game-surface-panel, #0b1120)}button.primary{background:var(--game-action-primary, #57d977);color:var(--game-action-on-primary, #04160a);border-color:transparent}button.primary:hover{background:var(--game-action-primary-hover, #7ce598)}button:disabled{opacity:.45;cursor:default}.panel{position:absolute;top:12px;right:12px;bottom:12px;width:320px;overflow-y:auto;padding:16px;background:var(--game-surface-panel, rgba(8, 12, 22, .94));border:1px solid var(--game-border-default, #1b2436);border-radius:var(--game-radius-panel, 8px);box-shadow:var(--game-shadow-panel, 0 12px 40px rgba(0, 0, 0, .5))}.panel.hidden,.hidden{display:none}.panel h2,dialog h2{margin:0 0 10px;font-size:17px;font-family:var(--game-font-display, inherit);color:var(--game-action-primary, #57d977);letter-spacing:.06em}.panel h3{margin:14px 0 6px;font-size:13px;color:var(--game-text-muted, #6b7c96)}.field-row{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:8px 0;font-size:13px}.field-row input[type=text],.field-row input[type=number],.field-row input[type=url],.field-row select{font:inherit;font-size:13px;padding:4px 8px;color:var(--game-text-primary, #cfe3ff);background:var(--game-surface-canvas, #05060a);border:1px solid var(--game-border-default, #1b2436);border-radius:var(--game-radius-control, 5px);max-width:170px}.button-row{display:flex;gap:6px;flex-wrap:wrap;margin:8px 0}.status{font-size:13px;margin:10px 0 4px;color:var(--game-text-primary, #cfe3ff)}.status[data-kind=error],.status[data-kind=mismatch]{color:var(--game-status-warning, #ffb454)}.help{font-size:11px;color:var(--game-text-muted, #6b7c96);line-height:1.7}.hint{font-size:12px;color:var(--game-text-muted, #6b7c96);margin:4px 0 10px}.games{list-style:none;padding:0;margin:8px 0;display:flex;flex-direction:column;gap:6px}.games button{width:100%;text-align:left}.shelf{display:flex;flex-direction:column;gap:6px;margin:6px 0}.shelf-entry{display:flex;gap:6px}.shelf-load{flex:1;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.shelf-delete{flex:0 0 auto}.shelf-empty{font-size:12px;color:var(--game-text-muted, #6b7c96)}dialog{min-width:380px;max-width:520px;max-height:85vh;overflow-y:auto;color:var(--game-text-primary, #cfe3ff);background:var(--game-surface-panel, #0a101d);border:1px solid var(--game-border-default, #1b2436);border-radius:var(--game-radius-panel, 8px);box-shadow:var(--game-shadow-panel, 0 12px 40px rgba(0, 0, 0, .6));padding:20px 22px}dialog::backdrop{background:#020408a6}.asset-row{display:flex;align-items:center;gap:10px;padding:6px 0;border-bottom:1px solid var(--game-border-default, #1b2436)}.asset-row:last-child{border-bottom:none}.asset-row .asset-label{flex:1;font-size:13px}.asset-row .asset-state{font-size:11px;color:var(--game-text-muted, #6b7c96)}.asset-row canvas{background:var(--game-surface-canvas, #05060a);border:1px solid var(--game-border-default, #1b2436);border-radius:4px}dialog h3.section{margin:18px 0 4px;padding-top:12px;border-top:1px solid var(--game-border-default, #1b2436);font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--game-text-muted, #6b7c96)}.tune-group{margin:10px 0 4px;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--game-action-primary, #57d977)}.tune-row{display:grid;grid-template-columns:1fr 120px 64px;gap:8px;align-items:center;margin:5px 0}.tune-row label{font-size:13px}.tune-row .tune-hint{display:block;font-size:11px;color:var(--game-text-muted, #6b7c96)}.tune-row input[type=range]{width:100%}.tune-row .tune-value{font-size:12px;text-align:right;font-variant-numeric:tabular-nums;color:var(--game-text-primary, #cfe3ff)}.tune-row.changed .tune-value{color:var(--game-action-primary, #57d977);font-weight:600}.studio-backdrop{position:fixed;inset:0;z-index:100;padding:clamp(12px,3vw,42px);display:grid;place-items:center;background:#02070be0;backdrop-filter:blur(8px)}.sprite-studio{width:min(1040px,100%);height:min(820px,100%);min-height:520px;display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;overflow:hidden;border:1px solid #3c5d6c;background:#08131b;box-shadow:0 28px 90px #000;font-family:var(--studio-font, ui-monospace, "Cascadia Mono", Consolas, monospace)}.sprite-studio>header{min-height:52px;padding:9px 13px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #29414c;background:#0b1922}.sprite-studio>header div{display:flex;flex-direction:column;gap:3px}.sprite-studio>header span{color:var(--studio-accent, #64e3ff);font-size:calc(10px * var(--studio-font-scale, 1));letter-spacing:.12em}.sprite-studio>header strong{color:#607d89;font-size:calc(8px * var(--studio-font-scale, 1));font-weight:500}.sprite-studio>header button{height:31px;border:1px solid #3a5561;background:#101e26;color:#9bb3bd;font-size:calc(9px * var(--studio-font-scale, 1))}.studio-toolbar{padding:8px 11px;display:flex;align-items:end;gap:8px;overflow-x:auto;border-bottom:1px solid #29414c}.studio-toolbar label{display:flex;flex-direction:column;gap:4px;color:#6f8994;font-size:calc(8px * var(--studio-font-scale, 1));white-space:nowrap}.studio-toolbar input,.studio-toolbar select{height:31px;min-width:90px;padding:0 7px;border:1px solid #304955;background:#0c1921;color:#d7e8ed;font-family:var(--studio-font, ui-monospace, "Cascadia Mono", Consolas, monospace);font-size:calc(9px * var(--studio-font-scale, 1))}.studio-toolbar input[type=color]{min-width:48px;padding:3px}.studio-tools{display:flex;gap:4px}.studio-tools button,.sprite-studio>footer button{min-height:31px;padding:0 9px;border:1px solid #304955;background:#0d1a22;color:#718b96;font-family:var(--studio-font, ui-monospace, "Cascadia Mono", Consolas, monospace);font-size:calc(8px * var(--studio-font-scale, 1))}.studio-tools button.active{border-color:var(--studio-accent, #64e3ff);color:var(--studio-accent, #64e3ff);background:#64e3ff14}.studio-layout{min-height:0;display:grid;grid-template-columns:minmax(0,1fr) 150px}.studio-canvas-wrap{min-height:0;padding:14px;display:grid;place-items:center;overflow:hidden;background:#050b10}.studio-canvas-wrap canvas{width:min(100%,680px);height:min(100%,680px);max-height:100%;aspect-ratio:1;border:1px solid #314c58;cursor:crosshair;touch-action:none;image-rendering:pixelated}.studio-layers{min-height:0;padding:9px;display:flex;flex-direction:column;gap:4px;overflow-y:auto;border-left:1px solid #29414c}.studio-layers>strong{margin-bottom:5px;color:#76919c;font-size:calc(9px * var(--studio-font-scale, 1));letter-spacing:.1em}.studio-layers button{min-height:29px;border:1px solid #263d48;background:#0c1921;color:#6e8792;text-align:left;font-family:var(--studio-font, ui-monospace, "Cascadia Mono", Consolas, monospace);font-size:calc(8px * var(--studio-font-scale, 1))}.studio-layers button.active{border-color:var(--studio-confirm, #eaff62);color:var(--studio-confirm, #eaff62)}.sprite-studio>footer{min-height:52px;padding:9px 12px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid #29414c;background:#0a1720}.sprite-studio>footer>div{display:flex;gap:4px;overflow-x:auto}.sprite-studio>footer button:disabled{opacity:.3}.sprite-studio>footer .studio-save{min-width:130px;border-color:var(--studio-confirm, #eaff62);background:var(--studio-confirm, #eaff62);color:#081015;font-weight:800}@media (max-width: 760px){.studio-backdrop{padding:4px}.sprite-studio{min-height:0;height:100%}.studio-layout{grid-template-columns:1fr}.studio-layers{display:none}.sprite-studio>footer{align-items:stretch;flex-direction:column}.sprite-studio>footer .studio-save{min-height:38px}}.pattern-studio-backdrop{position:fixed;inset:0;z-index:300;padding:14px;display:grid;place-items:center;overflow:hidden;background:#010509e6;backdrop-filter:blur(10px);font-family:var(--studio-font, ui-monospace, "Cascadia Mono", Consolas, monospace)}.pattern-studio{width:min(1760px,100%);height:min(1050px,100%);min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr) auto;border:1px solid #294653;background:#061019;box-shadow:0 28px 90px #000000a6,0 0 60px #2db9dc14}.pattern-studio button,.pattern-studio input,.pattern-studio select{font-family:var(--studio-font, ui-monospace, "Cascadia Mono", Consolas, monospace)}.pattern-studio button{border:1px solid #29404c;background:#0b1821;color:#9bb2bd;font-size:calc(10px * var(--studio-font-scale, 1));letter-spacing:.07em}.pattern-studio button:hover:not(:disabled){border-color:var(--studio-accent, #64e3ff);color:var(--studio-accent, #64e3ff)}.pattern-studio button:disabled{cursor:default;opacity:.3}.pattern-studio-header{min-height:60px;display:grid;grid-template-columns:auto minmax(220px,430px) 1fr;align-items:center;gap:22px;padding:10px 14px;border-bottom:1px solid #263d48;background:#07121a}.pattern-studio-header>div:first-child{display:flex;align-items:center;gap:12px}.pattern-studio-header p{margin:0;display:grid;gap:3px}.pattern-studio-header strong{font-size:calc(13px * var(--studio-font-scale, 1));letter-spacing:.12em}.pattern-studio-header small{color:#587582;font-size:calc(8px * var(--studio-font-scale, 1));letter-spacing:.12em}.pattern-name{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:9px;color:#698591;font-size:calc(9px * var(--studio-font-scale, 1));letter-spacing:.12em}.pattern-name input,.pattern-field input:not([type=color]),.pattern-field select,.automation-controls input,.pattern-studio select{min-width:0;height:32px;padding:0 9px;border:1px solid #29404c;outline:0;background:#0b1821;color:#d4e4e9;font-size:calc(10px * var(--studio-font-scale, 1))}.pattern-name input:focus,.pattern-field input:focus,.pattern-field select:focus,.automation-controls input:focus{border-color:var(--studio-accent, #64e3ff)}.pattern-header-actions{justify-self:end;display:flex;flex-wrap:wrap;justify-content:flex-end;gap:5px}.pattern-header-actions button{height:32px;padding:0 10px}.pattern-header-actions .pattern-close{border-color:#704035;color:#ff8e79}.pattern-studio-body{min-height:0;display:grid;grid-template-columns:minmax(390px,520px) minmax(0,1fr)}.pattern-control-panel{min-height:0;overflow-y:auto;scrollbar-color:#31515e #08131b;border-right:1px solid #263d48;background:#07121a}.pattern-mode-tabs{position:sticky;top:0;z-index:3;height:44px;display:grid;grid-template-columns:1fr 1fr;padding:6px;gap:5px;background:#07121af5;border-bottom:1px solid #263d48;backdrop-filter:blur(8px)}.pattern-mode-tabs button.active{border-color:var(--studio-confirm, #eaff62);background:#eaff6217;color:var(--studio-confirm, #eaff62)}.pattern-section{padding:14px;border-bottom:1px solid #1f3440}.pattern-section-title{min-height:24px;display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.pattern-section-title h2{margin:0;color:#9fc1ce;font-size:calc(10px * var(--studio-font-scale, 1));letter-spacing:.14em}.pattern-section-title h2 small{margin-left:7px;color:#54727e;font-size:calc(8px * var(--studio-font-scale, 1))}.pattern-section-title>span{color:var(--studio-confirm, #eaff62);font-size:calc(7px * var(--studio-font-scale, 1));letter-spacing:.15em}.pattern-section-title button{height:24px;padding:0 8px}.pattern-help{margin:-2px 0 11px;color:#678491;font-family:var(--studio-display, "Segoe UI", system-ui, sans-serif);font-size:calc(11px * var(--studio-font-scale, 1));line-height:1.45}.pattern-field{min-width:0;display:grid;gap:5px;margin-bottom:10px;color:#6f8e9a;font-size:calc(8px * var(--studio-font-scale, 1));letter-spacing:.11em}.pattern-field input[type=color]{width:100%;height:32px;padding:3px;border:1px solid #29404c;background:#0b1821}.pattern-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.pattern-range{min-width:0;display:grid;gap:5px;margin-bottom:11px}.pattern-range>span{min-width:0;display:flex;justify-content:space-between;gap:12px;color:#6f8e9a;font-size:calc(8px * var(--studio-font-scale, 1));letter-spacing:.08em}.pattern-range b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500}.pattern-range em{color:var(--studio-confirm, #eaff62);font-size:calc(9px * var(--studio-font-scale, 1));font-style:normal;white-space:nowrap}.pattern-range input{width:100%;height:3px;accent-color:var(--studio-accent, #64e3ff)}.pattern-toggle{display:flex;align-items:center;justify-content:space-between;gap:9px;color:#8ca5ae;font-size:calc(9px * var(--studio-font-scale, 1));letter-spacing:.08em}.pattern-toggle input{position:absolute;opacity:0;pointer-events:none}.pattern-toggle i{width:30px;height:16px;flex:0 0 auto;position:relative;border:1px solid #35505c;border-radius:20px;background:#0a151d}.pattern-toggle i:after{content:"";position:absolute;left:2px;top:2px;width:10px;height:10px;border-radius:50%;background:#506c78;transition:.16s ease}.pattern-toggle input:checked+i{border-color:var(--studio-accent, #64e3ff);background:#64e3ff1a}.pattern-toggle input:checked+i:after{left:15px;background:var(--studio-accent, #64e3ff);box-shadow:0 0 7px var(--studio-accent, #64e3ff)}.pattern-inline-actions{display:flex;align-items:center;gap:6px}.pattern-inline-actions .pattern-toggle{margin-right:auto}.pattern-inline-actions button{height:26px;padding:0 7px;font-size:calc(8px * var(--studio-font-scale, 1))}.emitter-tabs{display:grid;grid-template-columns:repeat(6,1fr);gap:4px;margin-bottom:10px}.emitter-tabs button{height:30px;display:flex;align-items:center;justify-content:center;gap:5px}.emitter-tabs button.active{border-color:var(--studio-accent, #64e3ff);color:var(--studio-accent, #64e3ff);background:#64e3ff14}.emitter-tabs i{width:5px;height:5px;border-radius:50%;background:#425863}.emitter-tabs i.enabled{background:var(--studio-confirm, #eaff62);box-shadow:0 0 6px var(--studio-confirm, #eaff62)}.oscillator-card{margin:0 0 9px;padding:10px;border:1px solid #29424e;background:#0a1720}.oscillator-card.muted{opacity:.54}.oscillator-card.isolated{border-color:var(--studio-confirm, #eaff62);box-shadow:inset 3px 0 var(--studio-confirm, #eaff62)}.oscillator-head{display:grid;grid-template-columns:auto 1fr auto auto;gap:5px;margin-bottom:10px}.oscillator-head input{min-width:0;height:27px;padding:0 8px;border:1px solid #263e49;outline:0;background:#07121a;color:#d4e4e9;font-size:calc(9px * var(--studio-font-scale, 1))}.oscillator-head button{height:27px;min-width:28px}.oscillator-head button.active{color:var(--studio-confirm, #eaff62);border-color:var(--studio-confirm, #eaff62)}.oscillator-head .oscillator-grip{color:#587481;cursor:grab}.oscillator-actions{display:flex;gap:4px}.oscillator-actions button{height:24px;padding:0 7px;font-size:calc(8px * var(--studio-font-scale, 1))}.oscillator-actions button:first-child{margin-right:auto}.advanced-section{background:linear-gradient(90deg,rgba(234,255,98,.022),transparent 55%)}.automation-row{margin-bottom:7px;padding:8px;border:1px solid #213945;background:#08151e}.automation-row.active{border-color:#3a5965}.automation-controls{margin-top:10px;padding-top:9px;border-top:1px dashed #28424d}.automation-controls label:not(.pattern-field):not(.pattern-range){display:grid;gap:4px;color:#617e8a;font-size:calc(8px * var(--studio-font-scale, 1))}.automation-controls input{width:100%}.array-override-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-top:10px}.array-override{padding:8px;display:grid;grid-template-columns:1fr auto;gap:6px 9px;border:1px solid #223a45;background:#08151e}.array-override strong{grid-column:1 / -1;color:#809eaa;font-size:calc(8px * var(--studio-font-scale, 1));letter-spacing:.1em}.array-override label{display:flex;align-items:center;justify-content:space-between;gap:6px;color:#607d88;font-size:calc(7px * var(--studio-font-scale, 1))}.array-override input[type=color]{width:30px;height:22px;padding:1px;border:1px solid #35505d;background:transparent}.array-override input[type=number]{width:66px;height:24px;border:1px solid #29414d;background:#0d1b24;color:#d7e8ec;font-size:calc(8px * var(--studio-font-scale, 1))}.pattern-preview-panel{min-width:0;min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr) auto auto;background:#030911}.pattern-preview-toolbar{min-height:47px;padding:7px 10px;display:flex;align-items:center;gap:6px;border-bottom:1px solid #263d48;background:#08141d}.pattern-preview-toolbar button{height:31px;padding:0 10px}.pattern-preview-toolbar button.primary{border-color:var(--studio-confirm, #eaff62);color:var(--studio-confirm, #eaff62)}.pattern-preview-toolbar .pattern-field{width:92px;grid-template-columns:auto 1fr;align-items:center;margin:0}.pattern-preview-toolbar .pattern-field select{height:31px}.pattern-preview-toolbar .pattern-toggle{margin-left:5px}.pattern-preview-notice{margin-left:auto;color:#516f7b;font-size:calc(8px * var(--studio-font-scale, 1));letter-spacing:.1em}.pattern-canvas-wrap{min-height:240px;position:relative;overflow:hidden;background:#000}.pattern-canvas-wrap canvas{width:100%;height:100%;display:block}.pattern-timeline{min-height:42px;padding:0 12px;display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:9px;border-top:1px solid #263d48;color:#587481;font-size:calc(8px * var(--studio-font-scale, 1))}.pattern-timeline input{width:100%;accent-color:var(--studio-confirm, #eaff62)}.pattern-timeline strong{color:var(--studio-confirm, #eaff62);font-size:calc(10px * var(--studio-font-scale, 1))}.pattern-stats{min-height:64px;padding:9px 12px;display:grid;grid-template-columns:repeat(4,minmax(100px,1fr));gap:7px;border-top:1px solid #263d48;background:#07131c}.pattern-stats>div{display:flex;align-items:baseline;justify-content:space-between;gap:8px;padding:8px;border:1px solid #1f3641}.pattern-stats span{color:#607e8a;font-size:calc(7px * var(--studio-font-scale, 1));letter-spacing:.1em}.pattern-stats strong{color:#d7e8ed;font-size:calc(13px * var(--studio-font-scale, 1))}.pattern-stats p{grid-column:1 / -1;margin:0;color:#ffb36d;font-size:calc(9px * var(--studio-font-scale, 1))}.pattern-studio-footer{min-height:58px;padding:9px 14px;display:flex;align-items:center;justify-content:space-between;gap:16px;border-top:1px solid #29424e;background:#08131b}.pattern-studio-footer p{margin:0;display:grid;gap:3px}.pattern-studio-footer p strong{color:var(--studio-accent, #64e3ff);font-size:calc(9px * var(--studio-font-scale, 1));letter-spacing:.12em}.pattern-studio-footer p span{color:#617c87;font-family:var(--studio-display, "Segoe UI", system-ui, sans-serif);font-size:calc(11px * var(--studio-font-scale, 1))}.pattern-studio-footer>div{display:flex;gap:7px}.pattern-studio-footer button{height:35px;padding:0 14px}.pattern-studio-footer button.apply{border-color:var(--studio-confirm, #eaff62);background:var(--studio-confirm, #eaff62);color:#071017;font-weight:800}@media (max-width: 980px){.pattern-studio-backdrop{padding:0}.pattern-studio{width:100%;height:100%;border:0}.pattern-studio-header{grid-template-columns:auto 1fr;gap:9px}.pattern-header-actions{grid-column:1 / -1;justify-self:stretch;justify-content:flex-start}.pattern-studio-body{grid-template-columns:minmax(330px,45%) minmax(0,1fr)}.pattern-preview-toolbar{flex-wrap:wrap}.pattern-preview-notice{display:none}.pattern-stats{grid-template-columns:repeat(2,1fr)}}@media (max-width: 720px){.pattern-studio-header{display:none}.pattern-studio{grid-template-rows:minmax(0,1fr) auto}.pattern-studio-body{display:flex;flex-direction:column-reverse;overflow:hidden}.pattern-control-panel{flex:1 1 48%;border:0;border-top:1px solid #263d48}.pattern-preview-panel{flex:0 0 46%;min-height:250px}.pattern-stats{display:none}.pattern-canvas-wrap{min-height:150px}.pattern-studio-footer p{display:none}.pattern-studio-footer{justify-content:flex-end}}.pattern-studio .brand-mark{width:30px;height:30px;display:grid;place-items:center;border:1px solid var(--studio-accent, #64e3ff);color:var(--studio-accent, #64e3ff);font-weight:800}.pattern-studio .hidden-input,.sprite-studio .hidden-input{display:none}.sprite-studio .studio-notice{align-self:center;margin-left:.5rem;font-size:calc(.7rem * var(--studio-font-scale, 1));letter-spacing:.08em;color:var(--game-status-success, #7fd6a0)}.fields-group{display:block;margin-bottom:1rem}.fields-group>h3{margin:0 0 .5rem;font-size:calc(.72rem * var(--studio-font-scale, 1));letter-spacing:.12em;color:var(--game-text-muted, #95afbf)}.fields-rows{display:grid;gap:.35rem}