:root{--col-bg:#0a0a0a;--col-surface:#111;--col-surface-deep:#0d0d0d;--col-border:#333;--col-border-dim:#222;--col-text:#d4d4d8;--col-text-muted:#71717a;--col-text-dim:#52525b;--col-text-faint:#3f3f46;--col-tile-empty:var(--col-border);--col-accent:#68c;--col-accent-hi:#57b;--col-white:#fff;--col-green:#6f6;--col-red:#f66;--col-orange:#fa0;--col-gold:#fc0;--col-amber:#f90;--col-fire:#f60;--col-combat:#f33;--col-building:#a1a1aa;--col-settlement:#fc4;--col-danger-text:#f96;--col-danger-border:#644;--col-spawn-reason:#a44;--col-unit-1:#9f9;--col-unit-2:var(--col-green);--col-unit-3:#4f4;--col-unit-4:#2f2;--col-grass:#5a9e3a;--col-sand:#8a7040;--col-water:#2a5aa0;--col-tree:#2e7a2e;--col-sapling:#3a6e2a;--col-farm:#6a5a1a;--col-road:var(--col-text-muted);--col-mountain:var(--col-text-muted);--col-btn-bg:#1a1a2a;--col-progress-green:#1a4a2a;--col-progress-red:#4a1a1a;--col-btn-border:#446;--col-btn-hover:#234;--col-btn-danger-hover:#2a1a1a;--col-btn-ranged-border:#466;--col-btn-ranged-hover:#1a2a2a;--col-channeling-border:#2a6a3a;--col-tile-hover:#1a1a1a;--col-tile-selected-bg:#1a3a1a;--col-buildable:var(--col-grass);--col-buildable-hover:#1a2a1a;--col-farm-buildable:var(--col-farm);--col-farm-hover:#2a2a1a;--col-spawn-hover-bg:#151515;--col-radius-bg:#1e371e2e;--col-unit-1-bg:#3c8c3c47;--col-unit-2-bg:#3c8c3c80;--col-unit-3-bg:#3c8c3cad;--col-unit-4-bg:#3c8c3cd9;--col-farm-zone-bg:#37280a26;--col-telegraph-bg:#c8960059;--col-telegraph-border:#ffc80099;--col-hit-bg:#dc32328c;--col-hit-border:#ff5050e6;--col-dpad-bg:#05050fd9;--col-overlay-bg:#0a0a0af7}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--col-bg);color:var(--col-text);padding:8px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:20px}@media (width>=640px){body{padding:16px}}#root{text-align:left;width:100%;max-width:100%;min-height:100dvh;display:block}.ascii-game{flex-direction:column;gap:.75rem;margin:0 auto;display:flex}body{height:100dvh;overflow:hidden}#root{min-height:unset;height:100%}.ascii-game{height:100%}.ascii-game__body{flex:1;min-height:0}.ascii-game__map{flex-direction:column;flex:1;justify-content:flex-end;min-height:0;padding:0}.ascii-map-wrap{flex:1;justify-content:center;align-items:flex-end;width:100%;min-height:0;display:flex;container-type:size}.ascii-map-wrap .ascii-map__row{height:4.7619cqmin}.ascii-map-wrap .ascii-tile{width:4.7619cqmin;height:4.7619cqmin;font-size:4.28571cqmin}.ascii-game__top{border:1px solid var(--col-border);background:var(--col-surface);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;padding:6px 8px;display:flex}.ascii-game__body{flex-direction:column;align-items:stretch;gap:.75rem;display:flex}.ascii-game__map{border:1px solid var(--col-border);background:var(--col-surface);justify-content:center;min-width:0;padding:6px 8px;display:flex;overflow:hidden}.ascii-game__side{flex-direction:column;gap:.5rem;display:flex}.resource-bar{color:var(--col-accent);flex-wrap:wrap;gap:1rem;display:flex}.protection-status{font-size:18px}.protection-status--foundingProtected{color:var(--col-accent-hi)}.protection-status--foundingReady{color:var(--col-gold)}.protection-status--combatActive{color:var(--col-red)}.ascii-map{-webkit-user-select:none;user-select:none;font-size:13px;line-height:0}.ascii-map__row{height:14px;display:flex}.ascii-tile{cursor:default;width:14px;height:14px;color:var(--col-tile-empty);flex-shrink:0;justify-content:center;align-items:center;font-size:13px;line-height:1;display:inline-flex}@media (width<=899px){.ascii-game__map{border-left:none;border-right:none;margin:0 -8px}}.ascii-tile.tile--clickable{cursor:pointer}.ascii-tile.tile--clickable:hover{background:var(--col-tile-hover)}.ascii-tile.tile--selected{background:var(--col-tile-selected-bg);color:var(--col-white)}.tile--building{color:var(--col-building)}.tile--unit{color:var(--col-accent)}.tile--unit.tile--player{color:var(--col-green)}.tile--unit.tile--enemy{color:var(--col-red)}.tile--unit.tile--neutral{color:var(--col-orange)}.tile--resource{color:var(--col-gold)}.tile--road{color:var(--col-road)}.tile--terrain{color:var(--col-text-faint)}.tile--combat{color:var(--col-combat);font-weight:700}.tile--route-danger{color:var(--col-amber)}.tile--projectile{color:var(--col-white);font-weight:700}.tile--in-radius{background:var(--col-radius-bg)}.tile--has-unit{background:var(--col-unit-1-bg);color:var(--col-unit-1)!important}.tile--crowded{background:var(--col-unit-2-bg);color:var(--col-unit-2)!important}.tile--unit-packed{background:var(--col-unit-3-bg);color:var(--col-unit-3)!important}.tile--unit-full{background:var(--col-unit-4-bg);color:var(--col-unit-4)!important}.tile--farm-zone{background:var(--col-farm-zone-bg)}.tile--buildable{color:var(--col-buildable)}.tile--buildable:hover{background:var(--col-buildable-hover)}.tile--farm-buildable{color:var(--col-farm-buildable)}.tile--farm-buildable:hover{background:var(--col-farm-hover)}.tile--grass{color:var(--col-grass)}.tile--sand{color:var(--col-sand)}.tile--mountain{color:var(--col-mountain)}.tile--water{color:var(--col-water)}.tile--tree{color:var(--col-tree)}.tile--sapling{color:var(--col-sapling)}.tile--settlement{color:var(--col-settlement)}.tile--telegraph{outline:1px solid var(--col-telegraph-border);background:var(--col-telegraph-bg)!important}.tile--active-hit{outline:1px solid var(--col-hit-border);background:var(--col-hit-bg)!important}.tile--projectile{font-weight:700}.tile--proj-arrow{color:var(--col-gold)}.tile--proj-bolt{color:var(--col-accent-hi);text-shadow:0 0 4px var(--col-accent-hi)}.tile--proj-fire{color:var(--col-fire);text-shadow:0 0 6px var(--col-amber)}.ascii-panel{border:1px solid var(--col-border);background:var(--col-surface);font-size:19px}.ascii-panel__title{border-bottom:1px solid var(--col-border);color:var(--col-accent);letter-spacing:.05em;padding:4px 8px;font-size:17px}.ascii-panel__body{flex-direction:column;gap:2px;padding:6px 8px;display:flex}.action-buttons{flex-wrap:wrap;gap:4px;margin-top:6px;display:flex}.action-button{background:var(--col-btn-bg);border:1px solid var(--col-btn-border);color:var(--col-accent);cursor:pointer;padding:3px 8px;font-family:inherit;font-size:18px}@media (pointer:coarse){.action-button{min-height:44px;padding:8px 12px;font-size:20px}}.action-button:hover:not(:disabled){background:var(--col-btn-hover)}.action-button:disabled{opacity:.4;cursor:not-allowed}.action-button--danger{border-color:var(--col-danger-border);color:var(--col-danger-text)}.action-button--danger:hover:not(:disabled){background:var(--col-btn-danger-hover)}.action-button--channeling{opacity:1;cursor:default;border-color:var(--col-channeling-border);color:var(--col-green)}.tile-alerts-row{align-items:flex-start;gap:.5rem;display:flex}.tile-alerts-row__tile,.tile-alerts-row__alerts{flex:1;min-width:0}.alert-log__body{max-height:180px;overflow-y:auto}.alert{justify-content:space-between;align-items:baseline;gap:8px;padding:2px 0;font-size:18px;display:flex}.alert--info{color:var(--col-text-muted)}.alert--success{color:var(--col-green)}.alert--warning{color:var(--col-orange)}.alert--danger{color:var(--col-red)}.alert-action{color:var(--col-text-dim);cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:0;font-family:inherit;font-size:17px}.alert-action:hover{color:var(--col-accent)}.founding-checklist .ascii-panel__body{font-size:18px}.checklist-item--complete{color:var(--col-green)}.checklist-item--pending{color:var(--col-text-dim)}.connecting{color:var(--col-text-muted);padding:2rem}.world-screen{flex-direction:column;gap:0;max-width:900px;margin:0 auto;display:flex}.world-screen__header{border:1px solid var(--col-border);background:var(--col-surface);color:var(--col-accent);border-bottom:none;flex-wrap:wrap;justify-content:space-between;padding:4px 8px;font-size:19px;display:flex}.world-screen__title{color:var(--col-accent-hi);letter-spacing:.05em}.world-screen__info{color:var(--col-text-muted)}.world-screen__viewport{border:1px solid var(--col-border);background:var(--col-surface-deep);color:var(--col-text-muted);letter-spacing:0;padding:6px 8px;font-size:17px;line-height:1.3;overflow:hidden}.world-screen__footer{border:1px solid var(--col-border);background:var(--col-surface);color:var(--col-text-faint);border-top:none;padding:4px 8px;font-size:17px}.spawn-selection{flex-direction:column;gap:0;max-width:900px;height:100dvh;margin:0 auto;display:flex;overflow-y:auto}.spawn-selection__header{border:1px solid var(--col-border);background:var(--col-surface);z-index:1;border-bottom:none;flex-wrap:wrap;justify-content:space-between;gap:4px;padding:4px 8px;font-size:15px;display:flex;position:sticky;top:0}.spawn-selection__title{color:var(--col-accent-hi);letter-spacing:.05em}.spawn-selection__hint{color:var(--col-text-muted)}.spawn-selection__hint--touch{display:none}@media (pointer:coarse){.spawn-selection__hint--pointer{display:none}.spawn-selection__hint--touch{display:block}}.spawn-selection__grid{border:1px solid var(--col-border);background:var(--col-surface-deep);grid-template-columns:1fr;display:grid}@media (width>=600px){.spawn-selection__grid{grid-template-columns:repeat(3,1fr)}}.spawn-option{background:var(--col-surface-deep);border:1px solid var(--col-border-dim);cursor:pointer;color:var(--col-accent);text-align:left;flex-direction:column;gap:4px;padding:8px;font-family:inherit;display:flex}.spawn-option:hover:not(:disabled){background:var(--col-spawn-hover-bg);border-color:var(--col-accent-hi)}.spawn-option:disabled{cursor:not-allowed;opacity:.4}.spawn-option__label{font-size:18px}@media (pointer:coarse){.spawn-option{gap:8px;padding:12px 10px}.spawn-option__label{font-size:20px}}.spawn-option--valid .spawn-option__label{color:var(--col-accent-hi)}.spawn-option--invalid .spawn-option__label{color:var(--col-text-dim)}.spawn-option__preview{width:100%;margin:0;line-height:0;container-type:inline-size}.spawn-option__preview .ascii-map__row{height:4cqw}.spawn-option__preview .ascii-tile{flex-shrink:0;width:4cqw;height:4cqw;font-size:3.6cqw}.spawn-option__reason{color:var(--col-spawn-reason);font-size:16px}.dpad{display:none}@media (pointer:coarse){.dpad__move{flex-direction:column;align-items:center;gap:2px;display:flex}.dpad__row{justify-content:center;gap:2px;display:flex}.dpad__center{width:44px;height:44px}.dpad__btn{background:var(--col-btn-bg);border:1px solid var(--col-btn-border);width:44px;height:44px;color:var(--col-accent);cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:manipulation;justify-content:center;align-items:center;font-family:inherit;font-size:18px;display:flex}.dpad__btn:active{background:var(--col-btn-hover)}.dpad__actions{flex-direction:column;gap:4px;display:flex}.dpad__action-row{gap:4px;display:flex}.dpad__btn--attack{border-color:var(--col-danger-border);color:var(--col-danger-text)}.dpad__btn--attack:active{background:var(--col-btn-danger-hover)}.dpad__btn--ranged{border-color:var(--col-btn-ranged-border);color:var(--col-accent-hi)}.dpad__btn--ranged:active{background:var(--col-btn-ranged-hover)}}@media (width<=1023px) and (pointer:coarse){.dpad{background:var(--col-dpad-bg);flex-shrink:0;justify-content:center;align-items:flex-start;gap:24px;width:100%;padding:10px 12px;display:flex;position:static}}.panel-toggle{display:none}@media (width<=1023px){.panel-toggle{z-index:100;background:var(--col-btn-bg);border:1px solid var(--col-btn-border);width:44px;height:44px;color:var(--col-accent);cursor:pointer;touch-action:manipulation;justify-content:center;align-items:center;font-family:inherit;font-size:20px;display:flex;position:fixed;bottom:16px;right:16px}.ascii-game__side{z-index:50;background:var(--col-overlay-bg);flex-direction:column;gap:.5rem;padding:16px 16px 80px;display:none;position:fixed;inset:0;overflow-y:auto}.ascii-game__side--open{display:flex}}@media (width>=1280px){.tile-alerts-row{flex-direction:column}}@media (width>=1024px){.ascii-game__side{flex-direction:column;gap:.5rem;display:flex}}@media (width>=1280px){.ascii-game__body{grid-template-rows:1fr;grid-template-columns:minmax(0,1fr) 280px;display:grid}.ascii-game__side{max-height:100%;overflow-y:auto}}