:root{--bg-primary: #0a0a0f;--bg-secondary: #131320;--bg-card: #1a1a2e;--bg-hover: #252540;--border: #2a2a3e;--border-light: #3a3a5a;--text-primary: #e8e8f0;--text-secondary: #888898;--text-muted: #555568;--accent: #4a9eff;--accent-hover: #6ab4ff;--success: #22c55e;--error: #ef4444;--warning: #f59e0b}*{margin:0;padding:0;box-sizing:border-box}body{background:var(--bg-primary);color:var(--text-primary);font-family:system-ui,-apple-system,sans-serif;min-height:100vh;overflow-x:hidden}#topbar{position:fixed;top:0;left:0;right:0;height:48px;background:var(--bg-secondary);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 16px;z-index:200}.topbar-left{display:flex;align-items:center;gap:12px}.logo{font-size:1.1rem;font-weight:700;letter-spacing:.08em;color:var(--text-primary);cursor:pointer;-webkit-user-select:none;user-select:none;transition:color .15s}.logo:hover{color:var(--accent)}.topbar-right{display:flex;align-items:center;gap:6px}.topbar-btn{background:transparent;border:1px solid transparent;color:var(--text-secondary);font-size:13px;padding:6px 10px;border-radius:4px;cursor:pointer;transition:all .15s}.topbar-btn:hover{background:var(--bg-hover);color:var(--text-primary);border-color:var(--border)}.topbar-btn.active{background:#22c55e1f;color:var(--success);border-color:#22c55e40}#auth-container{position:relative;display:flex;align-items:center}.auth-btn{background:transparent;border:1px solid var(--border-light);color:var(--text-primary);font-weight:500}.auth-btn:hover{background:var(--bg-hover);border-color:var(--accent);color:var(--accent)}.auth-user-btn{display:flex;align-items:center;gap:6px;font-weight:500;color:var(--text-primary)}.auth-user-btn .auth-avatar{width:22px;height:22px;border-radius:50%;background:var(--accent);color:#fff;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.auth-dropdown{position:absolute;top:100%;right:0;margin-top:6px;background:var(--bg-card);border:1px solid var(--border-light);border-radius:6px;min-width:180px;box-shadow:0 8px 24px #00000080;z-index:300;overflow:hidden}.auth-dropdown-item{display:block;width:100%;padding:10px 14px;background:transparent;border:none;color:var(--text-secondary);font-size:13px;text-align:left;cursor:pointer}.auth-dropdown-item:hover{background:var(--bg-hover);color:var(--text-primary)}.auth-email{cursor:default;color:var(--text-muted);font-size:12px;border-bottom:1px solid var(--border)}.auth-email:hover{background:transparent;color:var(--text-muted)}.auth-provider-item{display:flex;align-items:center;gap:8px}.auth-provider-icon{flex-shrink:0}#library-view{padding:72px 24px 40px;max-width:1100px;margin:0 auto}.library-header{margin-bottom:20px}.library-header h2{font-size:1rem;font-weight:500;color:var(--text-secondary);letter-spacing:.03em}.library-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px}.game-card{background:var(--bg-card);border:1px solid var(--border);border-radius:8px;overflow:hidden;cursor:pointer;transition:all .2s}.game-card:hover{border-color:var(--border-light);transform:translateY(-2px);box-shadow:0 8px 24px #0000004d}.game-card:active{transform:translateY(0)}.card-thumb{height:120px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.card-thumb:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent 50%,rgba(0,0,0,.4) 100%)}.card-icon{font-size:2rem;font-weight:700;color:#fff3;letter-spacing:.05em;text-transform:uppercase;z-index:1}.card-info{padding:10px 12px}.card-title{font-size:14px;font-weight:600;margin-bottom:2px}.card-genre{font-size:11px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em}#player-view{display:none;padding-top:48px;height:100vh;flex-direction:column;align-items:center;overflow:hidden}#player-view.visible{display:flex}#game-header{width:100%;max-width:var(--game-max-w, 1280px);display:flex;align-items:center;gap:12px;padding:12px 4px;flex-shrink:0}#back-btn{background:transparent;border:1px solid var(--border);color:var(--text-secondary);font-size:13px;padding:5px 12px;border-radius:4px;cursor:pointer;transition:all .15s;white-space:nowrap}#back-btn:hover{background:var(--bg-hover);color:var(--text-primary)}#game-title{font-size:1rem;font-weight:600;flex:1}#controls-hint{font-size:12px;color:var(--text-muted);white-space:nowrap}#canvas-frame{position:relative;width:100%;max-width:var(--game-max-w, 1280px);flex:1 1 0;min-height:0;display:flex;align-items:center;justify-content:center;border-radius:6px;padding:3px;background:linear-gradient(145deg,#1e1e2e,#0e0e18);box-shadow:0 0 0 1px var(--border),inset 0 1px #ffffff0a,0 4px 20px #00000080}#canvas-frame:before{content:"";position:absolute;top:2px;right:2px;bottom:2px;left:2px;border-radius:5px;box-shadow:inset 0 0 20px #0009;pointer-events:none;z-index:1}canvas#game{display:block;max-width:100%;max-height:100%;aspect-ratio:var(--game-aspect, 16 / 9);border-radius:4px;image-rendering:pixelated;image-rendering:crisp-edges}#netplay-panel{display:none;width:100%;max-width:var(--game-max-w, 1280px);flex-shrink:0;margin-bottom:8px;padding:10px 16px;background:var(--bg-card);border:1px solid var(--border);border-radius:6px;font-size:14px;color:var(--text-secondary)}#netplay-panel button{margin:0 4px;padding:6px 14px;font-size:14px;cursor:pointer;background:var(--bg-hover);color:var(--text-secondary);border:1px solid var(--border-light);border-radius:4px;transition:all .15s}#netplay-panel button:hover{background:var(--border-light);color:var(--text-primary)}#netplay-panel input{margin:0 4px;padding:6px 10px;font-size:14px;background:var(--bg-primary);color:var(--text-primary);border:1px solid var(--border-light);border-radius:4px;width:80px;text-transform:uppercase;letter-spacing:.1em}#toast-container{position:fixed;bottom:24px;left:50%;transform:translate(-50%);display:flex;flex-direction:column-reverse;gap:8px;z-index:300;pointer-events:none}.toast{background:var(--bg-secondary);border:1px solid var(--border);color:var(--text-primary);font-size:13px;padding:10px 20px;border-radius:6px;box-shadow:0 4px 16px #0006;white-space:nowrap;animation:toast-in .25s ease-out;pointer-events:auto}.toast.toast-out{animation:toast-out .2s ease-in forwards}.toast-error{border-color:#ef444466;color:var(--error)}.toast-success{border-color:#22c55e66;color:var(--success)}.toast-warning{border-color:#f59e0b66;color:var(--warning)}.toast-recording{border-color:#ef444466;color:var(--error)}.toast-playing{border-color:#22c55e66;color:var(--success)}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes toast-out{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(8px)}}#debug-panel{display:none;position:fixed;top:56px;right:8px;z-index:100;flex-direction:column;gap:4px;pointer-events:none}#debug-overlay{background:#000000bf;color:#0f0;font-family:Courier New,monospace;font-size:13px;padding:8px 12px;border-radius:4px;line-height:1.5;white-space:pre}#dev-panel{display:none;position:fixed;top:48px;right:0;bottom:0;width:360px;background:var(--bg-secondary);border-left:1px solid var(--border);z-index:150;flex-direction:column;overflow:hidden;box-shadow:-4px 0 24px #0006}#dev-panel.visible{display:flex}#tuning-sidebar{display:none}#tuning-sidebar.visible{display:flex}.dev-panel-header{display:flex;align-items:center;justify-content:space-between;padding:4px 8px 0;border-bottom:1px solid var(--border);flex-shrink:0}.dev-panel-header>#dev-panel-close{font-size:16px;padding:4px 8px;margin-bottom:2px}.dev-panel-tabs{display:flex;gap:0}.dev-tab{background:transparent;border:none;border-bottom:2px solid transparent;color:var(--text-muted);font-size:12px;font-weight:500;padding:6px 14px 8px;cursor:pointer;transition:all .15s;white-space:nowrap}.dev-tab:hover{color:var(--text-primary)}.dev-tab.active{color:var(--accent);border-bottom-color:var(--accent)}.dev-tab-content{display:none;flex:1;overflow-y:auto;min-height:0}.dev-tab-content.active{display:flex;flex-direction:column}#dev-panel-scenarios{flex-shrink:0}#tab-inspector{padding:0 0 16px}#inspector-entity-section{border-bottom:1px solid var(--border);flex-shrink:0}#inspector-entity-section.collapsed .editor-toolbar,#inspector-entity-section.collapsed #editor-inspector,#inspector-entity-section.collapsed #editor-entity-list,#inspector-entity-section.collapsed .editor-footer,#inspector-entity-section.collapsed #tile-paint-panel{display:none}#inspector-toolbar{display:flex;align-items:center;gap:4px;padding:8px 10px 4px;flex-shrink:0}#inspector-toolbar #tuning-search{flex:1;min-width:0;margin:0;padding:5px 10px;font-size:12px}.inspector-actions{display:flex;gap:2px;flex-shrink:0}.inspector-actions .tuning-action-btn{font-size:10px;padding:4px 6px}#tuning-vars{padding:0 0 16px}#tab-timeline{padding:0}#timeline-content,#tab-effects{padding:0 12px 16px}.tuning-title{font-size:14px;font-weight:600;color:var(--text-primary);letter-spacing:.03em}.tuning-actions{display:flex;gap:4px}.tuning-action-btn{background:transparent;border:1px solid var(--border);color:var(--text-secondary);font-size:11px;padding:4px 8px;border-radius:3px;cursor:pointer;transition:all .15s}.tuning-action-btn:hover{background:var(--bg-hover);color:var(--text-primary);border-color:var(--border-light)}#tuning-search{margin:0;padding:7px 10px;background:var(--bg-primary);color:var(--text-primary);border:1px solid var(--border);border-radius:4px;font-size:13px;flex-shrink:0;outline:none}#tuning-search:focus{border-color:var(--accent)}#tuning-presets{display:flex;gap:4px;padding:0 12px 8px;flex-wrap:wrap;flex-shrink:0}.preset-chip{background:var(--bg-card);border:1px solid var(--border);color:var(--text-secondary);font-size:11px;padding:3px 10px;border-radius:12px;cursor:pointer;transition:all .15s}.preset-chip:hover{background:var(--bg-hover);color:var(--text-primary);border-color:var(--accent)}.preset-chip.active{background:#4a9eff1f;border-color:var(--accent);color:var(--accent)}#tuning-vars{flex:1;overflow-y:auto;padding:0 12px 16px}.tv-category{margin-bottom:12px}.tv-cat-header{font-size:10px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;padding:8px 0 4px;border-bottom:1px solid var(--border);margin-bottom:6px;-webkit-user-select:none;user-select:none}.tv-cat-header:hover{color:var(--text-secondary)}.tv-cat-toggle{font-size:8px;margin-right:4px}.tv-checkpoint-btn{padding:4px 10px;font-size:11px;font-family:inherit;background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border);border-radius:4px;cursor:pointer;transition:background .15s,border-color .15s}.tv-checkpoint-btn:hover{background:var(--accent);border-color:var(--accent);color:#fff}.tv-checkpoint-btn:active{transform:scale(.96)}.tv-row{margin-bottom:8px}.tv-row-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:3px}.tv-label{font-size:12px;color:var(--text-primary);font-weight:500}.tv-value-display{font-size:11px;color:var(--accent);font-family:Courier New,monospace;min-width:50px;text-align:right}.tv-desc{font-size:10px;color:var(--text-muted);margin-bottom:3px}.tv-resource{font-size:9px;color:var(--text-muted);opacity:.6}.tv-slider-row{display:flex;align-items:center;gap:8px}.tv-slider-row input[type=range]{flex:1;height:4px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--border);border-radius:2px;outline:none}.tv-slider-row input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;border-radius:50%;background:var(--accent);cursor:pointer;border:2px solid var(--bg-secondary);box-shadow:0 1px 4px #0000004d}.tv-slider-row input[type=number]{width:64px;background:var(--bg-primary);color:var(--text-primary);border:1px solid var(--border);border-radius:3px;padding:3px 6px;font-size:12px;font-family:Courier New,monospace;text-align:right}.tv-slider-row input[type=number]:focus{border-color:var(--accent);outline:none}.tv-slider-row select{flex:1;background:var(--bg-primary);color:var(--text-primary);border:1px solid var(--border);border-radius:3px;padding:4px 6px;font-size:12px;outline:none;cursor:pointer}.tv-slider-row select:focus{border-color:var(--accent)}.tv-slider-row select option{background:var(--bg-primary);color:var(--text-primary)}.tv-range{display:flex;justify-content:space-between;font-size:9px;color:var(--text-muted);margin-top:1px;opacity:.6}.tv-toggle{display:flex;align-items:center;gap:8px}.tv-toggle-switch{position:relative;width:36px;height:20px;background:var(--border);border-radius:10px;cursor:pointer;transition:background .2s;flex-shrink:0}.tv-toggle-switch.on{background:var(--accent)}.tv-toggle-switch:after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;background:#fff;border-radius:50%;transition:transform .2s}.tv-toggle-switch.on:after{transform:translate(16px)}.tv-row.readonly .tv-label{color:var(--text-secondary)}.tv-row.readonly .tv-slider-row input[type=range]{opacity:.4;pointer-events:none}.tv-row.readonly .tv-slider-row input[type=number]{opacity:.5;pointer-events:none}.tv-readonly-badge{font-size:9px;color:var(--text-muted);background:var(--bg-card);padding:1px 5px;border-radius:3px;margin-left:6px}.tv-changed-dot{display:none;width:6px;height:6px;border-radius:50%;background:var(--accent);margin-right:5px;flex-shrink:0;vertical-align:middle}.tv-row.tv-changed .tv-label{font-weight:700}.tv-reset-btn{background:transparent;border:1px solid transparent;color:var(--text-muted);font-size:14px;padding:0 4px;cursor:pointer;border-radius:3px;line-height:1;transition:all .15s;flex-shrink:0;opacity:0}.tv-row:hover .tv-reset-btn{opacity:1}.tv-reset-btn.tv-reset-visible{opacity:.7;color:var(--accent)}.tv-row:hover .tv-reset-btn.tv-reset-visible{opacity:1}.tv-reset-btn:hover{color:var(--accent);background:var(--bg-hover);border-color:var(--border)}.tuning-action-btn.active{background:#4a9eff26;color:var(--accent);border-color:var(--accent)}.tv-select{flex:1;background:var(--bg-primary);color:var(--text-primary);border:1px solid var(--border);border-radius:3px;padding:4px 8px;font-size:12px;font-family:inherit;cursor:pointer;outline:none;transition:border-color .15s}.tv-select:focus{border-color:var(--accent)}.tv-select:disabled{opacity:.5;cursor:default}#netplay-overlay{display:none;position:fixed;top:56px;left:8px;background:#001428d9;color:#4af;font-family:Courier New,monospace;font-size:13px;padding:8px 12px;border-radius:4px;line-height:1.5;z-index:100;white-space:pre}#transport-bar{display:none;width:100%;max-width:var(--game-max-w, 1280px);align-items:center;gap:8px;padding:6px 8px;background:var(--bg-secondary);border:1px solid var(--border);border-top:none;border-radius:0 0 6px 6px;flex-shrink:0}#transport-bar.visible{display:flex}.transport-btn{background:none;border:1px solid var(--border-light);color:var(--text-primary);font-size:18px;line-height:1;width:28px;height:28px;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0}.transport-btn:hover{background:var(--bg-hover);border-color:var(--accent)}.transport-btn:disabled{opacity:.3;cursor:default}.transport-btn:disabled:hover{background:none;border-color:var(--border-light)}#transport-slider{flex:1;min-width:0;height:6px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--bg-hover);border-radius:3px;outline:none;cursor:pointer}#transport-slider::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;border-radius:50%;background:var(--accent);cursor:pointer;border:none}#transport-slider::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:var(--accent);cursor:pointer;border:none}#transport-slider:disabled{opacity:.3;cursor:default}#transport-info{font-size:11px;color:var(--text-muted);white-space:nowrap;min-width:80px;text-align:right;font-variant-numeric:tabular-nums}#transport-bar.rewound #transport-info{color:var(--warning)}body.fullscreen #topbar,body.fullscreen #game-header,body.fullscreen #toast-container,body.fullscreen #transport-bar{display:none!important}body.fullscreen #player-view{padding-top:0}body.fullscreen #canvas-frame{max-width:100vw;border-radius:0;padding:0;background:#000;box-shadow:none}body.fullscreen #canvas-frame:before{display:none}body.fullscreen canvas#game{max-width:100vw;max-height:100vh;border-radius:0}#fullscreen-hint{display:none;position:fixed;top:16px;left:50%;transform:translate(-50%);background:#000000b3;color:var(--text-secondary);font-size:12px;padding:6px 16px;border-radius:4px;z-index:500;animation:hint-fade 3s ease-in-out forwards}@keyframes hint-fade{0%,60%{opacity:1}to{opacity:0}}#editor-sidebar{display:none;position:fixed;top:48px;left:0;bottom:0;width:320px;background:var(--bg-secondary);border-right:1px solid var(--border);z-index:150;flex-direction:column;overflow:hidden;box-shadow:4px 0 24px #0006}#editor-sidebar.visible{display:flex}.editor-header{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-bottom:1px solid var(--border);flex-shrink:0}.editor-title{font-size:14px;font-weight:600;color:var(--text-primary);letter-spacing:.03em}.editor-toolbar{display:flex;gap:4px;padding:8px 12px;border-bottom:1px solid var(--border);flex-shrink:0}.editor-tool-btn{background:var(--bg-card);border:1px solid var(--border);color:var(--text-secondary);font-size:12px;padding:5px 10px;border-radius:4px;cursor:pointer;transition:all .15s;flex:1;text-align:center}.editor-tool-btn:hover{background:var(--bg-hover);color:var(--text-primary);border-color:var(--border-light)}.editor-tool-btn.active{background:#4a9eff26;color:var(--accent);border-color:var(--accent)}.editor-tool-btn.pause-btn.paused{background:#f59e0b26;color:var(--warning);border-color:var(--warning)}#editor-entity-list{flex:1;overflow-y:auto;padding:4px 0}.entity-row{display:flex;align-items:center;gap:8px;padding:6px 14px;cursor:pointer;transition:background .1s;font-size:12px;border-left:3px solid transparent}.entity-row:hover{background:var(--bg-hover)}.entity-row.selected{background:#4a9eff1a;border-left-color:var(--accent)}.entity-handle{color:var(--text-muted);font-family:Courier New,monospace;font-size:11px;min-width:24px}.entity-tag{color:var(--text-primary);flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.entity-pos{color:var(--text-muted);font-family:Courier New,monospace;font-size:10px}.entity-color-swatch{width:12px;height:12px;border-radius:2px;border:1px solid var(--border-light);flex-shrink:0}#editor-inspector{border-top:1px solid var(--border);max-height:45%;overflow-y:auto;padding:10px 14px;flex-shrink:0}#editor-inspector.hidden{display:none}.inspector-title{font-size:11px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:8px}.inspector-field{display:flex;align-items:center;gap:6px;margin-bottom:6px}.inspector-field label{font-size:11px;color:var(--text-secondary);min-width:50px}.inspector-field input{flex:1;background:var(--bg-primary);color:var(--text-primary);border:1px solid var(--border);border-radius:3px;padding:4px 6px;font-size:12px;font-family:Courier New,monospace;max-width:80px}.inspector-field input:focus{border-color:var(--accent);outline:none}.inspector-row{display:flex;gap:8px;margin-bottom:6px}.inspector-badge{font-size:10px;padding:2px 6px;border-radius:3px;background:var(--bg-card);color:var(--text-muted);border:1px solid var(--border)}.inspector-badge.solid{color:var(--accent);border-color:var(--accent)}.editor-delete-btn{width:100%;padding:6px 12px;font-size:12px;border:1px solid var(--error, #e55);background:transparent;color:var(--error, #e55);border-radius:4px;cursor:pointer;transition:background .15s,color .15s}.editor-delete-btn:hover{background:var(--error, #e55);color:#fff}.editor-prefab-dropdown{position:absolute;z-index:100;background:var(--bg-card, #1e1e2e);border:1px solid var(--border, #333);border-radius:6px;padding:4px 0;max-height:200px;overflow-y:auto;width:calc(100% - 28px);margin:4px 14px;box-shadow:0 4px 12px #0006}.editor-prefab-item{padding:6px 14px;font-size:12px;cursor:pointer;color:var(--text, #ccc)}.editor-prefab-item:hover{background:var(--accent, #58f);color:#fff}.editor-footer{padding:6px 14px;border-top:1px solid var(--border);font-size:11px;color:var(--text-muted);flex-shrink:0;display:flex;justify-content:space-between}.drag-ghost{display:none;position:absolute;border:2px dashed rgba(0,255,255,.6);pointer-events:none;z-index:10}.drag-coords{display:none;position:absolute;background:#000000bf;color:#0ff;font-family:monospace;font-size:11px;padding:2px 6px;border-radius:3px;pointer-events:none;white-space:nowrap;z-index:11}.editor-tool-btn.paint-active{background:var(--accent, #58f);color:#fff}#tile-paint-panel{display:none;padding:8px 14px;border-top:1px solid var(--border)}#tile-paint-panel.visible{display:block}.tile-palette{display:grid;grid-template-columns:repeat(8,1fr);gap:2px;margin-top:6px}.tile-swatch{aspect-ratio:1;background:var(--bg-card);border:1px solid var(--border);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:9px;color:var(--text-muted);border-radius:2px;overflow:hidden;padding:0}.tile-swatch canvas{display:block;image-rendering:pixelated}.tile-swatch:hover{border-color:var(--accent, #58f)}.tile-swatch.active{border-color:#0ff;box-shadow:0 0 4px #0ff6}.tile-swatch.selected{border-color:#0ff;background:#00ffff26}.tile-swatch.eraser{background:repeating-linear-gradient(45deg,transparent,transparent 3px,rgba(255,0,0,.15) 3px,rgba(255,0,0,.15) 6px)}.tile-paint-row{display:flex;align-items:center;gap:8px;margin-bottom:4px}.tile-paint-row label{font-size:11px;color:var(--text-muted)}.tile-paint-row select{background:var(--bg-card);color:var(--text);border:1px solid var(--border);border-radius:3px;padding:2px 4px;font-size:11px}@media (max-width: 768px){.library-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px}.card-thumb{height:90px}#game-header{padding:8px 4px;gap:8px}#controls-hint{display:none}#canvas-frame{border-radius:0;padding:0;box-shadow:none;background:transparent}#canvas-frame:before{display:none}canvas#game{border-radius:0}}@media (max-width: 480px){.library-grid{grid-template-columns:repeat(2,1fr);gap:8px}#topbar{padding:0 8px}.topbar-btn{padding:6px 8px;font-size:12px}}@media (max-height: 500px) and (orientation: landscape){body{background:#000}#topbar{display:none!important}#player-view{padding-top:0;height:100vh;height:100dvh;background:#000}#game-header{position:fixed;top:4px;left:4px;z-index:200;padding:0;width:auto;opacity:0;transition:opacity .3s}#game-header:active{opacity:1}#game-header #game-title,#game-header #controls-hint{display:none}#canvas-frame{max-width:100vw;width:100vw;height:100vh;height:100dvh;border-radius:0;padding:0;background:#000;box-shadow:none}#canvas-frame:before{display:none}canvas#game{width:100vw;height:100vh;height:100dvh;max-width:none;max-height:none;object-fit:contain;border-radius:0}#netplay-panel,#transport-bar{display:none!important}}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;z-index:500;display:flex;align-items:flex-start;justify-content:center;animation:modal-fade-in .15s ease-out}@keyframes modal-fade-in{0%{opacity:0}to{opacity:1}}.modal-card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:10px;box-shadow:0 16px 48px #0009;max-width:520px;width:90%;max-height:80vh;overflow-y:auto;margin-top:10vh}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;border-bottom:1px solid var(--border)}.modal-title{font-size:15px;font-weight:600;color:var(--text-primary);letter-spacing:.03em}.modal-close{background:transparent;border:none;color:var(--text-muted);font-size:20px;cursor:pointer;padding:0 4px;line-height:1;transition:color .15s}.modal-close:hover{color:var(--text-primary)}.help-body{padding:12px 20px 20px}.help-section{margin-bottom:16px}.help-section:last-child{margin-bottom:0}.help-section-title{font-size:10px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;padding-bottom:6px;border-bottom:1px solid var(--border);margin-bottom:6px}.help-row{display:flex;align-items:center;gap:8px;padding:5px 0;font-size:13px;color:var(--text-primary)}.help-row span{flex:1;text-align:left}.help-row kbd{display:inline-block;background:var(--bg-card);border:1px solid var(--border-light);border-radius:4px;padding:2px 7px;font-family:Courier New,monospace;font-size:12px;color:var(--text-primary);min-width:24px;text-align:center;line-height:1.4;box-shadow:0 1px 0 var(--border)}.palette-container{background:var(--bg-secondary);border:1px solid var(--border);border-radius:10px;box-shadow:0 16px 48px #0009;width:480px;max-width:90vw;max-height:50vh;margin-top:15vh;display:flex;flex-direction:column;overflow:hidden}#palette-input{width:100%;padding:14px 18px;background:transparent;border:none;border-bottom:1px solid var(--border);color:var(--text-primary);font-size:15px;font-family:inherit;outline:none}#palette-input::placeholder{color:var(--text-muted)}#palette-list{overflow-y:auto;padding:6px 0}.palette-item{display:flex;align-items:center;justify-content:space-between;padding:8px 18px;cursor:pointer;transition:background .08s}.palette-item:hover,.palette-item.selected{background:var(--bg-hover)}.palette-item.selected{background:#4a9eff1f}.palette-item-label{font-size:14px;color:var(--text-primary)}.palette-item-shortcut{font-size:12px;color:var(--text-muted);font-family:Courier New,monospace}body.mobile-launcher #topbar,body.mobile-launcher #game-header,body.mobile-launcher #library-view,body.mobile-launcher #transport-bar,body.mobile-launcher #dev-panel,body.mobile-launcher #debug-panel,body.mobile-launcher #netplay-panel,body.mobile-launcher #netplay-overlay,body.mobile-launcher #help-overlay,body.mobile-launcher #command-palette,body.mobile-launcher #tuning-file-input,body.mobile-launcher #fullscreen-hint{display:none!important}body.mobile-launcher #player-view{padding:0;margin:0}body.mobile-launcher #canvas-frame{border:none;border-radius:0;box-shadow:none;max-width:100vw}body.mobile-launcher #canvas-frame:before{display:none}body.mobile-launcher canvas#game{width:100vw!important;height:100vh!important;max-width:none;max-height:none;object-fit:contain}#mobile-back-btn{display:none;position:fixed;top:8px;left:8px;z-index:9999;background:#0009;color:#fff;border:1px solid rgba(255,255,255,.2);border-radius:8px;padding:8px 14px;font-size:14px;cursor:pointer;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);touch-action:manipulation}#mobile-back-btn:active{background:#4a9eff80}body.mobile-portrait.mobile-launcher #player-view{display:flex;flex-direction:column;height:100vh;height:100dvh}body.mobile-portrait.mobile-launcher canvas#game{width:100vw!important;height:auto!important;max-height:60dvh;object-fit:contain}#vc-container{flex:1 1 0;min-height:0}#virtual-controller{display:flex;align-items:center;justify-content:space-between;width:100%;height:100%;padding:12px 24px;padding-bottom:calc(12px + env(safe-area-inset-bottom,0px));box-sizing:border-box;touch-action:none;user-select:none;-webkit-user-select:none}.vc-dpad{position:relative;width:140px;height:140px;border-radius:50%;background:#ffffff0f;border:2px solid rgba(255,255,255,.12)}.vc-dpad-arrow{position:absolute;width:0;height:0;opacity:.4;transition:opacity .05s}.vc-dpad-arrow.active{opacity:1}.vc-dpad-up{top:12px;left:50%;transform:translate(-50%);border-left:14px solid transparent;border-right:14px solid transparent;border-bottom:18px solid rgba(255,255,255,.7)}.vc-dpad-down{bottom:12px;left:50%;transform:translate(-50%);border-left:14px solid transparent;border-right:14px solid transparent;border-top:18px solid rgba(255,255,255,.7)}.vc-dpad-left{left:12px;top:50%;transform:translateY(-50%);border-top:14px solid transparent;border-bottom:14px solid transparent;border-right:18px solid rgba(255,255,255,.7)}.vc-dpad-right{right:12px;top:50%;transform:translateY(-50%);border-top:14px solid transparent;border-bottom:14px solid transparent;border-left:18px solid rgba(255,255,255,.7)}.vc-dpad-up.active{border-bottom-color:#4a9eff}.vc-dpad-down.active{border-top-color:#4a9eff}.vc-dpad-left.active{border-right-color:#4a9eff}.vc-dpad-right.active{border-left-color:#4a9eff}.vc-buttons{display:flex;gap:16px;align-items:flex-end}.vc-btn{width:68px;height:68px;border-radius:50%;border:2px solid rgba(255,255,255,.2);background:#ffffff14;color:#ffffff80;font-size:20px;font-weight:700;font-family:inherit;display:flex;align-items:center;justify-content:center;transition:background .05s,border-color .05s}.vc-btn.active{background:#4a9eff4d;border-color:#4a9eff99;color:#fff}.vc-btn-b{margin-bottom:40px}body.mobile-force-landscape #canvas-frame{position:fixed;top:0;left:0;width:100dvh;height:100vw;max-width:none;border:none;border-radius:0;box-shadow:none;padding:0;background:#000;transform-origin:top left;transform:translate(100vw) rotate(90deg)}body.mobile-force-landscape canvas#game{width:100%!important;height:100%!important;max-width:none;max-height:none;object-fit:contain}body.mobile-force-landscape #canvas-frame:before{display:none}@media (orientation: landscape){body.mobile-force-landscape #canvas-frame{width:100vw;height:100dvh;transform:none}}@media (orientation: landscape){#vc-container{display:none}body.mobile-portrait.mobile-launcher canvas#game{height:100vh!important;max-height:none}}#a2hs-banner{position:fixed;bottom:0;left:0;right:0;z-index:10000;padding:0 env(safe-area-inset-right,0) env(safe-area-inset-bottom,0) env(safe-area-inset-left,0);background:linear-gradient(180deg,#0a0a0f00,#0a0a0f99 20%);animation:a2hs-slide-up .35s ease-out}@keyframes a2hs-slide-up{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.a2hs-content{display:flex;align-items:center;gap:12px;margin:0 12px 12px;padding:14px 16px;background:#1e1e2df2;border:1px solid rgba(74,158,255,.25);border-radius:14px;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.a2hs-text{flex:1;display:flex;flex-direction:column;gap:4px;color:#fff;font-size:14px;line-height:1.4}.a2hs-text strong{font-size:16px}.a2hs-text span{color:#ffffffa6;font-size:13px}.a2hs-share-icon{display:inline-block;width:16px;height:16px;vertical-align:-3px;color:#4a9eff}.a2hs-dismiss{flex-shrink:0;width:32px;height:32px;border:none;border-radius:50%;background:#ffffff1a;color:#ffffff80;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center}body.iframe-launcher-active #topbar,body.iframe-launcher-active #library-view,body.iframe-launcher-active #player-view{display:none!important}#iframe-launcher{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a0a0f;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:env(safe-area-inset-top,0) env(safe-area-inset-right,0) env(safe-area-inset-bottom,0) env(safe-area-inset-left,0);font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Helvetica Neue,sans-serif;z-index:100}.ifl-header{padding:48px 24px 20px;text-align:center}.ifl-title{font-size:28px;font-weight:700;color:#fff;letter-spacing:-.5px}.ifl-subtitle{font-size:14px;color:#ffffff73;margin-top:6px;font-weight:400}.ifl-grid{display:grid;grid-template-columns:1fr;gap:14px;padding:0 16px 80px}.ifl-card{position:relative;border-radius:14px;overflow:hidden;aspect-ratio:16 / 9;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform .15s ease}.ifl-card:active{transform:scale(.97)}.ifl-card-bg{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center;background-color:var(--card-color, #333)}.ifl-card-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,#0000001a,#0003 40%,#000000b3)}.ifl-card-content{position:absolute;bottom:0;left:0;right:0;padding:16px}.ifl-card-title{font-size:20px;font-weight:700;color:#fff;letter-spacing:-.3px}.ifl-card-genre{font-size:13px;color:#fff9;margin-top:3px;font-weight:500;text-transform:uppercase;letter-spacing:.5px}#game-iframe{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:none;z-index:200;background:#000}#iframe-back-btn{display:none;position:fixed;top:12px;left:12px;z-index:300;background:#0009;color:#fff;border:1px solid rgba(255,255,255,.2);border-radius:10px;padding:10px 18px;font-size:15px;font-weight:600;font-family:-apple-system,BlinkMacSystemFont,sans-serif;cursor:pointer;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);touch-action:manipulation}#iframe-back-btn:active{background:#4a9eff66}@media (orientation: landscape){.ifl-grid{grid-template-columns:1fr 1fr;max-width:900px;margin:0 auto;gap:16px}.ifl-header{padding-top:24px}}@media (min-width: 768px){.ifl-grid{grid-template-columns:1fr 1fr;max-width:700px;margin:0 auto}.ifl-card{border-radius:16px}.ifl-card-title{font-size:22px}}