:root{color-scheme:dark;--ink:#f8f1d9;--muted:#b9cec5;--panel:#102d29;--line:#58766b;--gold:#f3be55;--teal:#42d8c0;--danger:#ef6f6c;--cell:min(9.4vw,43px)}
.pack-cell.is-occupied{background:#245047;border-style:solid}.pack-cell.is-adjacent{background:#69591f!important;box-shadow:inset 0 0 0 2px #ffd86e}
.battle-actions{grid-template-columns:92px 92px minmax(0,1fr)!important}.battle-actions button:not(.primary){display:flex;align-items:center;justify-content:center;gap:4px}.battle-actions img{width:26px!important;height:26px!important}@media(max-height:460px) and (orientation:landscape){.battle-actions{grid-template-columns:58px 58px minmax(0,1fr)!important}.battle-actions button{font-size:11px}.battle-actions img{width:20px!important;height:20px!important}}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,system-ui,"Microsoft JhengHei",sans-serif;background:#081a18;color:var(--ink);-webkit-text-size-adjust:100%;text-size-adjust:100%}button,select{font:inherit}button{color:inherit}.screen[hidden],.modal[hidden]{display:none!important}.screen{width:100%}.main-screen{min-height:100dvh;display:grid;grid-template-columns:minmax(280px,520px) minmax(280px,520px);align-content:center;justify-content:center;gap:18px;padding:18px;background:url("../../assets/animal-gearpack-expedition-workshop-bg.webp") center/cover fixed}.main-topbar{grid-column:1/-1;display:grid;grid-template-columns:58px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:54px;padding:5px 8px;background:#102d29e8;border:1px solid var(--line)}.main-topbar>strong{text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.home-link{width:58px;min-height:44px;display:grid;grid-template-columns:16px 28px;place-items:center;gap:4px;padding:4px;color:#fff;text-decoration:none;font-size:1.35rem;overflow:hidden}.home-link img{width:28px;height:28px;object-fit:contain}.main-topbar select{height:42px;max-width:150px;border:1px solid var(--line);background:#071a18;color:#fff;padding:0 8px}.main-poster{width:100%;aspect-ratio:1;object-fit:cover;border:2px solid #b99956}.main-copy{align-self:stretch;display:grid;align-content:center;gap:12px;padding:22px;background:#102d29ed;border:1px solid var(--line)}.main-copy h1,.main-copy p{margin:0}.eyebrow{color:var(--gold);font-weight:900;text-transform:uppercase}.progress-strip{display:grid;grid-template-columns:1fr 1fr;gap:8px}.progress-strip span{min-width:0;padding:10px;background:#071a18;border:1px solid #385b52;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.primary{border:0;background:linear-gradient(#ffd86e,#d88b22);color:#261606;font-weight:1000;min-height:48px;padding:10px 16px;box-shadow:0 5px 0 #6f4318}.stage-screen,.battle-shell{position:fixed;inset:0;width:var(--wp-mobile-vw,100vw);height:var(--wp-mobile-vh,100dvh);display:grid;grid-template-rows:minmax(0,1fr) 56px;overflow:hidden;background:#071916}.stage-canvas{min-height:0;display:grid;grid-template-rows:52px 96px minmax(0,1fr);gap:8px;padding:8px;background:url("../../assets/animal-gearpack-expedition-workshop-bg.webp") center/cover}.stage-header{display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:8px;padding:0 6px;background:#102d29e8;border:1px solid var(--line)}.stage-header strong{text-align:center}.icon-button{width:44px;height:44px;display:grid;place-items:center;border:1px solid #789488;background:#0a211e;font-size:24px}.loadout-preview{display:grid;grid-template-columns:76px 1fr;align-items:center;gap:10px;padding:6px 12px;background:#102d29e8;border:1px solid var(--line);overflow:hidden}.loadout-preview img{width:72px;height:72px;object-fit:contain}.loadout-preview div{min-width:0;display:grid;gap:4px}.loadout-preview span{color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.region-rail{min-height:0;display:flex;align-items:center;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:8px calc(50% - min(72vw,260px)/2);touch-action:pan-x}.region-rail::-webkit-scrollbar{display:none}.region-card{flex:0 0 min(72vw,260px);height:min(52vh,420px);scroll-snap-align:center;display:grid;grid-template-rows:minmax(0,1fr) auto auto;align-items:center;gap:8px;padding:12px;border:2px solid #507269;background:#102d29f2;text-align:center}.region-card.is-selected{border-color:var(--gold)}.region-card img{width:100%;height:100%;min-height:0;object-fit:cover}.region-card:disabled{opacity:.62}.locked{font-size:42px}.stage-ad-reserve,.battle-ad-reserve{height:56px;min-height:56px;background:#061310;pointer-events:none}.battle-canvas{min-width:0;min-height:0;display:grid;grid-template-rows:50px 38px minmax(120px,34%) minmax(0,1fr) 30px 52px;overflow:hidden;background:#0b211e;padding:4px;gap:4px}.battle-header{display:grid;grid-template-columns:48px minmax(0,1fr) 48px;align-items:center;gap:6px}.primary-progress{min-width:0;height:46px;display:flex;align-items:center;justify-content:center;gap:12px;background:#12332e;border:1px solid var(--line);white-space:nowrap;overflow:hidden}.primary-progress strong{color:#8ef0cd}.objective-row{height:38px;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 10px;background:#132d29;border:1px solid #3d6158;font-size:14px;white-space:nowrap;overflow:hidden}.objective-row span{overflow:hidden;text-overflow:ellipsis}.encounter-scene{position:relative;min-height:0;overflow:hidden;background:url("../../assets/animal-gearpack-expedition-forest-bg.webp") center/cover;border:1px solid #6e865c}.actor{position:absolute;bottom:3%;height:min(88%,230px);width:38%;object-fit:contain;filter:drop-shadow(0 6px 6px #0008)}.rux{left:5%}.enemy-wrap{position:absolute;right:5%;bottom:3%;width:38%;height:92%}.enemy{right:0;bottom:0;width:100%;height:88%}.hp-bar{position:absolute;z-index:2;left:5%;right:5%;top:0;height:12px;background:#290f11;border:1px solid #ffd1cc}.hp-bar span{display:block;width:100%;height:100%;background:var(--danger)}.combat-fx{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none;font-size:28px;font-weight:1000;color:#fff}.actor.is-attacking{animation:attack .35s ease}.actor.is-hit{animation:hit .35s ease}.pack-panel{min-height:0;display:grid;grid-template-rows:28px minmax(0,1fr) 58px;gap:4px;padding:4px;background:#102d29;border:1px solid var(--line);overflow:hidden}.pack-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:13px}.pack-heading span{color:#aee5d2;white-space:nowrap}.pack-grid{align-self:center;justify-self:center;display:grid;grid-template-columns:repeat(5,var(--cell));grid-template-rows:repeat(7,var(--cell));gap:2px;padding:4px;background:#071815;border:1px solid #8e7442}.pack-cell{position:relative;border:1px dashed #46685e;background:#153a34;padding:0}.pack-cell.is-valid{outline:2px solid var(--teal)}.pack-cell.is-adjacent{background:#5b4b1e}.placed-item{position:absolute;inset:2px;width:calc(100% - 4px);height:calc(100% - 4px);object-fit:contain;pointer-events:none}.item-tray{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;touch-action:pan-x}.item-tray::-webkit-scrollbar{display:none}.tray-item{flex:0 0 58px;height:58px;display:grid;grid-template-rows:40px 14px;place-items:center;border:1px solid #52766b;background:#0a211e;padding:1px;font-size:10px;overflow:hidden}.tray-item.is-selected{border:2px solid var(--gold)}.tray-item img{width:38px;height:38px;object-fit:contain}.feedback-row{height:30px;display:flex;align-items:center;justify-content:center;padding:0 8px;background:#071815;color:#ffd978;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:13px}.battle-actions{display:grid;grid-template-columns:110px minmax(0,1fr);gap:6px}.battle-actions button{min-height:48px;border:1px solid #66887e;background:#163b35;font-weight:900}.battle-actions button:first-child{display:flex;align-items:center;justify-content:center;gap:5px}.battle-actions img{width:28px;height:28px;object-fit:contain}.battle-actions .primary{background:linear-gradient(#ffd86e,#d88b22);border:0;color:#261606}.modal{position:fixed;inset:0;z-index:20;display:grid;place-items:center;padding:18px;background:#020b09d9}.modal-card{width:min(100%,480px);max-height:min(90dvh,680px);overflow:auto;display:grid;gap:12px;padding:18px;background:#102d29;border:2px solid #b5944e}.modal-card>img{justify-self:center;width:min(48vw,190px);height:min(48vw,190px);object-fit:contain}.modal-card h2,.modal-card p{margin:0}.modal-choices{display:grid;gap:8px}.modal-choices button{min-height:48px;border:1px solid #77968c;background:#173d36;padding:8px;font-weight:900}.modal-choices .primary{background:linear-gradient(#ffd86e,#d88b22);color:#261606}.modal-choices button img{width:42px;height:42px;object-fit:contain;vertical-align:middle;margin-right:8px}@keyframes attack{50%{transform:translateX(10px) scale(1.08)}}@keyframes hit{50%{transform:translateX(-5px);filter:brightness(1.8) drop-shadow(0 0 8px #ff6d67)}}
.battle-actions button:disabled{opacity:.58;cursor:wait}
body[data-screen="stage"] .game-page-info,body[data-screen="battle"] .game-page-info{display:none!important}
@media(max-width:720px){.main-screen{grid-template-columns:1fr;align-content:start;padding:8px;background-attachment:scroll}.main-topbar{grid-column:auto}.main-poster{max-height:44dvh}.main-copy{padding:14px}.stage-canvas{padding:6px}.battle-canvas{padding:3px;gap:3px}}
@media(max-height:460px) and (orientation:landscape){:root{--cell:min(3.8vh,26px)}.battle-canvas{grid-template-columns:52px minmax(180px,42%) minmax(260px,1fr);grid-template-rows:44px 34px minmax(0,1fr)}.battle-header{grid-column:1/-1;grid-row:1}.objective-row{grid-column:2/-1;grid-row:2;height:34px}.encounter-scene{grid-column:2;grid-row:3}.pack-panel{grid-column:3;grid-row:3;grid-template-rows:22px minmax(0,1fr) 44px}.feedback-row{z-index:3;grid-column:2;grid-row:3;align-self:start;margin:4px;height:26px;background:#071815dd}.battle-actions{z-index:3;grid-column:2;grid-row:3;align-self:end;margin:4px;grid-template-columns:84px minmax(0,1fr)}.battle-header .primary-progress{height:42px}.actor{height:76%}.tray-item{height:44px;grid-template-rows:31px 10px}.tray-item img{width:30px;height:30px}.battle-actions button{min-height:40px}.battle-actions img{width:22px;height:22px}.battle-header>.icon-button:first-child{grid-column:1}.stage-canvas{grid-template-columns:220px minmax(0,1fr);grid-template-rows:48px minmax(0,1fr)}.stage-header{grid-column:1/-1}.loadout-preview{grid-column:1;grid-row:2;height:100%}.region-rail{grid-column:2;grid-row:2;padding:4px calc(50% - 115px)}.region-card{flex-basis:230px;height:100%}}