*{box-sizing:border-box;margin:0;padding:0}body{color:#ccc;background:#0a0a0a;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{background:#111;border:1px solid #333;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{background:#111;border:1px solid #333;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:#9cf;flex-wrap:wrap;gap:1rem;display:flex}.protection-status{font-size:18px}.protection-status--foundingProtected{color:#6cf}.protection-status--foundingReady{color:#fc0}.protection-status--combatActive{color:#f66}.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;color:#333;flex-shrink:0;justify-content:center;align-items:center;width:14px;height:14px;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:#1a1a1a}.ascii-tile.tile--selected{color:#fff;background:#1a3a1a}.tile--building{color:#bbb}.tile--unit{color:#9cf}.tile--unit.tile--player{color:#6f6}.tile--unit.tile--enemy{color:#f66}.tile--unit.tile--neutral{color:#fa0}.tile--resource{color:#fc0}.tile--road{color:#666}.tile--terrain{color:#444}.tile--combat{color:#f33;font-weight:700}.tile--route-danger{color:#f90}.tile--projectile{color:#fff;font-weight:700}.tile--in-radius{background:#1e371e2e}.tile--has-unit{background:#3c8c3c47;color:#9f9!important}.tile--crowded{background:#3c8c3c80;color:#6f6!important}.tile--unit-packed{background:#3c8c3cad;color:#4f4!important}.tile--unit-full{background:#3c8c3cd9;color:#2f2!important}.tile--farm-zone{background:#37280a26}.tile--buildable{color:#3a6e2a}.tile--buildable:hover{background:#1a2a1a}.tile--farm-buildable{color:#6a5a1a}.tile--farm-buildable:hover{background:#2a2a1a}.tile--grass{color:#3a6e2a}.tile--sand{color:#8a7040}.tile--mountain{color:#666}.tile--water{color:#2a5aa0}.tile--tree{color:#2e7a2e}.tile--sapling{color:#5a9e3a}.tile--settlement{color:#fc4}.tile--telegraph{outline:1px solid #ffc80099;background:#c8960059!important}.tile--active-hit{outline:1px solid #ff5050e6;background:#dc32328c!important}.tile--projectile{font-weight:700}.tile--proj-arrow{color:#fc0}.tile--proj-bolt{color:#6cf;text-shadow:0 0 4px #6cf}.tile--proj-fire{color:#f60;text-shadow:0 0 6px #f90}.ascii-panel{background:#111;border:1px solid #333;font-size:19px}.ascii-panel__title{color:#9cf;letter-spacing:.05em;border-bottom:1px solid #333;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{color:#9cf;cursor:pointer;background:#1a1a2a;border:1px solid #446;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:#234}.action-button:disabled{opacity:.4;cursor:not-allowed}.action-button--danger{color:#f96;border-color:#644}.action-button--danger:hover:not(:disabled){background:#2a1a1a}.action-button--channeling{opacity:1;cursor:default;color:#6f6;border-color:#2a6a3a}.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:#aaa}.alert--success{color:#6f6}.alert--warning{color:#fa0}.alert--danger{color:#f66}.alert-action{color:#555;cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:0;font-family:inherit;font-size:17px}.alert-action:hover{color:#9cf}.founding-checklist .ascii-panel__body{font-size:18px}.checklist-item--complete{color:#6f6}.checklist-item--pending{color:#555}.connecting{color:#666;padding:2rem}.world-screen{flex-direction:column;gap:0;max-width:900px;margin:0 auto;display:flex}.world-screen__header{color:#9cf;background:#111;border:1px solid #333;border-bottom:none;flex-wrap:wrap;justify-content:space-between;padding:4px 8px;font-size:19px;display:flex}.world-screen__title{color:#6cf;letter-spacing:.05em}.world-screen__info{color:#666}.world-screen__viewport{color:#666;letter-spacing:0;background:#0d0d0d;border:1px solid #333;padding:6px 8px;font-size:17px;line-height:1.3;overflow:hidden}.world-screen__footer{color:#444;background:#111;border:1px solid #333;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{z-index:1;background:#111;border:1px solid #333;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:#6cf;letter-spacing:.05em}.spawn-selection__hint{color:#666}.spawn-selection__hint--touch{display:none}@media (pointer:coarse){.spawn-selection__hint--pointer{display:none}.spawn-selection__hint--touch{display:block}}.spawn-selection__grid{background:#0d0d0d;border:1px solid #333;grid-template-columns:1fr;display:grid}@media (width>=600px){.spawn-selection__grid{grid-template-columns:repeat(3,1fr)}}.spawn-option{cursor:pointer;color:#9cf;text-align:left;background:#0d0d0d;border:1px solid #222;flex-direction:column;gap:4px;padding:8px;font-family:inherit;display:flex}.spawn-option:hover:not(:disabled){background:#151515;border-color:#6cf}.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:#6cf}.spawn-option--invalid .spawn-option__label{color:#555}.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:#a44;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{color:#9cf;cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:manipulation;background:#1a1a2a;border:1px solid #446;justify-content:center;align-items:center;width:44px;height:44px;font-family:inherit;font-size:18px;display:flex}.dpad__btn:active{background:#234}.dpad__actions{flex-direction:column;gap:4px;display:flex}.dpad__action-row{gap:4px;display:flex}.dpad__btn--attack{color:#f96;border-color:#644}.dpad__btn--attack:active{background:#2a1a1a}.dpad__btn--ranged{color:#6cf;border-color:#466}.dpad__btn--ranged:active{background:#1a2a2a}}@media (width<=1023px) and (pointer:coarse){.dpad{background:#05050fd9;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;color:#9cf;cursor:pointer;touch-action:manipulation;background:#1a1a2a;border:1px solid #446;justify-content:center;align-items:center;width:44px;height:44px;font-family:inherit;font-size:20px;display:flex;position:fixed;bottom:16px;right:16px}.ascii-game__side{z-index:50;background:#0a0a0af7;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}}