@import url('https://fonts.googleapis.com/css2?family=Chakra+Petch:wght@500;600;700&family=Silkscreen&display=swap');
:root{color-scheme:light;--bg:#637eae;--panel:#f8f0ca;--line:#3d4b3f;--text:#26372f;--muted:#56634a;--accent:#f4bd4e;--green:#8aaf57;--danger:#a13e37;--font:'Chakra Petch',monospace}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:600 16px var(--font)}button,input,select,textarea{font:inherit}button{cursor:pointer;border:2px solid var(--line);background:#eee8b8;color:var(--text);padding:10px 15px;border-radius:0;box-shadow:inset 2px 2px #fffbdc,inset -2px -2px #b5b887}button:hover:not(:disabled){background:#ffde6f}button:disabled{opacity:.45;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,canvas:focus-visible{outline:3px solid #fcf67d;outline-offset:2px}button.primary{background:var(--accent);font-weight:700;box-shadow:inset 2px 2px #ffe8a1,inset -2px -2px #c88839}button.danger{color:var(--danger)}input,select,textarea{padding:10px;border:2px solid #6e805b;background:#fffce5;color:var(--text);width:100%}label{display:block;font-size:14px;color:var(--muted);margin-bottom:16px}label input,label select,label textarea{margin-top:7px}h1,h2,h3{line-height:1.1;letter-spacing:.015em;font-weight:700}h1{font-size:36px;margin:0}h2{font-size:28px;margin:0 0 16px}h3{font-size:21px;margin:0 0 8px}p{line-height:1.6}a{color:#3f6542}small,.meta{font-size:12px;color:var(--muted)}.eyebrow{font-size:12px;font-weight:700;letter-spacing:.1em;color:#507438;text-transform:uppercase}.topbar{height:66px;border-bottom:4px solid #344b3b;padding:0 26px;display:flex;align-items:center;justify-content:space-between;background:#c7d997;gap:20px;box-shadow:inset 0 -3px #eaf1bb}.brand{display:flex;align-items:center;gap:10px}.brand .mark{width:34px;height:38px;background:#ecaa45;border:3px solid #405142;display:grid;place-items:center;font-weight:700;font-size:24px}.brand strong{font:700 18px/.94 var(--font);letter-spacing:.07em}.nav{display:flex;gap:5px}.nav button{background:transparent;border-color:transparent;box-shadow:none;font-size:14px}.nav button.active{background:#f8efbb;border-color:#566b4c}.identity{display:flex;align-items:center;gap:7px}.identity button{padding:5px 10px}.avatar{display:grid;place-items:center;font-weight:bold}.workspace{max-width:1440px;margin:auto;padding:24px}.in-battle .workspace{max-width:1500px;padding:12px 20px}.in-battle footer{display:none}.war-room{border:4px solid #344b3b;box-shadow:0 5px #455b7d;overflow:hidden;background:#bed593}.map-ribbon{height:38px;background:#cadc9d;border-bottom:3px solid #617c52;display:flex;align-items:center;justify-content:space-between;padding-left:14px;gap:12px;font-size:14px}.map-ribbon>span:first-child{text-transform:uppercase;letter-spacing:.06em}.map-ribbon>span:nth-child(2){font-size:11px;opacity:.7}.map-ribbon button{align-self:stretch;border-width:0 0 0 2px;padding:4px 16px;background:#f4eeb8}.board-wrap{position:relative;height:calc(100dvh - 196px);min-height:470px;max-height:930px;overflow:hidden;background:#637eae}canvas{display:block;width:100%;height:100%;touch-action:none;cursor:crosshair;image-rendering:pixelated}.day-panel,.commander-hud,.terrain-hud,.unit-hud{position:absolute;border:3px solid #3d523e;background:#e9edb4;box-shadow:inset 2px 2px #ffffd9,inset -2px -2px #92a96e,3px 3px #27374755;pointer-events:none}.day-panel{top:12px;left:12px;width:92px;height:64px;display:flex;align-items:center;justify-content:center;gap:7px;background:#d5e6a2}.day-panel small{font-size:13px;color:#455e39}.day-panel strong{font:28px 'Silkscreen',monospace;color:#456745}.commander-hud{right:12px;top:12px;width:204px;border-color:#4b5340}.commander-hud.hud-left{right:auto;left:116px}.hud-funds{height:29px;display:flex;align-items:center;justify-content:space-between;background:#93b967;padding:0 10px;border-bottom:2px solid #647c4d;font-size:19px;letter-spacing:2px}.hud-funds span{font-size:17px;color:#fff4b1;text-shadow:1px 1px #475439}.hud-person{height:58px;display:flex;gap:8px;align-items:center;background:#efeabd}.portrait{width:56px;height:58px;flex-shrink:0;image-rendering:pixelated;border-right:2px solid #839761;background-color:#d0dcaa}.hud-person strong{font-size:16px;display:block}.hud-person small{display:block;font-size:10px;margin-top:5px;letter-spacing:1px}.hud-charge{height:8px;background:#6e815d;border-top:2px solid #47563f}.hud-charge i{display:block;height:100%;background:#ffcf61}.terrain-hud{bottom:12px;left:12px;display:flex;gap:8px;align-items:center;min-width:178px;padding:4px 12px 4px 4px}.terrain-hud canvas{width:52px;height:52px;flex-shrink:0;cursor:default}.terrain-hud strong,.unit-hud strong{font-size:15px;display:block}.terrain-hud small,.unit-hud small{display:block;font-size:11px;margin-top:4px}.unit-hud{bottom:12px;left:220px;display:flex;align-items:center;gap:7px;min-height:66px;padding:4px 7px;background:#f7e8b0}.unit-hud canvas{width:70px;height:48px;cursor:default}.unit-hud button{pointer-events:auto;padding:2px 7px;margin-left:5px}.map-controls{position:absolute;bottom:14px;right:12px;display:flex;gap:4px}.map-controls button{width:34px;height:34px;padding:2px;font-size:19px}.battle-bottom{min-height:45px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding-left:14px;background:#cadc9d;border-top:3px solid #617c52}.battle-bottom span{font-size:12px}.battle-bottom button{align-self:stretch;border-width:0 0 0 2px;white-space:nowrap;padding:8px 18px}.order-menu{position:absolute;min-width:155px;z-index:3;border:3px solid #384639;background:#fff8d7;padding:4px;box-shadow:inset 0 0 0 2px #b8c38c,4px 4px #34445388}.order-caption{font-size:10px;letter-spacing:.07em;text-transform:uppercase;padding:4px 7px;color:#66734f;border-bottom:1px solid #bdc68e}.order-menu button{display:flex;align-items:center;gap:12px;width:100%;padding:5px 12px;font-size:21px;line-height:1.2;background:transparent;border:0;box-shadow:none;text-align:left}.order-menu button span{font-size:14px;color:#cf6742;visibility:hidden}.order-menu button:first-of-type span,.order-menu button:hover span,.order-menu button:focus span{visibility:visible}.order-menu button:hover{background:#e8d887}.target-menu{max-width:200px;padding:12px}.target-menu strong{font-size:14px}.target-menu p{font-size:12px;line-height:1.4}.target-menu button{font-size:16px}.field-menu{display:grid;gap:6px}.field-menu button{text-align:left;font-size:19px}.damage-preview{display:flex;align-items:center;justify-content:space-around;gap:15px}.damage-numbers{display:flex;gap:15px;margin-top:18px}.damage-numbers>div{flex:1;text-align:center;background:#d7df9e;border:2px solid #768754;padding:15px}.damage-numbers small{display:block}.damage-numbers b{display:block;font:32px 'Silkscreen',monospace;margin-top:10px}.victory-banner{position:absolute;top:35%;left:10%;right:10%;padding:25px;background:#fff4c7;border:4px solid #475843;text-align:center}.victory-banner button{margin:16px 6px 0}.training-strip{display:flex;align-items:center;gap:15px;background:#fff1b9;border:3px solid #637750;padding:10px 14px;margin-bottom:10px;font-size:13px}.training-strip span{flex:1}.training-strip button{padding:4px 8px}.panel,.card{border:3px solid #52674c;background:var(--panel);padding:20px;box-shadow:inset 2px 2px #ffffdc,inset -2px -2px #bcc692}.split{display:flex;justify-content:space-between;gap:10px}.unit-header{display:flex;align-items:center;justify-content:space-between;margin:15px 0}.health{height:5px;background:#aaa773;margin:10px 0 18px}.health>div{height:100%;background:var(--green)}.unit-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin:18px 0}.unit-stats small{display:block;font-size:11px;margin-bottom:4px}.actions{display:flex;flex-wrap:wrap;gap:7px}.actions button{flex:1;font-size:14px;padding:10px 8px}.terrain-card{padding-top:14px;border-top:2px solid #b0bf84;margin-top:18px}.log{margin-top:14px;padding:10px 14px;background:#b6cd98;box-shadow:none}.log summary{cursor:pointer;font-size:12px}.log ol{font-size:13px;line-height:1.8}.empty-state{padding:20px 0;color:var(--muted);line-height:1.65;font-size:14px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.map-art{height:160px;background:#718ab5;margin-bottom:20px;overflow:hidden;border:2px solid #687c61}.map-art canvas{pointer-events:none}.card p{font-size:14px;color:var(--muted);min-height:44px}.card .actions{margin-top:20px}.section-title{display:flex;align-items:center;justify-content:space-between;margin:8px 0 25px;gap:20px}.section-title h1{margin:8px 0}.notice{padding:15px 20px;border:2px solid #a1a86b;background:#eeeac0;color:#45553a;line-height:1.6;margin:18px 0;font-size:14px}.welcome{display:grid;grid-template-columns:1fr 330px;gap:28px;align-items:center;margin:10px 0 24px;padding:24px;background:#ccdca6;border:3px solid #52674c}.welcome h1{font-size:42px}.welcome .art{height:200px;background:url(pixel-ground-a.png) center/contain no-repeat;image-rendering:pixelated}.inline{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.muted{color:var(--muted)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}.full{grid-column:1/-1}.roster{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.roster .card{padding:17px}.roster p{min-height:0}.roster h3{font-size:21px}.chip{display:inline-flex;padding:5px 9px;border:2px solid #7d915d;font-size:11px;color:#4d5b3e;margin-left:7px;background:#d6dfae}dialog{width:min(580px,calc(100vw - 28px));border:4px solid #40543e;border-radius:0;background:#f8efc8;color:var(--text);padding:26px;box-shadow:inset 3px 3px #fffde3,inset -3px -3px #aebc85,8px 8px #243e4d77}dialog::backdrop{background:#28384999}.close-modal{position:absolute;right:8px;top:8px;font-size:22px;padding:0 7px}dialog h2{padding-right:25px}dialog p{font-size:14px;color:var(--muted)}dialog .actions{margin-top:20px}#toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:#fff3c4;color:#384c38;padding:14px 23px;border:3px solid #475d46;max-width:90vw;z-index:20;box-shadow:4px 4px #22374c77;opacity:0;pointer-events:none}#toast.show{opacity:1}.terrain-palette{display:flex;flex-wrap:wrap;gap:6px}.terrain-palette button{padding:7px;font-size:12px}.terrain-palette .chosen{outline:3px solid #d17c39}.key{padding:2px 5px;background:#c8d7a4}.loading{padding:40px;text-align:center}.settings-row{display:flex;justify-content:space-between;align-items:center;margin:20px 0;gap:30px}.settings-row input[type=checkbox]{width:22px;height:22px}.settings-row input[type=range]{max-width:180px}.reduced-motion *{animation:none!important;transition:none!important}footer{font-size:11px;color:#e3ebcd;text-align:center;margin:28px 0}table{width:100%;border-collapse:collapse}td,th{padding:12px;border-bottom:1px solid #afb98b;text-align:left;font-size:14px}.unit-preview{width:100%;height:130px;cursor:default;touch-action:auto;background:#d2dfa9;margin:8px 0}.score-preview{font-size:38px;color:#9b6136}.colorblind{--accent:#ffdd70;--green:#64a6b0}
@media(max-width:1000px){.roster{grid-template-columns:repeat(3,1fr)}.workspace{padding:18px}.topbar{padding:0 16px}.cards{grid-template-columns:repeat(2,1fr)}}@media(max-width:720px){.topbar{height:auto;min-height:62px;flex-wrap:wrap;padding:10px 12px;gap:10px}.brand strong{font-size:16px}.identity{margin-left:auto}.nav{order:3;width:100%;justify-content:center}.nav button{padding:6px 10px;font-size:12px}.in-battle .nav{display:none}.in-battle .workspace{padding:8px}.board-wrap{height:calc(100dvh - 168px);min-height:440px}.map-ribbon{font-size:11px;padding-left:8px}.map-ribbon>span:nth-child(2){display:none}.map-ribbon button{padding:4px 10px}.commander-hud{width:165px;right:7px;top:7px}.hud-person{height:49px}.portrait{height:49px;width:48px}.hud-person strong{font-size:13px}.hud-person small{font-size:9px}.hud-funds{height:25px;font-size:17px}.day-panel{left:7px;top:7px;width:73px;height:52px}.day-panel strong{font-size:23px}.day-panel small{font-size:11px}.commander-hud.hud-left{left:86px}.terrain-hud{left:7px;bottom:9px;min-width:0;padding:3px 7px 3px 3px;gap:5px}.terrain-hud canvas{width:38px;height:38px}.terrain-hud strong{font-size:12px}.terrain-hud small{font-size:10px}.unit-hud{left:auto;right:7px;bottom:9px;min-height:50px;gap:3px;padding:3px 5px}.unit-hud canvas{width:43px;height:34px}.unit-hud strong{font-size:11px}.unit-hud small{font-size:8px}.unit-hud button{padding:1px 5px}.map-controls{bottom:71px;right:7px}.map-controls button{width:29px;height:29px}.battle-bottom{padding-left:7px;gap:7px}.battle-bottom span{font-size:10px;max-width:60%}.battle-bottom button{font-size:11px;padding:6px 10px}.order-menu{min-width:130px}.order-menu button{font-size:19px;padding:6px 8px}.welcome{grid-template-columns:1fr;padding:20px}.welcome .art{display:none}.welcome h1{font-size:32px}.roster{grid-template-columns:1fr 1fr}.section-title{align-items:flex-start;flex-direction:column}.training-strip{flex-wrap:wrap;gap:8px}.training-strip span{min-width:70%}.victory-banner h1{font-size:26px}}@media(max-width:450px){.cards{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.full{grid-column:auto}.roster{grid-template-columns:1fr 1fr;gap:8px}.roster .card{padding:10px}.roster h3{font-size:17px}.card p{font-size:12px}.panel{padding:15px}.unit-hud{max-width:54%}.unit-hud canvas{display:none}.terrain-hud{max-width:44%}.terrain-hud canvas{width:31px;height:31px}}
.watch-bar{border:3px solid #344b3b;border-bottom:0;background:#cbdba2;padding:7px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:7px}.army-tabs,.watch-controls{display:flex;gap:5px;align-items:center;flex-wrap:wrap}.army-tabs button{border-left:6px solid var(--army);font-size:13px;padding:5px 9px}.army-tabs button.current{background:#ffe184;outline:2px solid #5c733e;outline-offset:-4px}.army-tabs small{font-size:10px}.watch-controls button{font-size:12px;padding:6px 9px}.watch-controls label{display:flex;align-items:center;gap:5px;margin:0;font-size:12px}.watch-controls select{width:auto;padding:3px;font-size:12px}.board-wrap{height:calc(100dvh - 254px)}.unit-hud .deselect{font-size:12px;padding:5px 8px;white-space:nowrap}.seat-row{display:grid;grid-template-columns:1fr 150px;gap:10px;align-items:center;margin:8px 0}.seat-row span{border-left:6px solid;padding-left:9px}.seat-row select{margin:0}.setup-presets{display:flex;gap:7px;margin:0 0 13px}.setup-presets button{font-size:13px;padding:7px 10px}#create-form>label:last-of-type{margin-top:15px}dialog{max-height:92dvh;overflow:auto}@media(max-width:720px){.board-wrap{height:calc(100dvh - 262px);min-height:370px}.watch-bar{padding:5px}.army-tabs{flex-wrap:nowrap;width:100%}.army-tabs button{flex:1;font-size:11px;padding:4px}.army-tabs small{display:block;font-size:9px}.watch-controls{gap:4px}.watch-controls button{font-size:11px;padding:5px}.unit-hud .deselect{font-size:11px;padding:4px}.unit-hud>div{max-width:130px}.unit-hud small{white-space:normal}.seat-row{grid-template-columns:1fr 120px}.seat-row span{font-size:13px}}
.combat-overlay{position:fixed;inset:0;background:#172638de;z-index:100;display:grid;place-items:center;padding:20px}.combat-window{width:min(960px,100%);border:5px solid #304a3d;background:#e8edb7;box-shadow:8px 8px #15273a88}.combat-title{display:flex;justify-content:space-between;align-items:center;background:#9dbc70;padding:9px 16px;border-bottom:3px solid #486347;letter-spacing:2px}.combat-title button{font-size:14px;padding:5px 12px}.combat-names,.combat-health{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:12px 18px}.combat-names>div:last-child{text-align:right}.combat-names strong{display:block;font-size:24px}.combat-names small{font-size:12px;letter-spacing:2px}.combat-names span{font-size:14px}.combat-window canvas{width:100%;height:auto;aspect-ratio:16/7;cursor:default}.combat-health>div{display:flex;align-items:center;gap:10px}.combat-health progress{width:100%;accent-color:#61904c;height:18px}.combat-health strong{white-space:nowrap;font-size:14px}.combat-caption{text-align:center;padding:10px;background:#cbdaa0;font-size:20px;font-weight:700;border-top:2px solid #738f57}@media(max-width:600px){.combat-overlay{padding:8px}.combat-names{padding:8px}.combat-names strong{font-size:16px}.combat-names span{font-size:12px}.combat-health{padding:8px;gap:12px}.combat-health>div{display:block}.combat-caption{font-size:16px}}
/* Compact handheld HUD, with generated bitmap lettering and accessible text. */
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.bitmap-text{display:inline-block;width:auto;height:auto;image-rendering:pixelated;pointer-events:none;vertical-align:middle;touch-action:auto;cursor:inherit}.commander-hud{width:217px;border:3px solid #26382c;border-radius:5px 24px 24px 3px;background:#709f63;overflow:hidden;box-shadow:inset 2px 2px #d8edbc,inset -3px -3px #416448,2px 3px #26332c88}.hud-funds{background:#b4d4a1;border-bottom:2px solid #36523a;margin:3px 7px 0 3px;height:27px;padding:0 8px;border-radius:1px 12px 0 0}.hud-person{height:54px;background:transparent;padding-right:7px;gap:7px}.hud-person .portrait{width:62px;height:54px;border-right:3px solid #34432f}.hud-person strong{background:#243b2e;color:#fff7d9;padding:3px 4px;line-height:1}.hud-person strong .bitmap-text{filter:invert(1) brightness(1.2)}.hud-person small{color:#102b1c;font-size:10px;margin-top:4px;max-width:125px}.hud-charge{background:#3d6741;border-top:2px solid #243f2c;height:7px}.day-panel{border:3px solid #2d3e2e;background:#cbdc9a;box-shadow:inset 2px 2px #f1f4c7,inset -2px -2px #839b68,2px 2px #25352966;width:91px;height:57px;gap:7px}.order-menu{border:3px solid #28352a;background:#fbf5d4;padding:5px 4px;box-shadow:inset 2px 2px #fffbea,inset -2px -2px #87936b,4px 4px #243a4388;min-width:151px}.order-caption{display:none}.order-menu button{padding:7px 8px;gap:7px;min-height:36px}.order-menu button .bitmap-text{flex-shrink:0}.order-menu button .order-pointer{font-size:13px;color:#b25334;width:14px;flex-shrink:0}.order-menu button:hover{background:#e6dfac}.order-menu button:focus-visible{outline:2px solid #b3793b;outline-offset:-2px}.terrain-hud{background:#e9edc6;border-color:#2d3e2e;min-height:61px}.terrain-hud small{line-height:1.15}.map-ribbon{background:#b5c88f}.map-ribbon>span:first-child{display:flex;align-items:center}.battle-bottom>button{display:flex;align-items:center;justify-content:center}.in-battle .topbar{height:54px}.in-battle .workspace{padding-top:9px}.board-wrap{height:calc(100dvh - 236px)}@media(max-width:720px){.commander-hud{width:187px}.hud-person{height:47px}.hud-person .portrait{height:47px;width:51px}.commander-hud.hud-left{left:96px}.hud-person strong .bitmap-text{max-width:115px;height:auto!important}.hud-person small{font-size:9px}.day-panel{width:79px;height:51px}.day-panel strong .bitmap-text{max-width:34px;height:auto!important}.map-ribbon>span:first-child .bitmap-text{max-width:190px;height:auto!important}.terrain-hud strong .bitmap-text,.terrain-hud small .bitmap-text{max-width:125px;height:auto!important}.order-menu{min-width:140px}.order-menu button{padding:6px}.order-menu .bitmap-text{max-width:160px;height:auto!important}.board-wrap{height:calc(100dvh - 250px)}}
/* One cartridge-style presentation across title, field menus and cinematics. */
.on-title .topbar,.on-title footer{display:none}.on-title .workspace{max-width:none;padding:0}
.title-screen{min-height:100dvh;position:relative;overflow:hidden;background:#80cdec;display:flex;align-items:center;justify-content:flex-end;padding:230px 8vw 90px}
.title-illustration{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;image-rendering:pixelated}
.title-heading{position:absolute;z-index:1;left:0;right:0;top:5vh;text-align:center}.title-kicker{margin:0 0 12px;display:flex;justify-content:center}.title-logo{margin:0;display:grid;justify-content:center;gap:0}.title-logo span{display:flex;justify-content:center;filter:drop-shadow(4px 5px 0 #e9f6c8) drop-shadow(-3px -3px 0 #e9f6c8) drop-shadow(5px 7px 0 #28394c)}
.title-actions{z-index:1;width:340px;display:grid;gap:9px;padding:14px;border:4px solid #293d38;background:#dae4a9ee;box-shadow:inset 3px 3px #fff9ce,7px 8px #1a304888}.title-actions>button{min-height:50px;display:flex;justify-content:center;align-items:center}.title-options{display:flex;gap:7px}.title-options button{flex:1;font-size:14px;padding:9px 5px}.title-options .bitmap-text{max-width:100%;height:auto!important}.title-save{position:absolute;bottom:16px;left:50%;transform:translateX(-50%);margin:0;padding:9px 18px;background:#20353ce8;color:#fff6d3;font-size:14px;white-space:nowrap;border:2px solid #d8e7ae}
#modal h2 .bitmap-text,.section-title h1 .bitmap-text{max-width:100%;height:auto!important}.field-menu .bitmap-text{max-width:100%;height:auto!important}
@media(max-width:650px){.title-screen{padding:260px 20px 70px;align-items:flex-end;justify-content:center}.title-illustration{object-position:38% center}.title-heading{top:7vh}.title-logo{width:90%;margin:auto}.title-logo .bitmap-text{max-width:100%;height:auto!important}.title-actions{width:min(340px,100%)}.title-save{font-size:11px;padding:7px 10px}.nav button{padding:8px 5px}.nav .bitmap-text{max-width:80px;height:auto!important}}
@media(prefers-reduced-motion:reduce){.combat-window,.combat-overlay,.title-heading{animation:none!important}}
.combat-overlay{background:#142439ed;animation:combat-veil .2s ease-out}.combat-window{border:5px solid #202b32;box-shadow:0 0 0 3px #e1e9b5,8px 10px #0a172a88;animation:combat-enter .28s ease-out;max-height:98dvh;overflow:auto}.combat-title{background:#e5e7b6;border-bottom:3px solid #263c36}.combat-title .bitmap-text{height:auto;max-width:100%}.combat-names{gap:4px;padding:0;background:#24353a}.combat-names>div{display:flex;align-items:center;gap:12px;padding:8px 15px;background:var(--army);box-shadow:inset 0 3px #ffffff80}.combat-names>div:last-child{flex-direction:row-reverse}.combat-names strong .bitmap-text{max-width:100%;height:auto!important}.combat-portrait{flex:0 0 76px;height:74px;border:3px solid #273c34;image-rendering:pixelated;background-image:url(pixel-commanders-v2.png);background-size:400% 200%;background-color:#f7ecc5}.combat-names span{font-weight:700;color:#22352b}.combat-health{gap:4px;padding:0;background:#263c39}.combat-health>div{padding:10px 18px;background:#e5e9b9;gap:16px;border-top:5px solid var(--army)}.combat-strength{display:grid;place-items:center;min-width:64px}.combat-gauge{flex:1}.combat-gauge strong{font-size:14px;display:block;margin-bottom:3px}.combat-health progress{display:block;height:16px;width:100%;accent-color:#3f864b}.health-pips{display:flex;gap:3px;margin-top:5px}.health-pips i{height:9px;background:#a4aa89;flex:1;border:1px solid #536447}.health-pips i.filled{background:#df9a34;border-color:#77592b}.combat-caption{font-family:'Silkscreen',monospace;font-size:19px;color:#253c32;background:#f4efc8}.combat-window canvas.bitmap-text{aspect-ratio:auto}.combat-window>canvas{border-block:3px solid #253c35}
@keyframes combat-enter{from{transform:translateY(18px) scale(.97);opacity:.2}to{transform:none;opacity:1}}@keyframes combat-veil{from{opacity:0}to{opacity:1}}
@media(max-width:650px){.combat-names>div{padding:6px;gap:6px}.combat-portrait{flex-basis:44px;height:48px}.combat-names strong .bitmap-text{max-width:105px}.combat-health>div{padding:7px;display:flex;gap:7px}.combat-strength{min-width:42px}.combat-strength .bitmap-text{max-width:45px;height:auto!important}.combat-gauge strong{font-size:11px}.combat-names small{font-size:9px;letter-spacing:0}.combat-names span{font-size:10px}.combat-caption{font-size:13px}.combat-names>div:last-child{text-align:right}}

.jev-panel{display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap;padding:10px 16px;background:#f7f0cc;color:#263a38;border:3px solid #526443;margin:0 0 8px;box-shadow:inset 0 0 0 2px #fff8dd}.jev-panel>div{display:flex;flex-direction:column;gap:4px;flex:1;min-width:220px}.jev-panel strong{font-size:13px;letter-spacing:1px}.jev-panel span{font-size:14px}.jev-panel small{font-size:12px;max-width:320px}.jev-panel button{white-space:nowrap}#jev-connection{padding:10px;border-left:4px solid #577b69;background:#eee7c5;color:#263a38}

.title-scene{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;cursor:default;opacity:0;image-rendering:pixelated}.title-scene.ready{opacity:1}@media(max-width:650px){.title-save{max-width:95%;white-space:normal;text-align:center}}

.jev-log{margin-top:18px}.jev-log-heading{display:flex;align-items:center;flex-wrap:wrap;gap:16px}.jev-log-heading h2{margin:0;flex:1}.jev-log-heading label{margin:0;min-width:140px}.jev-log-entries{max-height:430px;overflow:auto;overscroll-behavior:contain}.jev-entry{padding:12px 16px;border-left:4px solid #8ca476;background:#283d3c;color:#f9f1d0;margin:8px 0}.jev-entry p{margin:6px 0;font-size:14px}.jev-entry small{color:#d3dcc5}.jev-entry details{padding:7px 0;border-top:1px solid #79917d}.jev-entry summary{cursor:pointer;font-size:14px}.jev-entry li{font-size:14px;margin-bottom:8px}.jev-entry .jev-policy{color:#e5d598}.jev-error{border-color:#d97055}

.capture-names,.capture-progress{display:flex;gap:20px;align-items:center;justify-content:space-between;padding:12px 20px;background:#ecedbb}.capture-progress progress{flex:1;accent-color:var(--army);height:25px}.capture-names strong{font-size:20px}.capture-progress span{white-space:nowrap}.capture-window canvas{height:auto;aspect-ratio:960/420}@media(max-width:650px){.capture-progress{gap:8px;font-size:12px}}
/* Large turn handoff: shutters frame the map while the next army comes into view. */
.day-transition{position:fixed;inset:0;z-index:1500;display:grid;place-items:center;overflow:hidden;background:#17282955;isolation:isolate;animation:day-veil 2.2s linear both}
.day-shutter{position:absolute;left:0;right:0;height:calc(50% - 140px);min-height:0;background:repeating-linear-gradient(0deg,#182c2a 0 3px,#213b35 3px 6px);border:solid #f7edb9;box-shadow:0 0 0 5px #182721;animation:day-shutter 2.2s cubic-bezier(.2,.8,.2,1) both}
.day-shutter-top{top:0;border-width:0 0 5px;--direction:-1}.day-shutter-bottom{bottom:0;border-width:5px 0 0;--direction:1}
.day-banner{width:100%;position:relative;background:var(--army);border-block:8px solid #f7edb9;box-shadow:0 -5px #213327,0 5px #213327,0 14px #10231c55;animation:day-banner 2.2s cubic-bezier(.16,.8,.24,1) both}
.day-banner-stripes{position:absolute;inset:0;opacity:.16;background:repeating-linear-gradient(135deg,transparent 0 24px,#193629 24px 48px);pointer-events:none}
.day-banner-inner{position:relative;margin:auto;width:min(880px,92vw);min-height:260px;display:flex;align-items:center;justify-content:center;gap:clamp(20px,5vw,70px);padding:24px 0}
.day-portrait{flex:0 0 180px;width:180px;height:180px;background-size:400% 200%;image-rendering:pixelated;background-color:#f7edb9;border:5px solid #253a2d;box-shadow:7px 7px #253a2d;transform:rotate(-3deg)}
.day-copy{text-align:left;min-width:0}.day-copy h2{font:bold clamp(62px,12vw,112px)/1 monospace;margin:10px 0;color:#203027;filter:drop-shadow(3px 3px 0 #fff5bc) drop-shadow(3px 3px 0 #fff5bc)}
.day-copy canvas{display:block;max-width:100%;height:auto!important;image-rendering:pixelated}.day-copy p{margin:0}.day-kicker{font-weight:900;letter-spacing:3px;color:#203027}.day-army{font-size:clamp(18px,3vw,28px);font-weight:900;color:#f8efc0;background:#20382f;display:inline-block;padding:5px 14px;margin-top:8px!important;max-width:100%;overflow-wrap:anywhere}
.day-continue{position:absolute;bottom:max(26px,7vh);right:max(24px,5vw);background:#f7edb9;color:#20382f;border:3px solid #172a24;padding:10px 22px;box-shadow:4px 4px #172a24;font-weight:900}
@keyframes day-veil{0%,100%{background:#17282900}15%,84%{background:#17282955}}
@keyframes day-shutter{0%,100%{transform:translateY(calc(var(--direction)*110%))}14%,84%{transform:translateY(0)}}
@keyframes day-banner{0%{transform:translateX(-110%)}19%,79%{transform:translateX(0)}100%{transform:translateX(110%)}}
.day-transition-still,.day-transition-still *{animation:none!important}.day-transition-still .day-shutter{display:none}
@media(max-width:600px){.day-portrait{flex-basis:100px;width:100px;height:100px;border-width:3px}.day-banner-inner{min-height:210px;gap:20px}.day-shutter{height:calc(50% - 115px)}.day-kicker{font-size:12px}.day-copy h2{font-size:58px}.day-copy h2 canvas{max-width:55vw}}
@media(prefers-reduced-motion:reduce){.day-transition,.day-transition *{animation:none!important}.day-shutter{display:none}}

.jev-copy-text{display:block;width:100%;height:320px;min-height:160px;resize:vertical;margin:16px 0;font:13px/1.5 monospace;white-space:pre-wrap;user-select:text}
.jev-diagnostics{white-space:pre-wrap;overflow-wrap:anywhere;font:13px/1.5 monospace;max-width:100%;user-select:text}