.deck-button{display:flex;gap:7px;align-items:center;background:var(--yellow);border:2px solid var(--ink);border-radius:9px;padding:5px 10px;font-size:14px;font-weight:900}.deck-button span{background:#fff9d4;padding:1px 6px;border-radius:5px;font-size:12px}.deck-button:disabled{opacity:.5}.preflight-deck{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;margin:0 0 14px;border:2px solid #b7d7c8;background:#ecf8ef;border-radius:8px;padding:5px 10px;font-size:13px}.preflight-deck:disabled{opacity:.5}.preflight-deck>span{display:flex;align-items:center;gap:0}.preflight-deck img{width:33px;height:31px;object-fit:contain}.reward-panel{font-size:14px;font-weight:800;color:#197e6d;margin:0 0 12px}.reward-panel button{display:block;margin:6px auto;padding:5px 12px;border:2px solid var(--ink);border-radius:7px;background:var(--yellow)}.deck-dialog{width:min(1040px,calc(100vw - 32px));padding:24px;max-height:94dvh;overflow:auto}.deck-heading{display:flex;justify-content:space-between;align-items:center;gap:10px}.deck-heading h2{margin:7px 0 9px;font-size:27px}.deck-heading>.icon-button{flex:none}.deck-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.deck-meta p{font-size:14px;color:#586c72;margin:0}.token-pill{display:flex;align-items:center;gap:7px;background:#fff0b4;padding:5px 11px;border:2px solid var(--ink);border-radius:8px;white-space:nowrap;font-size:18px}.token-pill img{width:30px;height:26px;object-fit:contain}.deck-slots{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;margin-bottom:22px}.deck-slot{position:relative;display:flex;align-items:center;gap:9px;min-width:0;border:2px solid #bacfc5;border-radius:10px;padding:9px;background:#f2f8ef;font-size:14px;font-weight:900}.deck-slot.selected{border-color:var(--ink);background:var(--yellow);box-shadow:3px 3px 0 var(--ink)}.deck-slot img{width:54px;height:50px;object-fit:contain}.deck-slot small{position:absolute;left:5px;top:3px;font-size:10px;color:#567466}.collection-heading{display:flex;justify-content:space-between;gap:10px;align-items:center;margin:0 0 12px}.collection-heading strong{font-size:17px}.collection-heading strong span{font-size:13px;color:#6d7b76;margin-left:5px}.collection-heading>span{font-size:12px;color:#6c786e}.cat-collection{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:11px}.collection-card{position:relative;display:flex;flex-direction:column;background:white;border:2px solid #c5d5cd;border-radius:11px;padding:9px;min-width:0}.collection-card.equipped{border-color:#24a997;background:#f0fff6}.collection-card.locked{background:#f2f2ec;border-style:dashed}.collection-card .collection-role{font-size:11px;font-weight:800;color:#52766f}.collection-card img{height:87px;width:100%;object-fit:contain;margin:5px 0}.collection-card.locked img{filter:saturate(.45);opacity:.8}.collection-name{font-size:16px;line-height:1.5}.collection-cost{font-size:12px;color:#58726b;font-weight:700;margin:2px 0 7px}.collection-desc{font-size:12px;line-height:1.55;color:#5d6e73;margin:0 0 12px;min-height:56px;flex:1}.collection-action{border:2px solid var(--ink);border-radius:7px;background:#ddf6e7;padding:7px 3px;font-size:13px;font-weight:800;width:100%}.collection-action.unlock-action{background:var(--yellow)}.collection-action:disabled{border-color:#bac6bf;color:#66766b;background:#e8ece4}.deck-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:19px;padding-top:16px;border-top:1px solid #c8d3ca}.deck-bottom p{margin:0;max-width:65%;font-size:13px;line-height:1.5;color:#51716b}.deck-bottom .primary-button{font-size:15px;min-width:140px;padding:9px 18px}.unit-card .unit-role{white-space:nowrap}
@media(max-width:700px){.header-actions{gap:5px}.deck-button{font-size:12px;padding:4px 7px;gap:4px}.deck-button span{font-size:10px;padding:1px 4px}.brand h1{font-size:21px}.brand-mark{display:none}.deck-dialog{width:calc(100vw - 20px);padding:18px 12px}.deck-heading h2{font-size:22px}.deck-meta{gap:6px}.deck-meta p{font-size:12px}.token-pill{font-size:16px;padding:4px 7px}.deck-slots{gap:5px;margin-bottom:19px}.deck-slot{display:flex;flex-direction:column;gap:2px;padding:9px 2px 6px;font-size:12px}.deck-slot img{width:100%;height:44px}.collection-heading{align-items:start}.collection-heading>span{font-size:10px;max-width:155px;text-align:right}.cat-collection{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.collection-card{padding:10px}.collection-card img{height:92px}.collection-desc{font-size:13px;min-height:60px}.collection-action{font-size:14px}.deck-bottom{position:sticky;bottom:-18px;background:var(--paper);padding:12px 0;margin-top:15px;gap:10px;border-top:2px solid #bfd1c5}.deck-bottom p{font-size:12px;max-width:55%}.deck-bottom .primary-button{min-width:120px;font-size:14px}.preflight-deck{font-size:12px;padding:4px;margin-bottom:11px}.preflight-deck img{width:27px;height:27px}}
@media(max-height:600px) and (orientation:landscape){.stage-path{left:33%;right:34%}.deck-button{font-size:12px;padding:4px 7px}.deck-button span{font-size:10px}.preflight-deck{margin-bottom:8px;padding:2px 6px}.preflight-deck img{width:25px;height:22px}.preflight-deck strong{font-size:12px}.deck-dialog{width:calc(100vw - 28px);max-height:96dvh;padding:16px 20px}.deck-heading h2{font-size:23px}.deck-meta{margin-bottom:10px}.deck-slots{margin-bottom:17px}.deck-slot{padding:7px;gap:5px;font-size:13px}.deck-slot img{width:37px;height:38px}.cat-collection{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.collection-card{padding:7px}.collection-card img{height:65px}.collection-name{font-size:14px}.collection-desc{font-size:12px;min-height:72px}.collection-action{font-size:12px}.deck-bottom{position:sticky;bottom:-16px;background:var(--paper);padding:12px 0 6px;z-index:1}.reward-panel{font-size:12px;margin-bottom:7px}}

.cat-upgrade{display:flex;flex-direction:column;gap:4px;text-align:left;border:1px solid #389488;background:#e4f8f0;color:#124d49;border-radius:7px;padding:8px;margin:0 0 6px;font-size:14px;min-height:54px}.cat-upgrade strong{font-size:14px}.cat-upgrade span{font-size:12px;line-height:1.5}.cat-upgrade:disabled{background:#edf0ed;border-color:#c4cec9;color:#64756b}.collection-cost{line-height:1.7}.collection-action{margin-top:4px}

.cannon-armory{margin:16px 0 22px}.armory-note{font-size:14px;color:#53686d;margin:0 0 12px;line-height:1.5}.cannon-collection{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.cannon-card{background:#173a4b;color:#f3f7ee;border:3px solid #436073;border-radius:10px;padding:12px;display:flex;flex-direction:column;gap:8px}.cannon-card.selected{box-shadow:0 0 0 2px #102a3b}.cannon-card>div{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.cannon-card strong{font-size:17px}.cannon-card small{width:100%;font-size:12px;color:#c8dbdf}.cannon-emblem{font-size:27px;line-height:1}.cannon-card p{font-size:14px;line-height:1.55;margin:0;flex:1}.cannon-damage{font-size:12px;color:#cfdee1}.cannon-card .collection-action{font-size:14px;min-height:38px}@media(max-width:650px){.cannon-collection{grid-template-columns:repeat(2,minmax(0,1fr))}.cannon-card{padding:10px}}

.map-card-body .map-rule{font-size:13px;font-weight:800;color:#4352a5;background:#edf0ff;padding:6px 8px;border-radius:5px;line-height:1.5}