*{box-sizing:border-box}html,body{color:#eef2f7;background:#080a0f;margin:0;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button{font:inherit}.app{background:radial-gradient(circle at 50% -10%,#182238 0,#080a0f 48%);min-height:100vh;padding:24px 24px 40px;overflow:hidden}.eyebrow{letter-spacing:.16em;color:#7f93af;font-size:10px}.app h1{letter-spacing:.06em;margin:6px 0 4px;font-size:30px}.app h1 span{color:#77879f;letter-spacing:.02em;margin-left:10px;font-size:13px;font-weight:500}.app header{justify-content:space-between;align-items:flex-end;gap:20px;max-width:1240px;margin:auto;display:flex}.app header p{color:#7d8ba1;margin:0;font-size:13px}.metrics{color:#8794aa;gap:20px;font-size:12px;display:flex}.metrics b{color:#fff;margin-top:4px;font-size:20px;display:block}main{grid-template-columns:minmax(0,1fr) 280px;gap:18px;max-width:1240px;margin:22px auto;display:grid}.boardWrap{background:#101521;border:1px solid #26334a;border-radius:20px;padding:20px;overflow:hidden;box-shadow:0 20px 60px #0008}.board{aspect-ratio:1.42;grid-template-columns:repeat(8,minmax(48px,1fr));grid-auto-rows:12%;align-items:center;min-height:460px;padding:12px 2%;display:grid;position:relative}.hex{clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);cursor:pointer;color:#5f6e85;background:linear-gradient(150deg,#1a2434,#101827);border:1px solid #314057;justify-self:center;width:112%;min-width:0;height:138%;margin-top:-7%;transition:all .12s;position:relative}.hex.row-1,.hex.row-3,.hex.row-5{transform:translate(8%)}.hex:hover{filter:brightness(1.12);background:#233047}.hex.movable{background:#19333b;box-shadow:inset 0 0 0 2px #4bc8b6}.hex.targetable{background:#392125;box-shadow:inset 0 0 0 2px #db7568}.hex.fire{background:radial-gradient(circle at 50% 45%,#9a4322,#1a202b 68%);box-shadow:inset 0 0 24px #ff6a2c66}.coord{opacity:.25;font-size:8px;position:absolute;bottom:13px;right:14px}.hazardMark{color:#ff9b52;filter:drop-shadow(0 0 7px #ff6a2c);font-size:17px;position:absolute;top:10px;left:50%;transform:translate(-50%)}.unit{z-index:2;background:#182233;border:2px solid #8799b1;border-radius:50%;place-items:center;width:52px;height:52px;font-size:26px;display:grid;position:absolute;top:42%;left:50%;transform:translate(-50%,-50%);box-shadow:0 8px 20px #0008}.unit small{color:#e7edf4;white-space:nowrap;background:#0c1018dd;border-radius:6px;padding:2px 6px;font-size:9px;position:absolute;top:47px}.unit em{white-space:nowrap;color:#ffd08c;letter-spacing:.03em;background:#1a140fdd;border:1px solid #7d5934;border-radius:7px;padding:3px 6px;font-size:8px;font-style:normal;font-weight:700;position:absolute;top:-27px}.unit.hero{background:#13312f;border-color:#76e4d0}.unit.marauder{background:#311c22;border-color:#e77d70}.unit.warden{background:#302716;border-color:#e0bd65}.unit.elite{background:#28203a;border-color:#b995ef}.legend{color:#6f7e95;margin-top:6px;font-size:11px}.side{flex-direction:column;gap:12px;display:flex}.panel{background:#101521;border:1px solid #26334a;border-radius:18px;padding:15px}.panelTitle{letter-spacing:.16em;color:#697990;text-transform:uppercase;font-size:10px}.objective{margin-top:9px;font-weight:700;line-height:1.5}.deckMeta{color:#64748a;margin-top:7px;font-size:11px}.log{color:#9aa8bd;flex-direction:column;gap:8px;max-height:295px;margin-top:9px;font-size:12px;display:flex;overflow:auto}.end{color:#061512;cursor:pointer;background:#72dec9;border:1px solid #7ce6d2;border-radius:12px;padding:13px 16px;font-weight:800}.end:disabled{opacity:.35;cursor:not-allowed}.restart{width:100%;margin-top:18px}.handPanel{background:#101521;border:1px solid #26334a;border-radius:20px;max-width:1240px;margin:0 auto;padding:17px}.handTitle{justify-content:space-between;align-items:center;display:flex}.handTitle h2{margin:5px 0 0;font-size:18px}.handTitle h2 span{color:#718099;font-size:12px}.hand{grid-template-columns:repeat(5,1fr);gap:10px;margin-top:13px;display:grid}.card,.rewardCard{text-align:left;color:#e9eef5;cursor:pointer;background:linear-gradient(160deg,#172030,#0d131e);border:1px solid #2a374c;border-radius:14px;min-height:140px;padding:13px;transition:all .15s}.card:hover,.card.active,.rewardCard:hover{border-color:#6ed9cc;transform:translateY(-5px);box-shadow:0 10px 28px #0006}.card:disabled{opacity:.42;cursor:not-allowed;transform:none}.cardTop{justify-content:space-between;align-items:center;display:flex}.tag{color:#6fdecf;letter-spacing:.12em;font-size:9px}.cardTop b{background:#253149;border-radius:50%;place-items:center;width:24px;height:24px;font-size:12px;display:grid}.card h3,.rewardCard h3{margin:18px 0 6px;font-size:16px}.card p,.rewardCard p{color:#8c9ab0;margin:0;font-size:11px;line-height:1.45}.rewardHint{color:#5fcebf;margin-top:15px;font-size:10px;display:block}.modalLayer{z-index:10;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#05070bbb;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.rewardModal{background:#101521;border:1px solid #34435c;border-radius:24px;width:min(760px,100%);padding:28px;box-shadow:0 30px 100px #000b}.rewardModal h2{margin:7px 0 4px;font-size:26px}.rewardModal>p{color:#7e8da3;margin:0}.rewardGrid{grid-template-columns:repeat(3,1fr);gap:12px;margin-top:22px;display:grid}.rewardCard{min-height:190px}@media (max-width:900px){.app{padding:18px}.app header{flex-direction:column;align-items:flex-start}.metrics{justify-content:space-between;gap:10px;width:100%}main{grid-template-columns:1fr}.board{min-height:400px}.side{grid-template-columns:1fr 1fr;display:grid}.end{grid-column:1/-1}.hand{grid-template-columns:repeat(2,1fr)}.rewardGrid{grid-template-columns:1fr}.rewardModal{padding:22px}.rewardCard{min-height:150px}.hex{width:116%}}