@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@500&display=swap";:root{--bg-app: #080a10;--bg-panel: rgba(14, 17, 26, .96);--bg-panel-solid: #0e111a;--bg-elevated: #161b28;--bg-input: #0c0f16;--border: rgba(255, 255, 255, .07);--border-strong: rgba(255, 255, 255, .12);--text: #eef1f6;--text-muted: #8b93a7;--accent: #6b9bff;--accent-hover: #89b0ff;--accent-soft: rgba(107, 155, 255, .14);--gold: #e8c547;--gold-soft: rgba(232, 197, 71, .14);--success: #45d68a;--danger: #e85d5d;--radius: 12px;--radius-sm: 8px;--radius-lg: 16px;--shadow: 0 12px 40px rgba(0, 0, 0, .45);--header-h: 58px;--rail-w: 60px;--sidebar-w: 320px;--status-h: 36px;--tileset-h: clamp(220px, 32vh, 320px);--tileset-bar-h: 76px;--game-bar-h: 52px}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:var(--bg-app);color:var(--text);font-family:Inter,Segoe UI,system-ui,sans-serif;font-size:13px}#game-container{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0}#menu-ui[hidden],#level-list-ui[hidden],#world-select-ui[hidden],#character-select-ui[hidden],#character-create-ui[hidden],#editor-ui[hidden],#item-editor-ui[hidden],#audio-editor-ui[hidden],#tile-editor-ui[hidden],#test-ui[hidden]{display:none!important;pointer-events:none!important}#game-container.editor-map-mode{inset:auto;left:var(--rail-w);top:var(--header-h);right:var(--sidebar-w);bottom:calc(var(--tileset-h) + var(--status-h))}:root.editor-palette-collapsed{--tileset-h: var(--tileset-bar-h)}#game-container canvas{display:block;width:100%;height:100%;image-rendering:pixelated;image-rendering:crisp-edges}#editor-ui{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:10}.editor-shell{display:grid;height:100%;grid-template-columns:var(--rail-w) 1fr var(--sidebar-w);grid-template-rows:var(--header-h) 1fr var(--tileset-h) var(--status-h);grid-template-areas:"header header header" "rail   map    sidebar" "tileset tileset sidebar" "status status sidebar"}.editor-shell.palette-collapsed .editor-tileset-body{display:none}.map-viewport{grid-area:map;pointer-events:none;min-width:0;min-height:0}.ui-chrome{pointer-events:auto;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.editor-header{grid-area:header;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 14px;background:linear-gradient(180deg,#161a26fa,#10131cf5);border-bottom:1px solid var(--border);box-shadow:var(--shadow)}.editor-header-start{display:flex;align-items:center;gap:10px;min-width:0}.editor-header-center{flex:1;min-width:0;display:flex;justify-content:center}.editor-shortcuts-hint{font-size:11px;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.brand-copy{min-width:0}.brand{display:flex;align-items:center;gap:12px}.brand-badge{display:grid;place-items:center;width:34px;height:34px;border-radius:9px;background:linear-gradient(135deg,var(--accent),#8b5cf6);font-size:11px;font-weight:700;letter-spacing:.04em}.brand-title{font-size:12px;color:var(--text-muted);font-weight:500}.brand-map{font-size:15px;font-weight:600}.header-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.header-action-group{display:flex;align-items:center;gap:4px;padding:3px;border-radius:var(--radius-sm);background:#ffffff05;border:1px solid var(--border)}.header-action-divider{width:1px;height:24px;background:var(--border)}.btn-icon{min-width:34px;width:34px;height:34px;padding:0;display:inline-grid;place-items:center;font-size:15px;line-height:1}.btn-icon.active{background:var(--accent-soft);border-color:#5b8cff73;color:var(--accent-hover)}.btn{border:1px solid var(--border);background:var(--bg-elevated);color:var(--text);border-radius:var(--radius-sm);padding:7px 12px;font:inherit;font-weight:500;cursor:pointer;transition:background .15s,border-color .15s,color .15s}.btn:hover{background:#222736;border-color:var(--border-strong)}.btn-primary{background:var(--accent);border-color:transparent;color:#fff}.btn-primary:hover{background:var(--accent-hover)}.btn-danger{background:#e05252;border-color:transparent;color:#fff}.btn-danger:hover{background:#f06868}.btn-ghost{background:transparent}.btn-block{width:100%;margin-top:4px}.chip{border:1px solid var(--border);background:transparent;color:var(--text-muted);border-radius:999px;padding:4px 10px;font:inherit;font-size:11px;font-weight:500;cursor:pointer;transition:all .15s}.chip.active{background:var(--accent-soft);border-color:#5b8cff73;color:var(--accent-hover)}.editor-rail{grid-area:rail;display:flex;flex-direction:column;align-items:center;gap:8px;padding:10px 6px;background:linear-gradient(180deg,#12151ffa,#0e1018fa);border-right:1px solid var(--border)}.editor-rail-section{display:flex;flex-direction:column;align-items:center;gap:6px;width:100%}.editor-rail-divider{width:28px;height:1px;background:var(--border)}.rail-btn{display:grid;place-items:center;width:40px;height:40px;padding:0;border:1px solid transparent;border-radius:var(--radius-sm);background:transparent;color:var(--text-muted);cursor:pointer;transition:all .15s ease;font-size:16px;line-height:1}.rail-btn:hover{background:var(--bg-elevated);color:var(--text);border-color:var(--border)}.rail-btn.active{background:var(--accent-soft);border-color:#5b8cff73;color:var(--accent-hover);box-shadow:0 0 0 1px #5b8cff1f}.rail-btn-icon{font-size:15px;line-height:1}.tools-label{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);text-align:center;margin-bottom:4px}.door-count{min-width:22px;padding:2px 8px;border-radius:999px;background:#7e57c22e;color:#b39ddb;font-size:11px;font-weight:600;text-align:center}.btn-sm{padding:7px 10px;font-size:12px}.door-list{display:flex;flex-direction:column;gap:8px;flex:1;min-height:0;overflow:auto;padding-right:2px}.door-list-empty{margin:0;font-size:11px;color:var(--text-muted);line-height:1.45}.door-item{padding:10px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-input)}.door-item.active{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent-soft)}.door-item-head{display:flex;align-items:center;gap:8px;width:100%;margin-bottom:8px;padding:0;border:none;background:transparent;color:inherit;cursor:pointer;text-align:left;font:inherit}.door-item-badge{display:grid;place-items:center;min-width:32px;height:32px;border-radius:8px;background:#7e57c2;color:#fff;font-size:16px;flex-shrink:0}.door-item-meta{display:flex;flex-direction:column;gap:2px;min-width:0}.door-item-title{font-size:12px;font-weight:600}.door-item-coords{font-size:11px;color:var(--text-muted)}.door-item-field{margin:0}.door-item-field span{display:block;margin-bottom:4px;font-size:11px;color:var(--text-muted)}.door-item-field select{width:100%;padding:7px 8px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-elevated);color:var(--text);font:inherit;font-size:12px}.door-item-delete{width:100%;margin-top:8px;color:#ff8a80}.editor-sidebar{grid-area:sidebar;display:flex;flex-direction:column;min-height:0;background:linear-gradient(180deg,#12151ffa,#0e1018fa);border-left:1px solid var(--border)}.sidebar-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;padding:10px 10px 0;flex-shrink:0}.sidebar-tab{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 4px;border:1px solid transparent;border-radius:var(--radius-sm);background:transparent;color:var(--text-muted);cursor:pointer;transition:all .15s ease;font:inherit}.sidebar-tab:hover{color:var(--text);background:#ffffff08;border-color:var(--border)}.sidebar-tab.active{color:var(--accent-hover);background:var(--accent-soft);border-color:#5b8cff59}.sidebar-tab-icon{font-size:14px;line-height:1}.sidebar-tab-label{font-size:10px;font-weight:600;letter-spacing:.02em}.sidebar-panels{flex:1;min-height:0;padding:10px}.sidebar-panel{display:none;flex-direction:column;height:100%;min-height:0}.sidebar-panel.active{display:flex}.sidebar-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:10px;flex-shrink:0}.sidebar-panel-head h3{margin:0;font-size:14px;font-weight:600;color:var(--text);display:flex;align-items:center;gap:8px}.sidebar-panel-desc{margin:4px 0 0;font-size:11px;line-height:1.45;color:var(--text-muted)}.sidebar-badge{display:inline-grid;place-items:center;min-width:22px;height:20px;padding:0 7px;border-radius:999px;background:var(--accent-soft);color:var(--accent);font-size:11px;font-weight:700}.sidebar-badge-purple{background:#7e57c22e;color:#b39ddb}.settings-block{padding:12px;margin-bottom:12px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-elevated)}.editor-help{padding:10px 12px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-elevated)}.editor-help summary{cursor:pointer;font-size:12px;font-weight:600;color:var(--text)}.editor-help-list{margin:10px 0 0;padding-left:18px;color:var(--text-muted);font-size:12px;line-height:1.55}.editor-help-list strong{color:var(--text)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.panel{margin-bottom:16px;padding:12px;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius)}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px}.panel-desc{margin:0 0 10px;font-size:12px;color:var(--text-muted);line-height:1.45}.panel-desc strong{color:var(--text)}.panel h3{margin:0;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted)}.panel-hint p{margin:0 0 6px;font-size:12px;color:var(--text-muted);line-height:1.45}.panel-hint strong{color:var(--text)}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:8px}.field-row label{display:flex;flex-direction:column;gap:4px;font-size:11px;color:var(--text-muted)}.field-row input{width:100%;padding:7px 8px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-input);color:var(--text);font:inherit}.field-label{display:flex;flex-direction:column;gap:6px;font-size:11px;color:var(--text-muted)}.field-select{width:100%;padding:8px 10px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-input);color:var(--text);font:inherit;font-size:12px;cursor:pointer}.field-select:focus{outline:none;border-color:var(--accent)}.panel-characters .character-count{min-width:22px;padding:2px 8px;border-radius:999px;background:var(--accent-soft);color:var(--accent);font-size:11px;font-weight:600;text-align:center}.transition-list{display:flex;flex-direction:column;gap:8px}.transition-empty{margin:0;font-size:12px;color:var(--text-muted);line-height:1.45}.transition-item{display:flex;flex-direction:column;gap:8px;padding:10px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-input)}.transition-item.active{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent-soft)}.transition-item-head{display:flex;gap:6px;align-items:stretch}.transition-item-field{margin:0}.transition-item-field select{width:100%;padding:8px 10px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-elevated);color:var(--text);font:inherit}.transition-item-main{flex:1;display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:8px 10px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-input);color:var(--text);cursor:pointer;text-align:left;font:inherit}.transition-item-main:hover{border-color:#7e57c280}.transition-item-title{font-size:12px;font-weight:600}.transition-item-meta{font-size:11px;color:var(--text-muted)}.transition-item-delete{min-width:34px;padding:0;color:#ff8a80}.character-list{display:flex;flex-direction:column;gap:8px;flex:1;min-height:0;overflow:auto;padding-right:2px}.character-list-empty{margin:0;font-size:12px;color:var(--text-muted);line-height:1.45}.character-item{padding:10px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-input);transition:border-color .15s,box-shadow .15s}.character-item.active{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent-soft)}.character-item-head{display:flex;align-items:center;gap:10px;width:100%;margin-bottom:8px;padding:0;border:none;background:transparent;color:inherit;text-align:left;cursor:pointer}.character-item-head:hover .character-item-title{color:var(--accent-hover)}.character-item-badge{flex-shrink:0;min-width:34px;padding:4px 6px;border-radius:var(--radius-sm);color:#fff;font-size:10px;font-weight:700;text-align:center}.character-item-meta{display:flex;flex-direction:column;gap:2px;min-width:0}.character-item-title{font-size:12px;font-weight:600;color:var(--text)}.character-item-coords{font-size:11px;color:var(--text-muted)}.character-item-role,.character-item-name{margin:0}.character-item-name-input{width:100%;padding:7px 8px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-input);color:var(--text);font:inherit;font-size:12px}.character-item-name-input:focus{outline:none;border-color:var(--accent)}.character-item-name-input::placeholder{color:var(--text-muted)}.character-item-actions{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.btn-sm{padding:4px 8px;font-size:11px;min-height:28px}.character-stall{margin-top:10px;padding-top:10px;border-top:1px solid var(--border)}.character-stall-title{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-bottom:6px}.character-stall-hint{margin:0 0 8px;font-size:11px;color:var(--text-muted);line-height:1.4}.character-stall-row{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:6px}.character-stall-label{font-size:11px;color:var(--text-muted)}.character-stall-value{font-size:12px;font-weight:600;color:var(--text)}.character-stall-actions{display:flex;gap:6px;margin-bottom:10px}.btn-compact{flex:1;min-height:30px;padding:6px 8px;font-size:11px}.btn-compact.active{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-hover)}.stall-items-grid{display:flex;flex-wrap:wrap;gap:6px;margin:6px 0 8px}.stall-item-wrap{position:relative}.stall-item-chip{display:block;width:28px;height:28px;padding:0;border:1px solid var(--border);border-radius:var(--radius-sm);background-color:var(--bg-panel-solid);image-rendering:pixelated;cursor:default}.stall-item-remove{position:absolute;top:-5px;right:-5px;width:16px;height:16px;padding:0;border:none;border-radius:50%;background:#c62828;color:#fff;font-size:11px;line-height:1;cursor:pointer}.layer-list{display:flex;flex-direction:column;gap:6px;flex:1;min-height:0;overflow:auto;padding-right:2px}.layer-item{display:flex;align-items:stretch;gap:8px}.layer-btn{flex:1;display:flex;flex-direction:column;align-items:flex-start;gap:2px;text-align:left;padding:10px 12px;border:1px solid transparent;border-radius:var(--radius-sm);background:#ffffff05;color:var(--text);font:inherit;cursor:pointer;transition:all .15s ease}.layer-btn-label{font-size:12px;font-weight:600}.layer-btn-hint{font-size:10px;color:var(--text-muted);line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.layer-item:hover .layer-btn{background:var(--bg-input);border-color:var(--border)}.layer-item.active .layer-btn{background:var(--accent-soft);border-color:#5b8cff59;color:var(--accent-hover)}.layer-item.active .layer-btn-hint{color:#7aa3ffbf}.layer-eye{flex-shrink:0;width:36px;min-height:100%;padding:0;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-input);color:var(--text-muted);cursor:pointer;transition:all .15s ease;font-size:14px;line-height:1}.layer-eye.is-visible:before{content:"👁"}.layer-eye.is-hidden:before{content:"◌";opacity:.55}.layer-eye:hover{border-color:var(--border-strong);color:var(--text)}.editor-tileset{grid-area:tileset;position:relative;display:flex;flex-direction:column;min-height:0;background:linear-gradient(180deg,#10131cfa,#0c0e14fa);border-top:1px solid var(--border);box-shadow:0 -8px 32px #00000047}.editor-tileset-bar{display:grid;grid-template-columns:auto auto 1fr auto;align-items:center;gap:12px;min-height:var(--tileset-bar-h);padding:10px 12px;flex-shrink:0}.palette-toggle{font-size:12px}.editor-tileset-bar-main{min-width:0;display:flex;flex-direction:column;gap:8px}.tileset-bar-tools{display:flex;align-items:center;gap:8px;min-width:0}.tile-search{flex:1;min-width:120px}.tile-search input{width:100%;padding:7px 10px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-input);color:var(--text);font:inherit;font-size:12px}.tile-search input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft)}.editor-tileset-body{flex:1;min-height:0;padding:0 12px 12px}.tileset-preview-card{display:flex;align-items:center;justify-content:center;flex-shrink:0}.tileset-preview-frame{position:relative;padding:6px;border-radius:var(--radius-sm);background:linear-gradient(145deg,rgba(91,140,255,.08),transparent 55%),var(--bg-input);border:1px solid var(--border-strong)}#tile-preview{position:relative;z-index:1;display:block;width:48px;height:48px;image-rendering:pixelated;image-rendering:crisp-edges;border-radius:6px}.tileset-tabs{display:flex;flex-wrap:wrap;gap:6px}.tileset-tab{border:1px solid var(--border);background:transparent;color:var(--text-muted);border-radius:999px;padding:6px 14px;font:inherit;font-size:12px;font-weight:500;cursor:pointer;transition:all .15s ease}.tileset-tab:hover{color:var(--text);border-color:var(--border-strong);background:#ffffff08}.tileset-tab.active{background:var(--accent-soft);border-color:#5b8cff73;color:var(--accent-hover);box-shadow:0 0 16px #5b8cff1f}.tileset-size-control{display:flex;align-items:center;gap:2px;padding:3px;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm);flex-shrink:0}.tileset-size-label{padding:0 8px 0 6px;font-size:11px;font-weight:500;color:var(--text-muted);border-right:1px solid var(--border);margin-right:2px;line-height:28px}.tileset-size-btn{width:28px;height:28px;padding:0;border:none;border-radius:5px;background:transparent;color:var(--text);font-size:16px;line-height:1;cursor:pointer;transition:background .15s,color .15s}.tileset-size-btn:hover{background:var(--bg-elevated);color:var(--accent-hover)}.tileset-size-value{min-width:32px;text-align:center;font-size:12px;font-weight:600;color:var(--text);font-variant-numeric:tabular-nums}.tileset-recent-panel{display:flex;align-items:center;gap:8px;min-width:180px;max-width:280px;padding:6px 8px;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm)}.tileset-recent-label{flex-shrink:0;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);width:62px}.tileset-recent{display:flex;align-items:center;gap:6px;flex:1;min-width:0;overflow-x:auto;padding-bottom:1px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.12) transparent}.tileset-recent-empty{font-size:12px;color:var(--text-muted)}.tileset-grid-scroll{height:100%;overflow:auto;padding:10px;border-radius:var(--radius);background:var(--bg-elevated);border:1px solid var(--border);scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.14) transparent}.tileset-grid-scroll::-webkit-scrollbar{width:8px;height:8px}.tileset-grid-scroll::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:999px}.tileset-grid-scroll::-webkit-scrollbar-thumb:hover{background:#fff3}.tile-grid{display:grid;grid-template-columns:repeat(auto-fill,var(--tile-chip-size, 44px));gap:7px;justify-content:start;align-content:start}.tile-chip{--tile-chip-size: 44px;width:var(--tile-chip-size);height:var(--tile-chip-size);padding:0;border:1px solid var(--border);border-radius:var(--radius-sm);background-color:var(--bg-panel-solid);background-repeat:no-repeat;image-rendering:pixelated;image-rendering:crisp-edges;cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease,background-color .15s ease,transform .12s ease}.tile-chip:hover{border-color:var(--border-strong);background-color:var(--bg-elevated);box-shadow:0 4px 12px #00000038;transform:translateY(-1px);z-index:1}.tile-chip.active{border-color:#5b8cff8c;background-color:var(--accent-soft);box-shadow:0 0 0 1px #5b8cff59,0 4px 16px #5b8cff2e}.tile-chip-recent{flex-shrink:0;border-radius:8px}.btn-icon{width:28px;height:28px;padding:0;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-elevated);color:var(--text);font-size:16px;line-height:1;cursor:pointer;transition:background .15s,border-color .15s}.btn-icon:hover{background:#222736;border-color:var(--border-strong)}.editor-status{grid-area:status;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 14px;background:#0c0e14f5;border-top:1px solid var(--border);color:var(--text-muted);font-size:12px}.editor-status-shortcuts{font-size:11px;color:#8b93a7d9;font-variant-numeric:tabular-nums;white-space:nowrap}.menu-screen{pointer-events:auto;position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:radial-gradient(ellipse at 30% 20%,rgba(91,140,255,.12),transparent 50%),radial-gradient(ellipse at 70% 80%,rgba(139,92,246,.1),transparent 50%),var(--bg-app)}.menu-card{width:min(420px,92vw);padding:32px;background:var(--bg-panel);border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow);text-align:center}.menu-home{width:min(920px,94vw);padding:32px}.menu-home-header{text-align:center;margin-bottom:28px}.menu-home-header h1{margin:0 0 8px;font-size:28px;font-weight:700}.menu-home-header p{margin:0;color:var(--text-muted)}.menu-sections{display:grid;grid-template-columns:1fr 1fr;gap:20px}.menu-section{padding:24px;background:var(--bg-panel);border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow);text-align:left}.menu-section-accent{border-color:#5b8cff59;background:linear-gradient(180deg,rgba(91,140,255,.08),var(--bg-panel))}.menu-section h2{margin:0 0 8px;font-size:18px;font-weight:700}.menu-section-hint{margin:0 0 18px;color:var(--text-muted);line-height:1.45}@media (max-width: 760px){.menu-sections{grid-template-columns:1fr}}.menu-badge{display:inline-grid;place-items:center;width:48px;height:48px;margin:0 auto 16px;border-radius:12px;background:linear-gradient(135deg,var(--accent),#8b5cf6);font-size:13px;font-weight:700;letter-spacing:.04em}#menu-ui,#level-list-ui,#world-select-ui,#character-select-ui{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;pointer-events:none}#menu-ui>*,#level-list-ui>*,#world-select-ui>*,#character-select-ui>*{pointer-events:auto}.menu-card h1{margin:0 0 8px;font-size:28px;font-weight:700}.menu-card p{margin:0 0 24px;color:var(--text-muted)}.menu-actions{display:flex;flex-direction:column;gap:8px}.menu-actions .btn{width:100%;padding:12px}#item-editor-ui,#audio-editor-ui,#tile-editor-ui{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:12}.tile-editor-row-list{max-height:42vh;overflow-y:auto}.tile-editor-grid{max-height:calc(100vh - var(--header-h) - var(--status-h) - 120px);overflow-y:auto}.tile-property-card{position:relative}.tile-property-card.tile-card-custom{outline:1px solid rgba(91,140,255,.55)}.tile-property-badge{position:absolute;top:4px;right:4px;font-size:11px;line-height:1;background:#080a10c7;border-radius:4px;padding:2px 4px}.tile-editor-auto-hint{margin:0 0 10px;font-size:12px;line-height:1.45;color:var(--text-muted, #9aa3b2)}.item-editor-shell{display:grid;height:100%;grid-template-columns:220px 1fr 320px;grid-template-rows:var(--header-h) 1fr var(--status-h);grid-template-areas:"header header header" "categories list form" "status status status";pointer-events:auto;background:var(--bg-app)}.item-editor-header{grid-area:header;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 16px;background:var(--bg-panel);border-bottom:1px solid var(--border);box-shadow:var(--shadow)}.item-editor-subtitle{display:block;font-size:11px;color:var(--text-muted);margin-top:2px}.item-editor-header-actions{display:flex;gap:8px}.item-editor-categories{grid-area:categories;border-right:1px solid var(--border);overflow:auto;border-radius:0;margin:0}.item-editor-list{grid-area:list;overflow:auto;border-right:1px solid var(--border);border-radius:0;margin:0}.item-editor-form{grid-area:form;overflow:auto;border-radius:0;margin:0}.panel-title{margin:0 0 12px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted)}.item-editor-status{grid-area:status;display:flex;align-items:center;padding:0 16px;background:var(--bg-panel-solid);border-top:1px solid var(--border);color:var(--text-muted);font-size:12px}.item-category-list{display:flex;flex-direction:column;gap:6px}.item-category-btn{width:100%;padding:10px 12px;border:1px solid transparent;border-radius:var(--radius-sm);background:transparent;color:var(--text);text-align:left;cursor:pointer;font:inherit}.item-category-btn:hover{background:var(--accent-soft)}.item-category-btn.active{background:var(--accent-soft);border-color:#5b8cff59;color:var(--accent-hover);font-weight:600}.item-editor-hint{margin:0 0 14px;color:var(--text-muted);font-size:12px}.item-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px}.item-card{display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px 10px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-elevated);color:var(--text);cursor:pointer;font:inherit}.item-card:hover{border-color:var(--border-strong)}.item-card.selected{border-color:var(--accent);box-shadow:0 0 0 1px #5b8cff59}.item-card-preview{display:block;border-radius:6px;background:#00000040}.item-card-name{font-size:12px;font-weight:600;text-align:center;line-height:1.3}.item-card-meta{font-size:11px;color:var(--text-muted)}.item-form-empty{margin:0;color:var(--text-muted)}.item-form-preview-wrap{display:flex;align-items:center;gap:14px;margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid var(--border)}.item-form-preview{display:block;border-radius:8px;background:#00000040}.item-form-id{font-size:11px;color:var(--text-muted);font-family:ui-monospace,monospace}.item-form-category{font-size:13px;font-weight:600;margin-top:4px}.item-form-stats{margin-top:8px;padding-top:8px;border-top:1px solid var(--border)}.panel-subtitle{margin:0 0 10px;font-size:12px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}.field span{font-size:12px;color:var(--text-muted)}.field input,.field textarea{width:100%;padding:8px 10px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-input);color:var(--text);font:inherit}.field textarea{resize:vertical;min-height:72px}@media (max-width: 900px){.item-editor-shell{grid-template-columns:1fr;grid-template-rows:var(--header-h) auto 1fr auto var(--status-h);grid-template-areas:"header" "categories" "list" "form" "status"}.item-editor-categories,.item-editor-list,.item-editor-form{border-right:none;border-bottom:1px solid var(--border)}.item-category-list{flex-direction:row;flex-wrap:wrap}.item-category-btn{width:auto}}#level-list-ui{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:12}.level-list-shell{display:grid;height:100%;grid-template-rows:var(--header-h) 1fr var(--status-h);pointer-events:auto;background:var(--bg-app)}.level-list-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 16px;background:var(--bg-panel);border-bottom:1px solid var(--border);box-shadow:var(--shadow)}.level-list-subtitle{display:block;font-size:11px;color:var(--text-muted);margin-top:2px}.level-list-main{margin:20px;overflow:auto;border-radius:var(--radius-lg)}.level-list-toolbar{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px;max-width:1100px;margin-left:auto;margin-right:auto}.level-editor-card-actions{display:flex;gap:8px;margin-top:4px}.level-editor-card-actions .btn-primary{flex:1}.world-level-preview .level-badge{margin-right:auto}.level-list-items{display:flex;flex-direction:column;gap:8px}.level-list-empty{padding:32px 16px;text-align:center;color:var(--text-muted);line-height:1.5}.level-list-empty p{margin:0 0 8px}.level-row{display:flex;align-items:stretch;gap:8px}.level-row-main{flex:1;display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding:14px 16px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-elevated);color:var(--text);cursor:pointer;text-align:left;font:inherit}.level-row-main:hover{border-color:var(--accent);background:#5b8cff0f}.level-row-name{font-size:15px;font-weight:600}.level-row-meta{display:flex;flex-wrap:wrap;gap:10px;font-size:12px;color:var(--text-muted)}.level-badge{padding:2px 8px;border-radius:999px;font-size:11px;font-weight:600}.level-badge-outdoor{background:#3ecf8e26;color:var(--success)}.level-badge-indoor{background:#8b5cf626;color:#b794f6}.level-row-delete{min-width:44px;padding:0;color:#ff8a80}.level-row-delete:hover{background:#ff52521f;color:#ff5252}.level-list-status{display:flex;align-items:center;padding:0 16px;background:var(--bg-panel-solid);border-top:1px solid var(--border);color:var(--text-muted);font-size:12px}#test-ui{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:15}.test-hud{pointer-events:auto;position:fixed;top:14px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:12px;padding:8px 12px 8px 16px;background:var(--bg-panel);border:1px solid var(--border);border-radius:999px;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.test-hud-label{font-size:12px;font-weight:600;color:var(--success);white-space:nowrap}.test-hud-hint{font-size:11px;color:var(--text-muted);white-space:nowrap}.test-hud-play .test-hud-label{color:var(--accent)}.test-hud-coins{font-size:12px;font-weight:600;color:#f0c040;white-space:nowrap}.test-hud-actions{display:flex;align-items:center;gap:8px}.menu-offline-banner{grid-column:1 / -1;padding:12px 16px;border-radius:var(--radius);background:#f0c0401f;border:1px solid rgba(240,192,64,.35);color:#f0c040;font-size:12px;line-height:1.5}.menu-offline-banner code{background:#00000040;padding:2px 6px;border-radius:4px}.menu-section-play{border-color:#5b8cff59;background:linear-gradient(135deg,rgba(91,140,255,.12),transparent)}.btn-lg{padding:12px 24px;font-size:15px}.shop-slot-buyable{cursor:pointer}.shop-slot-buyable:hover .shop-slot{outline:2px solid var(--accent)}.inventory-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2000;display:flex;align-items:center;justify-content:center;padding:24px}.inventory-modal-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#06080ed1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.inventory-modal-dialog{position:relative;width:min(420px,100%);max-height:min(88vh,720px)}.shop-panel{display:flex;flex-direction:column;background:var(--bg-panel-solid);border:1px solid var(--border-strong);border-radius:var(--radius-lg);box-shadow:0 24px 64px #0000008c;overflow:hidden}.shop-panel-accent{height:3px;background:linear-gradient(90deg,var(--accent),#8b5cf6 55%,var(--success));flex-shrink:0}.shop-panel-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:16px 18px 14px;border-bottom:1px solid var(--border)}.shop-panel-heading{display:flex;align-items:center;gap:12px;min-width:0}.shop-panel-badge{display:inline-flex;align-items:center;justify-content:center;min-width:36px;min-height:36px;padding:0 8px;border-radius:var(--radius-sm);color:#fff;font-size:11px;font-weight:700;flex-shrink:0;box-shadow:0 4px 12px #00000040}.shop-panel-title{margin:0;font-size:17px;font-weight:700;letter-spacing:-.01em}.shop-panel-subtitle{margin:3px 0 0;font-size:12px;color:var(--text-muted)}.shop-panel-close{width:36px;height:36px;padding:0;font-size:22px;line-height:1;flex-shrink:0}.shop-panel-body{display:flex;flex-direction:column;gap:12px;padding:16px 18px 18px}.shop-panel-section-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.shop-panel-section-title{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted)}.shop-panel-section-meta{font-size:11px;color:var(--text-muted)}.shop-slot-grid{display:grid;grid-template-columns:repeat(var(--shop-cols, 4),72px);gap:10px 8px;justify-content:center}.shop-slot-wrap{display:flex;flex-direction:column;align-items:center;gap:5px;width:72px}.shop-slot{display:flex;align-items:center;justify-content:center;width:72px;height:72px;padding:0;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-input)}.shop-slot-chip{display:block;image-rendering:pixelated;pointer-events:none}.shop-slot-price{display:inline-flex;align-items:center;justify-content:center;gap:3px;min-height:18px;padding:1px 6px;border-radius:999px;background:#ffc1071a;border:1px solid rgba(255,193,7,.24)}.shop-slot-coin{display:block;image-rendering:pixelated;flex-shrink:0}.shop-slot-price-value{font-size:11px;font-weight:700;color:#ffd54f;line-height:1}.shop-panel-empty{display:flex;align-items:center;justify-content:center;min-height:160px;padding:16px;border:1px dashed var(--border);border-radius:var(--radius);background:#0000002e;text-align:center}.shop-panel-empty-text{margin:0;max-width:280px;font-size:12px;line-height:1.5;color:var(--text-muted)}.shop-panel-hint{margin:0;font-size:11px;line-height:1.45;color:var(--text-muted);text-align:center}@media (max-width: 1100px){:root{--sidebar-w: 260px}.editor-tip-pill,.tileset-recent-panel{display:none}}@media (max-width: 900px){:root{--sidebar-w: 220px}.sidebar-tab-label{display:none}.header-actions .btn:not(.btn-primary){padding:6px 8px;font-size:12px}.game-context-hint{display:none}.game-btn span:not(.game-btn-icon){display:none}}.game-shell{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;display:flex;flex-direction:column;justify-content:space-between;padding:12px;gap:12px}.game-top-bar,.game-bottom-bar{pointer-events:auto;display:flex;align-items:center;gap:12px;padding:10px 14px;background:linear-gradient(180deg,#121622f0,#0a0c14eb);border:1px solid var(--border-strong);border-radius:var(--radius);box-shadow:var(--shadow)}.game-top-bar{justify-content:space-between}.game-top-start,.game-top-end{display:flex;align-items:center;gap:10px;flex-shrink:0}.game-mode-pill{display:inline-flex;align-items:center;padding:6px 12px;border-radius:999px;font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;background:#45d68a1f;border:1px solid rgba(69,214,138,.35);color:var(--success)}.game-shell-play .game-mode-pill{background:var(--accent-soft);border-color:#6b9bff66;color:var(--accent-hover)}.game-coins-pill{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;font-size:13px;font-weight:700;font-family:JetBrains Mono,monospace;background:var(--gold-soft);border:1px solid rgba(232,197,71,.35);color:var(--gold)}.game-coin-icon{color:var(--gold);font-size:10px}.game-context-hint{flex:1;margin:0;text-align:center;font-size:13px;font-weight:500;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 12px}.game-btn{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-elevated);color:var(--text);font:inherit;font-size:12px;font-weight:600;cursor:pointer;transition:background .15s,border-color .15s,transform .1s}.game-btn:hover{background:#222736;border-color:var(--border-strong)}.game-btn-icon{font-size:14px;line-height:1}.game-btn-ghost{background:transparent}.game-btn-danger{background:var(--danger);border-color:transparent;color:#fff}.game-btn-danger:hover{filter:brightness(1.08)}.game-bottom-bar{justify-content:center;flex-wrap:wrap;gap:16px 24px}.game-control-keys{display:inline-flex;align-items:center;gap:6px}.game-control-keys-muted{opacity:.65}.game-control-keys kbd{display:inline-grid;place-items:center;min-width:26px;height:26px;padding:0 6px;border-radius:6px;border:1px solid var(--border-strong);background:var(--bg-input);font-family:JetBrains Mono,monospace;font-size:11px;font-weight:600;color:var(--text);box-shadow:0 2px #00000059}.game-control-label{font-size:11px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}.menu-screen{background:radial-gradient(ellipse 80% 50% at 50% -10%,rgba(107,155,255,.18),transparent),radial-gradient(ellipse 60% 40% at 100% 100%,rgba(232,197,71,.08),transparent),var(--bg-app)}.menu-layout{width:min(720px,92vw);display:flex;flex-direction:column;gap:16px}.menu-hero{text-align:center;margin-bottom:8px}.menu-hero-badge{display:inline-block;margin-bottom:16px;padding:6px 14px;border-radius:999px;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;background:var(--accent-soft);border:1px solid rgba(107,155,255,.3);color:var(--accent-hover)}.menu-hero h1{margin:0 0 12px;font-size:clamp(28px,5vw,40px);font-weight:700;line-height:1.15}.menu-hero-accent{color:var(--gold)}.menu-hero-sub{margin:0;color:var(--text-muted);font-size:14px}.menu-play-card,.menu-tool-card{display:flex;align-items:center;gap:16px;width:100%;padding:20px 22px;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg-panel);color:var(--text);text-align:left;cursor:pointer;transition:transform .15s,border-color .15s,box-shadow .15s;box-shadow:var(--shadow)}.menu-play-card:hover,.menu-tool-card:hover{transform:translateY(-2px);border-color:var(--border-strong);box-shadow:0 16px 48px #00000080}.menu-play-card{background:linear-gradient(135deg,#6b9bff29,#0e111afa);border-color:#6b9bff59}.menu-play-icon{display:grid;place-items:center;width:52px;height:52px;border-radius:14px;background:linear-gradient(135deg,var(--accent),#8b5cf6);font-size:20px;color:#fff;flex-shrink:0}.menu-play-text,.menu-tool-text{display:flex;flex-direction:column;gap:4px}.menu-play-text strong,.menu-tool-text strong{font-size:17px;font-weight:700}.menu-play-text small,.menu-tool-text small{font-size:12px;color:var(--text-muted);line-height:1.4}.menu-tools-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.menu-tool-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:var(--bg-elevated);border:1px solid var(--border);font-size:20px;flex-shrink:0}@media (max-width: 640px){.menu-tools-grid{grid-template-columns:1fr}}.menu-tools-grid-wide{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.dialog-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:12000;display:grid;place-items:center;background:#080a10b8;padding:16px}.dialog-modal-panel{width:min(480px,100%);max-height:80vh;overflow:auto;padding:20px;border-radius:16px;background:var(--bg-panel);border:1px solid var(--border)}.dialog-modal-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.dialog-modal-speaker{font-size:12px;color:var(--text-muted);margin:0 0 8px}.dialog-modal-text{margin:0 0 16px;line-height:1.5}.dialog-modal-choices{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.dialog-choice-btn{text-align:left;justify-content:flex-start}.world-shell{display:grid;height:100%;grid-template-rows:var(--header-h) 1fr 40px;background:var(--bg-app)}.world-header{display:flex;align-items:center;gap:16px;padding:0 20px;border-bottom:1px solid var(--border);background:var(--bg-panel)}.world-header-copy h1{margin:0;font-size:18px;font-weight:700}.world-header-copy p{margin:2px 0 0;font-size:12px;color:var(--text-muted)}.world-header-stats{margin-left:auto;display:flex;align-items:center;gap:10px}.world-stat-pill{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;background:var(--gold-soft);border:1px solid rgba(232,197,71,.3);color:var(--gold);font-weight:700;font-family:JetBrains Mono,monospace;font-size:13px}.world-main{overflow:auto;padding:24px}.world-level-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px;max-width:1100px;margin:0 auto}.world-level-card{display:flex;flex-direction:column;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg-panel);overflow:hidden;box-shadow:var(--shadow);transition:transform .15s,border-color .15s}.world-level-card:hover{transform:translateY(-2px);border-color:#6b9bff59}.world-level-preview{height:100px;background:linear-gradient(135deg,#45d68a1f,#6b9bff1a),repeating-linear-gradient(0deg,transparent,transparent 15px,rgba(255,255,255,.03) 15px,rgba(255,255,255,.03) 16px),var(--bg-elevated);display:flex;align-items:flex-end;justify-content:flex-end;padding:10px}.world-level-size{font-size:11px;font-weight:600;font-family:JetBrains Mono,monospace;padding:4px 8px;border-radius:6px;background:#00000059;color:var(--text-muted)}.world-level-body{padding:16px;display:flex;flex-direction:column;gap:8px}.world-level-body h3{margin:0;font-size:16px}.world-level-meta{margin:0;font-size:12px;color:var(--text-muted)}.world-empty{grid-column:1 / -1;text-align:center;padding:48px 24px;border:1px dashed var(--border-strong);border-radius:var(--radius-lg);background:var(--bg-panel)}.world-empty-icon{font-size:40px;display:block;margin-bottom:12px}.world-empty h2{margin:0 0 8px}.world-empty p{margin:0;color:var(--text-muted)}.world-footer{display:flex;align-items:center;justify-content:center;gap:24px;padding:0 16px;border-top:1px solid var(--border);background:var(--bg-panel-solid);font-size:11px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}.editor-header{border-bottom:1px solid var(--border);background:linear-gradient(180deg,#141824fa,#0c0e16f5)}.editor-tip-pill{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:999px;font-size:11px;color:var(--text-muted);background:#ffffff08;border:1px solid var(--border)}.editor-tip-dot{opacity:.4}.editor-play-btn{min-width:96px;font-weight:700}.editor-rail{background:linear-gradient(180deg,#10131efa,#0a0c12f5);border-right:1px solid var(--border)}.rail-btn.active,.rail-btn.tool-btn.active{background:var(--accent-soft);border-color:#6b9bff73;color:var(--accent-hover);box-shadow:inset 0 0 0 1px #6b9bff33}.editor-sidebar{background:linear-gradient(180deg,#10131efa,#0a0c12f5);border-left:1px solid var(--border)}.sidebar-tab.active{background:var(--accent-soft);color:var(--accent-hover)}.editor-status{display:flex;align-items:center;justify-content:space-between;padding:0 16px;background:var(--bg-panel-solid);border-top:1px solid var(--border)}.editor-status-main{display:flex;align-items:center;gap:8px;font-size:12px}.editor-status-dot{width:8px;height:8px;border-radius:50%;background:var(--success);box-shadow:0 0 8px #45d68a80}.editor-status-keys{display:flex;align-items:center;gap:4px}.editor-status-keys kbd{display:inline-grid;place-items:center;min-width:22px;height:22px;padding:0 4px;border-radius:5px;border:1px solid var(--border);background:var(--bg-input);font-family:JetBrains Mono,monospace;font-size:10px;color:var(--text-muted)}.editor-status-keys-label{margin-left:6px;font-size:10px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}.editor-tileset{border-top:1px solid var(--border);background:#0c0e16fa}.inventory-modal-dialog{animation:ui-pop .2s ease-out}@keyframes ui-pop{0%{opacity:0;transform:scale(.96) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}.shop-panel{border:1px solid var(--border-strong);box-shadow:0 24px 64px #0000008c}#character-create-ui:not([hidden]){display:flex;position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;align-items:stretch;justify-content:center;padding:24px;background:radial-gradient(ellipse at 50% 0%,#28345a59,#080a10eb)}.char-create-shell{display:flex;flex-direction:column;width:min(1180px,100%);max-height:100%;border-radius:16px;overflow:hidden}.char-create-header{display:flex;align-items:center;gap:16px;padding:16px 20px;border-bottom:1px solid var(--border)}.char-create-header h1{margin:0;font-size:22px}.char-create-header p{margin:4px 0 0;font-size:13px;color:var(--text-muted)}.char-create-body{display:grid;grid-template-columns:320px 1fr;gap:0;flex:1;min-height:0;overflow:hidden}.char-create-preview-panel{display:flex;flex-direction:column;gap:12px;padding:20px;border-right:1px solid var(--border);background:#ffffff05;overflow-y:auto}.char-preview-frame{display:grid;place-items:center;height:180px;border-radius:12px;border:1px solid var(--border);background:linear-gradient(180deg,#1e2434cc,#10131ce6)}.char-preview-layers{position:relative;width:64px;height:64px}.char-preview-layer{position:absolute;top:0;right:0;bottom:0;left:0;image-rendering:pixelated;background-size:contain;background-repeat:no-repeat;background-position:center}.char-preview-name{text-align:center;font-size:16px;font-weight:700}.char-stats-panel h3,.char-skills-panel h3{margin:0 0 8px;font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted)}.char-stat-row{display:grid;grid-template-columns:88px 1fr 28px;align-items:center;gap:8px;margin-bottom:6px;font-size:12px}.char-stat-row-resource{grid-template-columns:88px 1fr;margin-top:4px}.char-stat-bar{height:6px;border-radius:999px;background:#ffffff14;overflow:hidden}.char-stat-fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--accent),#8b6bff)}.char-stat-value{text-align:right;font-variant-numeric:tabular-nums;color:var(--text-muted)}.char-skill-tags{display:flex;flex-wrap:wrap;gap:6px}.char-skill-tag{padding:4px 10px;border-radius:999px;font-size:11px;background:var(--accent-soft);border:1px solid rgba(107,155,255,.25);color:var(--accent-hover)}.char-create-form{padding:20px;overflow-y:auto}.char-form-section{margin-bottom:22px}.char-form-section h2{margin:0 0 10px;font-size:13px;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted)}.char-name-input{width:100%;max-width:320px;padding:10px 14px;border-radius:10px;border:1px solid var(--border);background:var(--bg-input);color:var(--text);font-size:14px}.char-gender-toggle{display:flex;gap:8px}.char-gender-btn{padding:10px 18px;border-radius:10px;border:1px solid var(--border);background:#ffffff08;color:var(--text-muted);cursor:pointer;font-size:13px}.char-gender-btn.active{border-color:#6b9bff73;background:var(--accent-soft);color:var(--accent-hover)}.char-prof-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:10px}.char-prof-card{display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:12px;border-radius:12px;border:1px solid var(--border);background:#ffffff05;cursor:pointer;text-align:left;color:inherit}.char-prof-card.active{border-color:#6b9bff80;background:var(--accent-soft)}.char-prof-icon{font-size:22px}.char-prof-label{font-weight:700;font-size:14px}.char-prof-desc{font-size:11px;color:var(--text-muted);line-height:1.35}.char-hair-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(48px,1fr));gap:8px;max-width:640px;max-height:220px;overflow-y:auto}.char-hair-chip{width:48px;height:48px;padding:4px;border-radius:10px;border:2px solid transparent;background:#ffffff0a;cursor:pointer}.char-hair-chip.active{border-color:var(--accent);background:var(--accent-soft)}.char-hair-chip-img{display:block;width:100%;height:100%;image-rendering:pixelated;background-size:contain;background-repeat:no-repeat;background-position:center}.char-create-footer{display:flex;justify-content:center;padding:16px 20px;border-top:1px solid var(--border)}.game-char-pill{display:inline-flex;align-items:center;padding:4px 10px;border-radius:999px;font-size:11px;background:#ffffff0a;border:1px solid var(--border);color:var(--text-muted)}.game-resource-bars{display:flex;flex-direction:column;gap:4px;min-width:180px}.game-resource-row{display:grid;grid-template-columns:24px 1fr auto;align-items:center;gap:8px;font-size:10px}.game-resource-label{font-weight:700;color:var(--text-muted)}.game-resource-bar{height:6px;border-radius:999px;background:#ffffff14;overflow:hidden}.game-resource-bar-hp .game-resource-fill{background:linear-gradient(90deg,#e74c3c,#ff6b6b)}.game-resource-bar-mp .game-resource-fill{background:linear-gradient(90deg,#3498db,#6bb5ff)}.game-resource-value{font-variant-numeric:tabular-nums;color:var(--text-muted)}@media (max-width: 860px){.char-create-body{grid-template-columns:1fr}.char-create-preview-panel{border-right:none;border-bottom:1px solid var(--border)}}.audio-track-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:10px}.audio-track-card{display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:12px;border-radius:12px;border:1px solid var(--border);background:#ffffff05;cursor:pointer;text-align:left;color:inherit}.audio-track-card.selected{border-color:#6b9bff80;background:var(--accent-soft)}.audio-track-icon{font-size:20px}.audio-track-name{font-weight:600;font-size:13px}.audio-track-meta{font-size:11px;color:var(--text-muted)}.audio-settings-panel,.audio-bindings-panel{display:flex;flex-direction:column;gap:14px;max-width:420px}.audio-toggle-field{display:flex;align-items:center;justify-content:space-between;gap:12px}.audio-toggle-field input[type=checkbox]{width:18px;height:18px}.audio-binding-row select{width:100%}.audio-form-id{font-size:11px;color:var(--text-muted);margin-bottom:12px;font-family:JetBrains Mono,monospace}.audio-form-actions{display:flex;gap:8px;margin-top:8px}#character-select-ui:not([hidden]){display:flex;position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;align-items:stretch;justify-content:center;padding:24px;background:radial-gradient(ellipse at 50% 0%,#28345a59,#080a10eb)}.char-select-shell{display:flex;flex-direction:column;width:min(980px,100%);max-height:100%;border-radius:16px;overflow:hidden}.char-select-header{display:flex;align-items:center;gap:16px;padding:16px 20px;border-bottom:1px solid var(--border)}.char-select-header h1{margin:0;font-size:22px}.char-select-header p{margin:4px 0 0;font-size:13px;color:var(--text-muted)}.char-select-header>div{flex:1}.char-select-main{flex:1;min-height:0;overflow-y:auto;padding:20px}.char-select-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}.char-select-empty{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:48px 24px;text-align:center;border:1px dashed var(--border-strong);border-radius:16px;background:#ffffff05}.char-select-empty-icon{font-size:40px}.char-select-empty h2{margin:0;font-size:20px}.char-select-empty p{margin:0;color:var(--text-muted);max-width:360px}.char-select-card{display:flex;flex-direction:column;gap:12px;padding:16px;border-radius:14px;border:1px solid var(--border);background:#ffffff08}.char-select-card-danger{border-color:#e85d5d73;background:#e85d5d14}.char-select-card-danger h3{margin:0;font-size:16px}.char-select-card-danger p{margin:0;color:var(--text-muted);font-size:13px}.char-select-preview{display:grid;place-items:center;height:120px;border-radius:12px;border:1px solid var(--border);background:linear-gradient(180deg,#1e2434cc,#10131ce6)}.char-select-preview .char-preview-layers{position:relative;width:48px;height:48px}.char-select-body h3{margin:0;font-size:17px}.char-select-meta{margin:4px 0 0;font-size:12px;color:var(--text-muted)}.char-select-card-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.char-select-card-actions .btn-primary{flex:1;min-width:120px}.char-select-delete{color:var(--danger)}.char-select-error{margin:0 20px 12px;padding:10px 14px;border-radius:10px;border:1px solid rgba(232,93,93,.35);background:#e85d5d1f;color:#ffb4b4;font-size:13px}:root{--hud-hp: #e85d5d;--hud-mp: #5d9ee8;--hud-xp: #e8c85d;--hud-coins: #f0c040;--hud-accent: #7ec8a4;--hud-muted: #8a93a8;--hud-danger: #e85d5d;--hud-success: #6ecf8a;--hud-door-locked: #c06060}.balance-table-wrap{overflow:auto;max-height:min(60vh,520px)}.balance-table{width:100%;border-collapse:collapse;font-size:12px}.balance-table th,.balance-table td{padding:6px 8px;border-bottom:1px solid var(--border);text-align:left;white-space:nowrap}.balance-table th{position:sticky;top:0;background:var(--panel-bg, rgba(20, 24, 34, .98));z-index:1}.balance-table tr:hover td{background:#ffffff08}.balance-table .stat-better{color:var(--hud-success)}.balance-table .stat-worse{color:var(--hud-danger)}.game-chat{position:fixed;left:16px;bottom:72px;width:min(320px,calc(100vw - 32px));display:flex;flex-direction:column;gap:6px;pointer-events:none;z-index:120}.game-chat-panel{pointer-events:auto;display:flex;flex-direction:column;gap:6px;padding:8px;border-radius:10px;border:1px solid var(--border);background:#0c0e14e0;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.game-chat-log{max-height:140px;overflow-y:auto;font-size:12px;line-height:1.35;color:var(--text-muted)}.game-chat-log .chat-line{margin-bottom:4px}.game-chat-log .chat-name{color:var(--hud-accent);font-weight:600}.game-chat-input-row{display:flex;gap:6px}.game-chat-input-row input{flex:1;min-width:0}.game-chat-form{pointer-events:auto;display:flex;gap:6px}.game-chat-form input{flex:1;min-width:0;min-height:40px;padding:8px 10px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-input);color:var(--text);font:inherit;font-size:16px}.game-chat-line{margin-bottom:4px;word-break:break-word}.game-chat-line-self strong{color:var(--accent)}html.is-game-active,html.is-game-active body{touch-action:none;overscroll-behavior:none}html.is-mobile .menu-screen{display:block;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:max(16px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left))}html.is-mobile .menu-screen .menu-layout{width:min(720px,100%);margin:0 auto;padding:8px 0 24px}html.is-mobile .menu-play-card,html.is-mobile .menu-tool-card{padding:16px 18px;min-height:56px}html.is-touch .btn,html.is-touch .game-btn,html.is-touch .menu-tool-card,html.is-touch .menu-play-card{min-height:44px}html.is-mobile .char-select-shell{overflow-y:auto;-webkit-overflow-scrolling:touch}html.is-mobile .char-select-grid{grid-template-columns:1fr}html.is-mobile .char-select-main{padding:12px}html.is-mobile .inventory-modal{padding:max(12px,env(safe-area-inset-top)) 12px max(12px,env(safe-area-inset-bottom));align-items:flex-end}html.is-mobile .inventory-modal-dialog,html.is-mobile .shop-panel,html.is-mobile .dialog-modal-dialog{width:100%;max-height:min(92vh,100%)}html.is-mobile .dialog-modal-overlay{padding:max(12px,env(safe-area-inset-top)) 12px max(12px,env(safe-area-inset-bottom))}.game-shell-touch{padding:max(8px,env(safe-area-inset-top)) max(8px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left))}html.is-mobile .game-top-bar{flex-wrap:wrap;gap:8px;padding:8px 10px}html.is-mobile .game-resource-bars{order:3;width:100%;min-width:0}html.is-mobile .game-context-hint{display:block;order:2;width:100%;flex:none;font-size:11px;padding:0 4px}html.is-mobile .game-top-start{flex:1;flex-wrap:wrap;gap:6px}html.is-mobile .game-mode-pill,html.is-mobile .game-char-pill{font-size:10px;padding:4px 8px}html.is-mobile .game-btn{min-width:44px;min-height:44px;padding:10px 12px}.game-bottom-bar-touch{visibility:hidden;height:0;padding:0;margin:0;border:none;overflow:hidden}.game-touch-hint{display:none}.virtual-controls{pointer-events:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:18;display:flex;align-items:flex-end;justify-content:space-between;padding:0 max(12px,env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));gap:12px}.virtual-controls-left,.virtual-controls-right{pointer-events:none;display:flex;align-items:flex-end;gap:10px}.virtual-controls-right{flex-direction:column-reverse;align-items:flex-end}.virtual-joystick{pointer-events:auto;touch-action:none;position:relative;width:128px;height:128px;border-radius:50%;background:#0c0e1473;border:2px solid rgba(255,255,255,.12);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.virtual-joystick-knob{position:absolute;left:50%;top:50%;width:52px;height:52px;margin:-26px 0 0 -26px;border-radius:50%;background:#6b9bff8c;border:2px solid rgba(255,255,255,.25);box-shadow:0 4px 16px #00000059;transition:transform .05s linear}.virtual-btn{pointer-events:auto;touch-action:manipulation;display:grid;place-items:center;width:56px;height:56px;padding:0;border-radius:50%;border:2px solid rgba(255,255,255,.14);background:#121622d1;color:var(--text);font:inherit;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);-webkit-tap-highlight-color:transparent}.virtual-btn:active{transform:scale(.94)}.virtual-btn-primary{width:64px;height:64px;background:#6b9bff59;border-color:#6b9bff8c}.virtual-btn-secondary{background:#e8c5472e;border-color:#e8c54759}.virtual-btn-ghost{width:48px;height:48px;opacity:.9}.virtual-btn-icon{font-size:22px;line-height:1}html.is-mobile .game-chat{left:max(12px,env(safe-area-inset-left));right:max(140px,calc(env(safe-area-inset-right) + 72px));bottom:max(150px,calc(env(safe-area-inset-bottom) + 136px));width:auto}@media (max-width: 480px){.virtual-joystick{width:112px;height:112px}.virtual-joystick-knob{width:46px;height:46px;margin:-23px 0 0 -23px}.virtual-btn-primary{width:58px;height:58px}.virtual-btn{width:50px;height:50px}}.menu-layout-wide{width:min(920px,94vw)}.menu-sections{display:flex;flex-direction:column;gap:28px}.menu-section-title{margin:0 0 12px;font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted)}.menu-section--map .menu-section-title{color:#7eb8ff}.menu-section--content .menu-section-title{color:#c4a8ff}.menu-section--combat .menu-section-title{color:#ff8a8a}.menu-section--system .menu-section-title{color:#8fd4a8}.menu-tool-card--map{border-left:3px solid rgba(107,155,255,.5)}.menu-tool-card--content{border-left:3px solid rgba(168,130,255,.5)}.menu-tool-card--combat{border-left:3px solid rgba(255,120,120,.55)}.menu-tool-card--system{border-left:3px solid rgba(120,200,150,.5)}.content-editor{--editor-accent: var(--accent)}.content-editor--map{--editor-accent: #6b9bff}.content-editor--tiles{--editor-accent: #7ec8e3}.content-editor--content{--editor-accent: #a882ff}.content-editor--combat{--editor-accent: #ff7878}.content-editor--shop{--editor-accent: #e8c547}.content-editor--system{--editor-accent: #78c896}.content-editor-header{border-bottom-color:color-mix(in srgb,var(--editor-accent) 35%,var(--border));background:linear-gradient(90deg,color-mix(in srgb,var(--editor-accent) 8%,var(--bg-panel)),var(--bg-panel))}.content-editor-brand{display:flex;align-items:center;gap:12px}.content-editor-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:color-mix(in srgb,var(--editor-accent) 18%,transparent);border:1px solid color-mix(in srgb,var(--editor-accent) 35%,transparent);font-size:20px}.content-editor-sidebar,.content-editor-main,.content-editor-form{padding:14px 16px}.content-editor-main-head{margin-bottom:14px}.content-editor-nav-btn{display:flex;flex-direction:column;align-items:flex-start;gap:2px}.content-editor-nav-label{font-weight:600}.content-editor-nav-meta{font-size:11px;color:var(--text-muted);font-weight:400}.content-editor .item-category-btn.active{background:color-mix(in srgb,var(--editor-accent) 16%,transparent);border-color:color-mix(in srgb,var(--editor-accent) 40%,transparent);color:var(--editor-accent)}.content-editor-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.content-editor-badge{font-size:11px;font-family:ui-monospace,monospace;color:var(--text-muted);padding:4px 8px;border-radius:6px;background:var(--bg-elevated);border:1px solid var(--border)}.content-editor-stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.content-editor-empty{padding:24px 12px;text-align:center}.editor-table-wrap{overflow:auto;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-elevated)}.editor-table{width:100%;border-collapse:collapse;font-size:13px}.editor-table th,.editor-table td{padding:8px 10px;text-align:left;border-bottom:1px solid var(--border)}.editor-table th{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);background:var(--bg-panel)}.editor-table tr:last-child td{border-bottom:none}.editor-table-select,.editor-table-input{width:100%;min-width:0;padding:6px 8px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-input);color:var(--text);font:inherit}.editor-table-input-sm{max-width:72px}.btn-icon{min-width:32px;padding:4px 8px}.btn-danger{margin-top:12px;border-color:#ff646466;color:#ff9a9a}.content-editor--wide{grid-template-columns:200px 1fr;grid-template-areas:"header header" "categories list" "status status"}.content-editor--wide .content-editor-form{display:none}.content-editor--wide .content-editor-main{border-right:none}.content-editor-form-wide{max-width:640px}@media (max-width: 900px){.content-editor-stat-grid{grid-template-columns:1fr 1fr}.content-editor--wide{grid-template-columns:1fr;grid-template-areas:"header" "categories" "list" "status"}}