:root{--text:#8a82b0;--text-h:#f0ecff;--bg:#0f0a1e;--panel-bg:#1d1535;--panel-bg-light:#2a2050;--border:#4a3a78;--accent:#ffd23f;--mono:ui-monospace, Consolas, monospace;--pixel:var(--mono);font:16px/145% var(--mono);color:var(--text-h);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:none;-moz-osx-font-smoothing:unset}*{box-sizing:border-box}body{overscroll-behavior-y:contain;margin:0}#root{min-height:100vh}h1,h2{color:var(--text-h);font-family:var(--pixel);text-transform:uppercase;letter-spacing:.06em;margin:0}.app{max-width:1100px;padding:16px 20px 40px;padding-top:max(16px, env(safe-area-inset-top));padding-left:max(20px, env(safe-area-inset-left));padding-right:max(20px, env(safe-area-inset-right));padding-bottom:max(40px, env(safe-area-inset-bottom));margin:0 auto}.app h1{margin-bottom:14px;font-size:22px;font-weight:600}.app-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.app-header h1{margin-bottom:0}.account-bar{color:var(--text);align-items:center;gap:10px;margin-bottom:14px;font-size:14px;display:flex}.account-bar .mode-btn{padding:4px 12px}.layout{flex-wrap:wrap;align-items:flex-start;gap:16px;display:flex}.canvas-wrap{line-height:0;position:relative}.game-canvas{touch-action:none;border:2px solid #4a3a78;max-width:100%;line-height:0;display:inline-block}.game-canvas canvas,.battle-canvas canvas{max-width:100%;height:auto;display:block}.battle-canvas{cursor:pointer;touch-action:none;border:2px solid #4a3a78;max-width:100%;line-height:0;display:inline-block}.view-tab,.mode-btn,.wave-btn,.archetype-btn,.overlay-box button{font-family:var(--pixel);text-transform:uppercase;letter-spacing:.04em}.panel h2,.overlay-box h2{font-family:var(--pixel);text-transform:uppercase;letter-spacing:.05em}.view-tabs{-webkit-overflow-scrolling:touch;flex-wrap:nowrap;gap:6px;margin-bottom:14px;display:flex;overflow-x:auto}.view-tab{border:2px solid var(--border);color:var(--text-h);cursor:pointer;background:0 0;border-radius:0;flex-shrink:0;padding:8px 16px;font-size:14px;font-weight:600}.view-tab.active{background:#3ec97a2e;border-color:#3ec97a}.battle-placeholder{border:2px dashed var(--border);text-align:center;box-sizing:border-box;border-radius:0;justify-content:center;align-items:center;max-width:100%;padding:20px;display:flex}.sidebar{flex-direction:column;flex:260px;gap:12px;min-width:260px;display:flex}.panel{background:var(--panel-bg);border:1px solid var(--border);border-radius:0;padding:12px 14px}.panel h2{margin-bottom:8px;font-size:15px;font-weight:600}.stat-row{justify-content:space-between;padding:2px 0;font-size:14px;display:flex}.stat-row.cost strong.insufficient{color:#e0394a}.hp-bar{background:#4a3a78;border-radius:0;height:8px;margin:4px 0 8px;overflow:hidden}.hp-bar-fill{background:#3ec97a;height:100%;transition:width .2s linear}.wave-btn{color:#f0ecff;cursor:pointer;background:#4a3a78;border:none;border-radius:0;width:100%;margin-top:8px;padding:8px;font-size:14px;font-weight:600}.wave-btn:disabled{opacity:.5;cursor:default}.mode-toggle{grid-template-columns:1fr 1fr;gap:6px;margin-bottom:10px;display:grid}.mode-btn{border:2px solid var(--border);color:var(--text-h);cursor:pointer;background:0 0;border-radius:0;padding:8px 6px;font-size:13px;font-weight:600}.mode-btn.active{background:#3ec97a2e;border-color:#3ec97a}.mode-btn.owned-highlight{background:#ffd23f29;border-color:#ffd23f}.locale-select{font-family:var(--pixel);text-transform:uppercase;letter-spacing:.04em;border:2px solid var(--border);background:var(--panel-bg);color:var(--text-h);cursor:pointer;border-radius:0;padding:6px;font-size:13px;font-weight:600}.archetype-grid{grid-template-columns:1fr 1fr;gap:6px;margin-bottom:10px;display:grid}.building-grid{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:8px;margin-top:8px;display:grid}.building-card{border:2px solid var(--border);background:var(--panel-bg);color:var(--text-h);text-align:center;overflow-wrap:break-word;border-radius:0;flex-direction:column;align-items:center;gap:4px;min-width:0;padding:8px;font-family:inherit;display:flex}.equip-icon{width:48px;height:48px;image-rendering:pixelated}.resource-icon-sm{width:22px;height:22px;image-rendering:pixelated;vertical-align:middle;flex-shrink:0}.archetype-btn{border:2px solid var(--border);color:var(--text-h);cursor:pointer;background:0 0;border-radius:0;padding:8px 6px;font-size:13px}.archetype-btn.active{background:#3ec97a2e;font-weight:600}.tier-label{justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;font-size:14px;display:flex}.tier-label input[type=range]{flex:1;margin-left:10px}.tier-label select,.tier-label input[type=number]{background:var(--panel-bg);max-width:160px;color:var(--text-h);border:1px solid var(--border);border-radius:0;flex:1;margin-left:10px;padding:4px 6px}.blueprint-stats{border-top:1px solid var(--border);margin-top:4px;padding-top:8px}.hint{color:var(--text);margin-top:10px;font-size:12px}.overlay{z-index:50;background:#0000008c;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.overlay-box{background:var(--panel-bg);text-align:center;border-radius:0;padding:24px 32px}.overlay-box h2{margin-bottom:8px}.overlay-box p{margin-bottom:16px}.overlay-box button{color:#f0ecff;cursor:pointer;background:#3ec97a;border:none;border-radius:0;padding:8px 20px;font-size:14px;font-weight:600}.toast{color:#f0ecff;white-space:nowrap;background:#e0394aeb;border-radius:0;padding:6px 14px;font-size:13px;position:absolute;bottom:12px;left:50%;transform:translate(-50%)}.battle-actions{grid-template-columns:1fr 1fr;gap:6px;margin-top:10px;display:grid}.turn-order{flex-wrap:wrap;gap:6px;display:flex}.turn-chip{border:1px solid var(--border);color:var(--text-h);border-radius:0;padding:4px 8px;font-size:12px;font-weight:600}.turn-chip.player{background:#3e7fc92e;border-color:#3e7fc9}.turn-chip.enemy{background:#e0394a2e;border-color:#e0394a}.turn-chip.current{outline:2px solid #ffd23f}.battle-log{flex-direction:column;gap:2px;max-height:220px;font-size:12px;display:flex;overflow-y:auto}.log-line{border-bottom:1px solid var(--border);padding:2px 0}.economy-main{flex-direction:column;flex:2 420px;gap:12px;min-width:320px;display:flex}.inventory-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:6px;margin-bottom:10px;display:grid}.inventory-item{border:1px solid var(--border);background:#ffffff08;border-radius:0;justify-content:space-between;gap:8px;padding:4px 8px;font-size:13px;display:flex}.recipe-list{flex-direction:column;gap:6px;display:flex}.recipe-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:8px;padding:4px 0;font-size:13px;display:flex}.recipe-row:last-child{border-bottom:none}.recipe-row .mode-btn{white-space:nowrap;flex-shrink:0}.enchant-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:8px;padding:6px 0;display:flex}.enchant-row:last-child{border-bottom:none}.enchant-row .mode-btn{white-space:nowrap;flex-shrink:0;font-size:12px}.market-table{flex-direction:column;gap:2px;max-height:360px;display:flex;overflow-y:auto}.market-row{border-bottom:1px solid var(--border);grid-template-columns:1.4fr 1fr 1fr;align-items:center;gap:8px;padding:4px 0;font-size:13px;display:grid}.market-row:last-child{border-bottom:none}.market-header{color:var(--text-h);border-bottom:2px solid var(--border);background:var(--panel-bg);font-weight:600;position:sticky;top:0}.market-cell{justify-content:space-between;align-items:center;gap:6px;display:flex}.market-cell .mode-btn{white-space:nowrap;flex-shrink:0;padding:4px 8px;font-size:12px}.auth-gate{box-sizing:border-box;justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.auth-card{width:100%;max-width:360px}.auth-card h1,.auth-card h2{text-align:center;margin-bottom:14px}.auth-form{flex-direction:column;gap:10px;margin-top:10px;display:flex}.auth-form label{color:var(--text);flex-direction:column;gap:4px;font-size:13px;display:flex}.auth-form input{background:var(--panel-bg);color:var(--text-h);border:1px solid var(--border);border-radius:0;padding:6px 8px;font-size:14px}.auth-error{color:#e0394a;margin:0;font-size:13px}.race-grid{grid-template-columns:1fr 1fr;gap:6px;display:grid}.overworld-grid{grid-template-columns:repeat(8,1fr);gap:4px;margin-top:10px;display:grid}.land-cell-icon{width:65%;height:65%;image-rendering:pixelated}.land-cell{aspect-ratio:1;text-align:center;border:2px solid var(--border);color:var(--text-h);cursor:pointer;background:0 0;border-radius:0;flex-direction:column;justify-content:center;align-items:center;gap:2px;min-width:0;padding:4px;font-size:11px;display:flex}.land-cell.hidden:hover{background:#3ec97a2e;border-color:#3ec97a}.land-cell.locked{cursor:default;opacity:.45}.land-cell.scouting{cursor:default;background:#ffd23f1f;border-color:#ffd23f}.land-cell.discovered{cursor:pointer;background:#3e7fc92e;border-color:#3e7fc9}.land-cell.discovered.expanded{border-color:#ffd23f}.spot-list{border-top:1px solid var(--border);flex-direction:column;gap:6px;margin-top:10px;padding-top:10px;display:flex}.spot-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:8px;padding:4px 0;font-size:13px;display:flex}.spot-row:last-child{border-bottom:none}.spot-row .mode-btn{white-space:nowrap;flex-shrink:0;padding:6px 10px}.gather-status{background:#3ec97a2e;border:2px solid #3ec97a;margin-bottom:10px;padding:8px 10px}.gather-status .hint{margin:0 0 8px}.race-card{text-align:left;flex-direction:column;align-items:flex-start;gap:2px;padding:8px 10px;display:flex}.race-card span{color:var(--text);font-size:12px}@media (width<=860px){.app-header{flex-wrap:wrap}.account-bar{flex-wrap:wrap;row-gap:6px}.layout{flex-direction:column}.sidebar,.economy-main{width:100%;min-width:0}.mode-btn,.archetype-btn,.view-tab{min-height:44px;padding:12px 10px}.wave-btn{min-height:44px}.stat-row{flex-wrap:wrap;row-gap:6px}.stat-row button{width:100%}}