*{box-sizing:border-box}:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;--ink:#edf3ef;--muted:#9aa9a4;--line:#3e4a47;--panel:#202826;--panel2:#19201f;--accent:#71c6b5;--accent2:#17766e;--warn:#d79d52;--danger:#c96d5b;--ally:#69bfae;--enemy:#b85d4f;--ward:#d6aa50;--cover:#60706b}html,body{width:100%;height:100%;margin:0;overflow:hidden;background:#111715;color:var(--ink)}button,select{font:inherit}.game-root{height:100dvh;display:grid;grid-template-rows:62px 1fr 28px;overflow:hidden;background:radial-gradient(circle at 35% 30%,#27322e 0,#121817 65%)}header{display:flex;align-items:center;gap:18px;padding:0 16px;border-bottom:1px solid var(--line);background:#171e1c}header>div:first-child{min-width:0;flex:1}h1,h2,h3,p{margin:0}h1{font-size:17px}.eyebrow{margin-bottom:3px;color:var(--accent);font-size:9px;font-weight:800;text-transform:uppercase}.round{display:flex;align-items:center;gap:8px;padding:6px 10px;border:1px solid var(--line);font-size:10px}.round span{color:var(--muted)}.round strong{font-size:13px}.icon-button{width:34px;height:34px;border:1px solid var(--line);background:#222c29;color:var(--ink);font-size:18px;cursor:pointer}main{display:grid;grid-template-columns:minmax(420px,1fr) 310px 310px;min-height:0}.battle{position:relative;display:grid;place-items:center;min-height:0;overflow:hidden;background:linear-gradient(rgba(13,18,17,.2),rgba(13,18,17,.72)),url("assets/ashlight-watch-battlefield.png") center/cover}.objective{position:absolute;left:16px;right:16px;top:14px;z-index:4;padding:10px 12px;border:1px solid rgba(151,177,168,.35);background:rgba(20,27,25,.88)}.objective>div:first-child{display:flex;justify-content:space-between;font-size:10px}.objective span{color:var(--muted)}.meter{height:5px;margin-top:7px;background:#394440}.meter i{display:block;width:0;height:100%;background:var(--ward);transition:width .25s}.grid{display:grid;grid-template-columns:repeat(8,58px);grid-template-rows:repeat(6,58px);gap:3px;margin-top:34px;padding:9px;border:1px solid rgba(148,175,165,.35);background:rgba(16,23,21,.7);box-shadow:0 16px 45px rgba(0,0,0,.4)}.cell{position:relative;width:58px;height:58px;border:1px solid rgba(159,185,176,.18);background:rgba(80,98,91,.18)}.cell.ward{background:rgba(205,163,69,.2);box-shadow:inset 0 0 0 2px rgba(214,170,80,.45)}.cell.cover:after{content:"";position:absolute;left:8px;right:8px;bottom:7px;height:12px;border-top:4px solid #77847f;background:rgba(82,95,90,.65)}.unit{position:absolute;inset:8px;display:grid;place-items:center;border:2px solid currentColor;border-radius:50%;background:#17201e;color:var(--ally);font-size:10px;font-weight:800;box-shadow:0 5px 14px rgba(0,0,0,.4);z-index:3}.unit.enemy-unit{color:var(--enemy);border-radius:4px;transform:rotate(45deg)}.unit.enemy-unit span{transform:rotate(-45deg)}.unit.selected{box-shadow:0 0 0 3px rgba(113,198,181,.25),0 5px 14px rgba(0,0,0,.4)}.unit.hurt:after{content:"";position:absolute;inset:-5px;border:2px solid var(--danger);border-radius:inherit;animation:hit .35s ease}@keyframes hit{from{opacity:1;transform:scale(.8)}to{opacity:0;transform:scale(1.3)}}.legend{position:absolute;left:16px;bottom:13px;display:flex;gap:13px;padding:7px 9px;background:rgba(20,27,25,.85);font-size:9px;color:var(--muted)}.legend span{display:flex;align-items:center;gap:5px}.legend i{width:8px;height:8px;background:var(--cover)}.legend .ally{border-radius:50%;background:var(--ally)}.legend .enemy{background:var(--enemy);transform:rotate(45deg)}.legend .ward{background:var(--ward)}.command,.intel{min-width:0;overflow:auto;padding:14px;background:var(--panel);border-left:1px solid var(--line)}.intel{background:var(--panel2)}.companion-tabs{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line)}.companion-tabs button{height:38px;border:0;border-right:1px solid var(--line);background:#19211f;color:var(--muted);font-size:10px;cursor:pointer}.companion-tabs button:last-child{border-right:0}.companion-tabs button.active{background:var(--accent2);color:#fff}.companion-head,.intel-head{display:flex;justify-content:space-between;gap:12px;margin-top:15px;padding-bottom:13px;border-bottom:1px solid var(--line)}.companion-head h2,.intel-head h2{font-size:18px}.companion-head p:not(.eyebrow){margin-top:6px;color:var(--muted);font-size:10px;line-height:1.4}.hp{text-align:right}.hp span,.hp strong{display:block}.hp span{color:var(--muted);font-size:8px}.hp strong{margin-top:4px;font-size:16px}.mode-switch{display:grid;grid-template-columns:1fr 1fr;height:34px;margin-top:13px;border:1px solid var(--line)}.mode-switch button{border:0;background:#18201e;color:var(--muted);font-size:10px;cursor:pointer}.mode-switch button.active{background:var(--accent2);color:#fff}.control-section{margin-top:16px}.section-label{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.section-label h3,.intel-block h3{font-size:10px;text-transform:uppercase}.section-label span{color:var(--muted);font-size:8px}.order-list{display:grid;gap:6px}.order{min-height:47px;padding:8px 10px;border:1px solid var(--line);background:#19211f;color:var(--ink);text-align:left;cursor:pointer}.order strong,.order span{display:block}.order strong{font-size:10px}.order span{margin-top:3px;color:var(--muted);font-size:8px}.order.selected{border-color:var(--accent);background:#1c3732}.order.risky{border-left:3px solid var(--warn)}select{width:100%;height:36px;padding:0 8px;border:1px solid var(--line);background:#171f1d;color:var(--ink);font-size:10px}.warning{display:flex;gap:8px;margin-top:12px;padding:9px;border-left:3px solid var(--warn);background:#3a2b1f}.warning strong,.warning span{font-size:9px}.warning span{color:#dbc29e}.resolve{width:100%;height:42px;margin-top:14px;border:1px solid var(--accent2);background:var(--accent2);color:#fff;font-size:11px;font-weight:800;cursor:pointer}.resolve:disabled{opacity:.45}.intel-head{margin-top:0}.intel-head span{align-self:flex-start;padding:4px 6px;border:1px solid var(--line);color:var(--muted);font-size:8px}.intel-block{margin-top:15px}.intel-block h3{margin-bottom:8px;color:#cbd7d2}.hostile-row,.directive-row{display:flex;justify-content:space-between;gap:8px;padding:7px 0;border-bottom:1px solid #2f3a37;font-size:9px}.hostile-row span,.directive-row span{color:var(--muted)}.log-block{display:flex;flex-direction:column;min-height:180px}.log{display:flex;flex-direction:column-reverse;gap:7px;max-height:330px;overflow:auto}.log-entry{padding:7px 8px;border-left:2px solid var(--line);background:#1d2523;font-size:9px;line-height:1.45}.log-entry strong{color:var(--accent)}.log-entry.warn{border-color:var(--warn)}.log-entry.danger{border-color:var(--danger)}.overlay{position:fixed;inset:0;z-index:20;display:grid;place-items:center;background:rgba(7,10,9,.78)}.overlay[hidden]{display:none}.result{width:min(440px,90vw);padding:30px;border:1px solid var(--line);background:#1d2724;text-align:center}.result h2{font-size:26px}.result>p:not(.eyebrow){margin:10px 0 20px;color:var(--muted);font-size:12px;line-height:1.5}.result button{height:38px;padding:0 18px;border:0;background:var(--accent2);color:#fff;font-weight:800}footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 12px;border-top:1px solid var(--line);background:#141a18;color:var(--muted);font-size:8px}footer span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}footer i{display:inline-block;width:6px;height:6px;margin-right:5px;border-radius:50%;background:var(--accent)}
@media(max-width:1050px){main{grid-template-columns:minmax(390px,1fr) 300px}.intel{display:none}.grid{grid-template-columns:repeat(8,50px);grid-template-rows:repeat(6,50px)}.cell{width:50px;height:50px}}
@media(max-width:720px){.game-root{grid-template-rows:54px 1fr 24px}.round{display:none}main{display:grid;grid-template-columns:1fr;grid-template-rows:46vh minmax(0,1fr)}.battle{min-height:260px}.command{border-left:0;border-top:1px solid var(--line);padding:7px 12px;overflow:auto}.grid{grid-template-columns:repeat(8,9vw);grid-template-rows:repeat(6,9vw);gap:1px;margin-top:31px;padding:4px}.cell{width:9vw;height:9vw}.unit{inset:4px;font-size:8px}.objective{left:8px;right:8px;top:7px;padding:6px 9px}.legend{display:none}.companion-tabs button{height:34px}.companion-head{margin-top:7px;padding-bottom:6px}.companion-head p:not(.eyebrow){display:none}.mode-switch{height:31px;margin-top:7px}.control-section{margin-top:7px}.section-label{margin-bottom:5px}.order-list{grid-template-columns:repeat(2,1fr);gap:5px}.order{min-height:38px;padding:5px 8px}.warning{margin-top:6px;padding:6px 8px}.resolve{height:38px;margin-top:6px}.statusbar{display:none}footer span:nth-child(2),footer span:nth-child(3){display:none}}