:root{font-family:Trebuchet MS,Segoe UI,sans-serif;color:#f7f1dc;background:radial-gradient(circle at top,rgba(255,205,87,.16),transparent 28%),linear-gradient(180deg,#22313f,#15202b);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--panel: rgba(15, 24, 34, .85);--panel-border: rgba(255, 232, 173, .2);--accent: #ffd166;--shadow: 0 20px 50px rgba(0, 0, 0, .3)}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input,textarea,select{font:inherit}#app{min-height:100vh}.shell{width:min(1360px,calc(100vw - 32px));margin:0 auto;padding:24px 0 28px}.hud{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;padding:18px 22px;border:1px solid var(--panel-border);background:var(--panel);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:22px}.eyebrow{margin:0 0 6px;text-transform:uppercase;letter-spacing:.24em;color:var(--accent);font-size:12px}h1{margin:0;font-size:clamp(28px,4vw,52px);line-height:.95}.status-grid{display:grid;grid-template-columns:repeat(4,minmax(120px,1fr));gap:16px;width:min(760px,100%)}.status-grid__wide{grid-column:span 4}.status-grid>div,.legend{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:14px 16px}.label,.legend p{display:block;margin-bottom:8px;color:#f7f1dcb8;text-transform:uppercase;letter-spacing:.12em;font-size:11px}.status-grid strong{display:block;color:#fff;font-size:16px}.hud-button{width:100%;border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:10px 12px;color:#fff8dc;background:#ffd16624;cursor:pointer}.hud-button:active{transform:translateY(1px)}.playfield{display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:16px;margin-top:16px}.game-root{position:relative;min-height:min(78vh,860px);border-radius:26px;overflow:hidden;border:1px solid var(--panel-border);box-shadow:var(--shadow);background:#0f1720}.game-root:fullscreen{width:100vw;height:100vh;min-height:100vh;border-radius:0;border:0}.game-root:fullscreen .touch-controls{padding-bottom:env(safe-area-inset-bottom,0)}.minimap-canvas{position:absolute;left:14px;bottom:14px;z-index:3;width:144px;height:144px;border-radius:16px;border:2px solid rgba(244,211,94,.75);background:#08131de0;box-shadow:0 10px 24px #00000047;pointer-events:none}.scene-hud{position:absolute;right:14px;bottom:14px;z-index:2;display:grid;gap:8px;width:128px;pointer-events:none}.scene-hud__item{padding:10px 12px;border-radius:14px;background:#0a1018c7;border:1px solid rgba(255,255,255,.08);box-shadow:0 10px 20px #00000038}.scene-hud__label{display:block;margin-bottom:4px;color:#f7f1dca6;text-transform:uppercase;letter-spacing:.1em;font-size:10px}.scene-hud strong{color:#fff8dc;font-size:16px}.touch-controls{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;pointer-events:none}.touch-controls__side{position:absolute;bottom:14px;display:flex;align-items:flex-end;gap:14px;pointer-events:none}.touch-controls__side--left{left:14px}.touch-controls__side--right{right:14px;flex-direction:column;align-items:flex-end}.touch-joystick{position:relative;width:104px;height:104px;pointer-events:auto;touch-action:none}.touch-joystick__base,.touch-joystick__knob{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;border-radius:50%}.touch-joystick__base{width:104px;height:104px;border:1px solid rgba(255,255,255,.14);background:#070c1252;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.touch-joystick__knob{width:42px;height:42px;background:#ffd166c7;box-shadow:0 8px 18px #0000003d}.touch-buttons{display:grid;grid-template-columns:repeat(2,minmax(74px,1fr));gap:10px;pointer-events:auto}.touch-button{min-width:74px;min-height:48px;padding:10px 12px;border-radius:14px;border:1px solid rgba(255,255,255,.12);color:#fff7df;background:#0a1018c7;box-shadow:0 10px 20px #0003;touch-action:manipulation}.touch-button--primary{background:#e63946d1}.touch-button--accent{background:#ffd1663d}.game-root>canvas:not(.minimap-canvas){display:block;width:100%;height:100%}.legend ul{margin:0;padding:0;list-style:none;display:grid;gap:10px}.legend li{display:flex;align-items:center;justify-content:space-between;gap:16px;color:#ffffffeb}kbd{border-radius:10px;padding:4px 8px;border:1px solid rgba(255,255,255,.12);background:#00000047;box-shadow:inset 0 -2px #ffffff14;font-size:12px}@media(max-width:980px){.shell{width:min(100vw - 20px,1360px);padding-top:10px}.hud,.playfield{display:grid;grid-template-columns:1fr}.status-grid{grid-template-columns:1fr}.status-grid__wide{grid-column:span 1}.game-root{min-height:62vh}.legend{display:none}}@media(pointer:fine){.touch-controls{display:none}}body.touch-ui{overflow:hidden}body.touch-ui .shell{width:100vw;padding:0}body.touch-ui .hud,body.touch-ui .legend{display:none}body.touch-ui .playfield{display:block;margin-top:0}body.touch-ui .game-root{min-height:100vh;border-radius:0;border:0}body.touch-ui .minimap-canvas{left:12px;top:12px;bottom:auto;width:112px;height:112px;border-radius:14px}body.touch-ui .scene-hud{top:12px;right:12px;bottom:auto;width:118px;gap:6px}body.touch-ui .scene-hud__item{padding:8px 10px;border-radius:12px}body.touch-ui .scene-hud__label{font-size:9px}body.touch-ui .scene-hud strong{font-size:15px}body.touch-ui .touch-controls__side--left{left:16px;bottom:16px}body.touch-ui .touch-controls__side--right{right:16px;bottom:16px;gap:14px}body.touch-ui .touch-joystick{width:126px;height:126px}body.touch-ui .touch-joystick__base{width:126px;height:126px;background:#070c126b}body.touch-ui .touch-joystick__knob{width:50px;height:50px}body.touch-ui .touch-buttons{grid-template-columns:repeat(2,minmax(88px,1fr));gap:12px}body.touch-ui .touch-button{min-width:88px;min-height:58px;padding:12px 14px;border-radius:16px;font-size:14px;font-weight:700}@media(max-width:720px){.touch-controls__side--right{gap:10px}.touch-joystick,.touch-joystick__base{width:92px;height:92px}.touch-buttons{grid-template-columns:repeat(2,minmax(68px,1fr));gap:8px}.touch-button{min-width:68px;min-height:44px;font-size:13px}body.touch-ui .minimap-canvas{width:96px;height:96px}body.touch-ui .scene-hud{width:106px}body.touch-ui .touch-joystick,body.touch-ui .touch-joystick__base{width:112px;height:112px}body.touch-ui .touch-joystick__knob{width:46px;height:46px}body.touch-ui .touch-buttons{grid-template-columns:repeat(2,minmax(82px,1fr));gap:10px}body.touch-ui .touch-button{min-width:82px;min-height:54px;font-size:13px}}.editor-shell{display:grid;grid-template-columns:minmax(0,80%) minmax(320px,20%);gap:12px;width:100vw;height:100vh;margin:0;padding:10px}.editor-sidebar{display:grid;gap:12px;align-content:start;height:calc(100vh - 20px);max-height:calc(100vh - 20px);overflow:auto;padding-right:6px}.editor-panel{padding:16px;border:1px solid var(--panel-border);border-radius:18px;background:#0c141deb;box-shadow:var(--shadow)}.editor-eyebrow{margin:0 0 6px;color:var(--accent);text-transform:uppercase;letter-spacing:.18em;font-size:11px}.editor-title{margin:0 0 8px;font-size:34px;line-height:.95}.editor-copy{margin:0;color:#f7f1dcbd;line-height:1.45}.editor-controls,.editor-selection,.editor-routes{display:grid;gap:12px}.editor-field{display:grid;gap:6px}.editor-field span,.editor-section-title{color:#f7f1dcb3;text-transform:uppercase;letter-spacing:.12em;font-size:11px}.editor-field input,.editor-panel textarea{width:100%;border:1px solid rgba(255,255,255,.12);border-radius:12px;background:#ffffff0a;color:#fff8dc;padding:10px 12px}.editor-panel textarea{min-height:180px;resize:vertical;font-family:Consolas,Courier New,monospace;font-size:12px}.editor-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.editor-actions button,.editor-tab,.editor-asset{border:1px solid rgba(255,255,255,.12);border-radius:12px;background:#ffffff0a;color:#fff8dc;cursor:pointer}.editor-actions button{padding:10px 12px}.editor-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.editor-tab{padding:8px 12px}.editor-tab.is-active,.editor-asset.is-selected{background:#ffd1662e;border-color:#ffd16673}.editor-palette{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;max-height:480px;overflow:auto;padding-right:4px}.editor-asset{display:grid;gap:8px;align-content:start;padding:10px;text-align:left}.editor-asset img{width:100%;max-height:84px;object-fit:contain;image-rendering:pixelated}.editor-asset span{font-size:12px;line-height:1.3}.editor-stage-wrap{display:grid;grid-template-rows:auto minmax(0,1fr);gap:12px;min-height:0;height:calc(100vh - 20px)}.editor-toolbar{display:flex;flex-wrap:wrap;gap:10px;padding:12px 14px;border:1px solid var(--panel-border);border-radius:16px;background:#0c141de0;color:#fff8dcd1;font-size:13px}.editor-tool-group{display:flex;flex-wrap:wrap;gap:8px}.editor-toolbar-button{border:1px solid rgba(255,255,255,.12);border-radius:12px;background:#ffffff0a;color:#fff8dc;cursor:pointer;padding:8px 12px}.editor-toolbar-button.is-active{background:#ffd1662e;border-color:#ffd16673}.editor-toolbar-hint{align-self:center;color:#fff8dcad}.editor-route-header{display:grid;gap:10px}.editor-route-kind{display:flex;flex-wrap:wrap;gap:8px}.editor-route-list{display:grid;gap:8px;max-height:180px;overflow:auto}.editor-route-item{text-align:left;padding:9px 10px;border:1px solid rgba(255,255,255,.1);border-radius:12px;background:#ffffff0a;color:#fff8dc;cursor:pointer}.editor-route-item.is-selected{background:#ffd1662e;border-color:#ffd16673}#editor-route-empty{color:#f7f1dcad;font-size:13px}.editor-stage{position:relative;overflow:hidden;min-height:0;height:100%;border:1px solid var(--panel-border);border-radius:22px;background:radial-gradient(circle at top,rgba(255,209,102,.07),transparent 24%),#091119;box-shadow:var(--shadow)}.editor-stage[data-tool=place-select] #editor-canvas{cursor:crosshair}.editor-stage[data-tool=move] #editor-canvas{cursor:move}.editor-stage[data-tool=pan] #editor-canvas{cursor:grab}#editor-canvas{display:block;width:100%;height:100%}@media(max-width:1180px){.editor-shell{grid-template-columns:1fr;width:100vw;height:auto}.editor-stage{min-height:72vh}.editor-stage-wrap,.editor-sidebar{height:auto;max-height:none}}@media(max-height:520px)and (orientation:landscape){body.touch-ui .minimap-canvas{width:82px;height:82px}body.touch-ui .scene-hud{width:96px;gap:4px}body.touch-ui .scene-hud__item{padding:6px 8px}body.touch-ui .touch-controls__side--left,body.touch-ui .touch-controls__side--right{bottom:10px}body.touch-ui .touch-joystick,body.touch-ui .touch-joystick__base{width:98px;height:98px}body.touch-ui .touch-joystick__knob{width:40px;height:40px}body.touch-ui .touch-buttons{grid-template-columns:repeat(3,minmax(70px,1fr))}body.touch-ui .touch-button{min-width:70px;min-height:44px;padding:8px 10px;font-size:12px}}