/* Expedition chrome. No selectors target card artwork, HUD, foil or stats. */
:root{--exp-gold:#e5c77d;--exp-ivory:#fff2ca;--exp-green:#071b18}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.expedition-icon{width:34px;height:34px;flex:none;fill:#d4ad54;stroke:#fff0ae;stroke-width:1;stroke-linejoin:round;filter:drop-shadow(1px 2px 1px #000)}
body>header{max-width:1560px;width:calc(100% - 36px);margin:18px auto 0;padding:12px 24px;height:94px;background:linear-gradient(110deg,#071c18f5,#03120fee),url('assets/environments/expedition-forest-v1.png') center/cover;border:1px solid #bca26388;border-radius:15px;box-shadow:inset 0 1px 0 #f5e0a630,0 8px 22px #0007;position:relative;z-index:40;gap:18px}
body>header .brand-logo{width:66px;height:66px}
body>header .brand{gap:14px}
body>header .brand-wordmark{font:700 clamp(23px,2.6vw,42px)/1 Georgia,serif;letter-spacing:0;gap:10px}
body>header .brand-wordmark b,body>header .brand-wordmark span{color:#eed28c;font-weight:700;text-shadow:0 2px 2px #000}
body>header .game-tabs{flex:1;justify-content:center;gap:12px}
body>header .game-tabs a{display:flex;align-items:center;justify-content:center;gap:14px;min-width:145px;padding:12px 18px;font:18px Georgia,serif;color:#faf0cf;border:1px solid #647b5d40;border-radius:9px;background:linear-gradient(#0d211be8,#04120ee8);box-shadow:inset 0 1px #d7c48b12;transition:background .2s,box-shadow .2s}
body>header .game-tabs a[aria-current]{border-color:#f4dc9a;background:linear-gradient(125deg,#3b3515dd,#142219);box-shadow:inset 0 0 0 1px #ab8d4e,0 0 16px #e5c47633}
body>header .game-tabs a:hover{background:#26362a;box-shadow:inset 0 1px #f3dea759,0 0 16px #e5c47620}
body>header #account-button{border-radius:30px;padding:10px 17px 10px 42px;position:relative;font:17px Georgia,serif;white-space:nowrap;border:1px solid #89794b88;background:linear-gradient(#132b20,#04130f);color:var(--exp-ivory);box-shadow:inset 0 1px #e5c77d25}
body>header #account-button:before{content:'';position:absolute;left:14px;top:10px;width:12px;height:12px;border-radius:50%;background:#e9ca7e;box-shadow:0 11px 0 3px #d5b773}
.expedition-page{background:linear-gradient(#020e1325,#020e1310),#05151b url('assets/environments/expedition-forest-v1.png') center top/cover fixed no-repeat;min-height:100svh}
.expedition-page:has(.booster-layout){background:linear-gradient(#020e1325,#020e1310),#05151b url('assets/environments/expedition-forest-v1.png') center top/cover fixed no-repeat}
.expedition-page main{max-width:1560px;padding-inline:32px}
.expedition-page .booster-layout{grid-template-columns:minmax(330px,.83fr) minmax(420px,1.25fr);gap:40px;padding:42px 0 30px;align-items:start;min-height:0}
.expedition-page .booster-copy{margin-top:25px;padding:32px 34px 30px;position:relative;border:1px solid #e3c478;border-radius:16px;background:linear-gradient(110deg,#071b18ed,#041511eb);box-shadow:inset 0 0 0 3px #071b18,inset 0 0 0 4px #d4b66c66,0 16px 40px #0005;color:#fff2d5;font-family:Georgia,serif}
.expedition-page .booster-copy:before,.expedition-page .booster-copy:after{content:'❧';position:absolute;top:-8px;color:#e8ca84;font-size:32px;line-height:1;text-shadow:0 2px #000}
.expedition-page .booster-copy:before{left:3px;transform:rotate(-40deg)}.expedition-page .booster-copy:after{right:3px;transform:scaleX(-1) rotate(-40deg)}
.expedition-page .booster-copy .expedition-eyebrow{font:15px/1.5 Georgia,serif;letter-spacing:3px;color:#fff2d5;margin:0 0 12px;width:max-content;border-bottom:1px solid #bfa463;padding-bottom:8px}
.expedition-page .booster-copy h1{font:700 clamp(52px,5.6vw,84px)/1 Georgia,serif;color:#f8dda0;text-shadow:0 3px 3px #000;margin:8px 0 12px}
.expedition-page .booster-copy .expedition-intro{font:19px/1.5 Georgia,serif;color:#fff2d5;margin:0 0 24px}
.expedition-page .series-select{margin:26px 0 24px;position:relative}
.expedition-page .series-select:after{content:'';position:absolute;right:16px;top:23px;border:7px solid transparent;border-top-color:#f3d695;pointer-events:none}
.expedition-page .series-select select{appearance:none;border:1px solid #e5c88b;border-radius:8px;background:linear-gradient(125deg,#334336,#0a2019 45%,#172e22);box-shadow:inset 0 0 0 2px #071b18,inset 0 0 0 3px #ad985f88,0 3px 8px #0006;padding:16px 38px 16px 16px;font:17px Georgia,serif;color:#fff3d1;letter-spacing:0;min-height:55px;text-overflow:ellipsis}
.expedition-page #booster-specialty{display:grid;gap:20px;font:18px/1.45 Georgia,serif;color:#fff5e3;max-width:none;margin:0 0 24px}
.expedition-ability{display:flex;align-items:center;gap:18px}.expedition-ability b{font-weight:400}.ability-icon{width:54px;height:54px;border-radius:50%;border:2px solid #d8b76c;background:radial-gradient(circle at 40% 20%,#283b28,#020e0b 65%);box-shadow:inset 0 0 0 3px #03110e,0 3px 6px #0007;display:grid;place-items:center;flex:none}
.expedition-page .expedition-reserve{display:flex;align-items:center;gap:16px;padding:14px 18px;min-height:68px;margin-top:28px;border:1px solid #d7bb7b;border-radius:8px;background:linear-gradient(125deg,#173126e8,#071a14ee),url('assets/environments/expedition-forest-v1.png') bottom/cover;box-shadow:inset 0 0 0 2px #061611,inset 0 0 0 3px #9e895040;font:20px Georgia,serif;color:#fff1cd;position:relative}
.expedition-reserve:before{content:'';position:absolute;left:0;right:0;top:-16px;height:1px;background:linear-gradient(90deg,#bfa463,transparent)}
.reserve-icon{display:flex}.reserve-icon .expedition-icon{width:36px;height:36px}
.expedition-page .booster-copy .mode-note{font:12px/1.5 'Barlow',Arial,sans-serif;color:#b9c9be}
.expedition-page #reward-quota:empty,.expedition-page #mode:empty{display:none}
.expedition-page #reward-quota{margin:0 0 16px}
.expedition-page .drop-legend{display:none}
.expedition-page #booster-reserve{display:none}
.expedition-page .booster-theatre{--pack-width:clamp(310px,29vw,420px);--pack-top:8px;min-height:calc(var(--pack-width)*1.6 + 130px);background:none}
.expedition-page .booster-theatre:before,.expedition-page .jurassic-air:before,.expedition-page .jurassic-air .sun-shaft{display:none}
.expedition-page .jurassic-air .jungle-mist{opacity:.12}
.expedition-page .booster-timing{top:calc(var(--pack-top) + var(--pack-width)*1.6 + 28px);gap:6px;font:18px Georgia,serif;color:#f6e5b9}
.expedition-page #booster-countdown{font:700 32px/1.1 Georgia,serif;color:#f8dfa2;text-shadow:0 2px 3px #000}
.expedition-page #booster-kind-name{font:14px Georgia,serif;color:#ebd295}
.expedition-page footer{width:calc(100% - 64px);max-width:1496px;border-top:1px solid #cfb777aa;padding:20px 0 24px;font:14px Georgia,serif;color:#e9d190;background:linear-gradient(#04100b33,#04100b88)}
.expedition-page footer a{color:#f5e8c4!important;text-underline-offset:4px}
@media(max-width:1100px) and (min-width:851px){body>header .brand-wordmark{font-size:25px}body>header .game-tabs a{min-width:0;padding:12px;font-size:16px;gap:7px}.expedition-page .booster-layout{gap:25px;grid-template-columns:minmax(310px,.9fr) minmax(350px,1fr)}.expedition-page .booster-copy{padding:26px}.expedition-page #booster-specialty{font-size:16px}}
@media(max-width:850px){
 body>header{width:calc(100% - 24px);height:auto;min-height:0;padding:12px;margin-top:12px;gap:12px;border-radius:12px}
 body>header .brand-logo{width:46px;height:46px}body>header .brand{gap:8px}body>header .brand-wordmark{font-size:26px;gap:5px}
 body>header #account-button{font-size:14px;padding:9px 12px 9px 34px}body>header #account-button:before{left:12px;width:9px;height:9px;box-shadow:0 9px 0 2px #d5b773}
 body>header .game-tabs{width:100%;flex-basis:100%;gap:8px;order:3}body>header .game-tabs a{flex:1;min-width:0;flex-direction:column;gap:4px;padding:9px 4px;font-size:15px}.expedition-icon{width:28px;height:28px}
 .expedition-page,.expedition-page:has(.booster-layout){background-attachment:scroll;background-position:58% top;background-size:auto 1250px;background-color:#041319}
 .expedition-page main{padding:0 22px}.expedition-page .booster-layout{display:flex;flex-direction:column;gap:0;padding:22px 0 12px}
 .expedition-page .booster-copy{margin:0;width:100%;border:0;border-radius:0;padding:0;background:none;box-shadow:none;text-shadow:0 2px 5px #000}
 .expedition-page .booster-copy:before,.expedition-page .booster-copy:after{display:none}
 .expedition-page .booster-copy .expedition-eyebrow{font-size:12px;letter-spacing:2px;margin:0 auto 7px;padding-bottom:5px}
 .expedition-page .booster-copy h1{text-align:center;font-size:46px;margin:0 0 7px}
 .expedition-page .booster-copy .expedition-intro{font-size:15px;text-align:center;margin:0 0 15px}
 .expedition-page .series-select{margin:16px 0}.expedition-page .series-select select{font-size:15px;padding:12px 34px 12px 12px;min-height:45px}.expedition-page .series-select:after{top:20px;border-width:6px}
 .expedition-page #booster-specialty{gap:12px;font-size:16px;line-height:1.35;margin:0 0 17px}.expedition-ability{gap:12px}.ability-icon{width:43px;height:43px}
 .expedition-page .expedition-reserve{margin-top:18px;min-height:52px;padding:9px 14px;font-size:17px}.expedition-reserve:before{display:none}.reserve-icon .expedition-icon{width:30px;height:30px}
 .expedition-page .booster-theatre{width:100%;--pack-top:28px;--pack-width:min(290px,calc(100cqw - 36px));min-height:calc(var(--pack-width)*1.6 + 135px);margin-top:0}
 .expedition-page .booster-timing{font-size:16px;top:calc(var(--pack-top) + var(--pack-width)*1.6 + 23px)}.expedition-page #booster-countdown{font-size:29px}
 .expedition-page footer{width:calc(100% - 44px);text-align:center;align-items:center;gap:9px;font-size:12px;padding:16px 0 24px}
}
@media(prefers-reduced-motion:reduce){body>header .game-tabs a{transition:none}}

.expedition-page footer{flex-wrap:wrap;position:relative}
.expedition-page footer #reward-quota{flex-basis:100%;margin:0;text-align:center;font:11px/1.4 'Barlow',Arial,sans-serif;color:#9eafa8}
@media(max-width:850px){.expedition-page,.expedition-page:has(.booster-layout){background-image:linear-gradient(#03120f99,#03120f55 50%,#03120f33),url('assets/environments/expedition-forest-v1.png');background-position:center,58% top;background-size:100% 100%,auto 1250px}.expedition-page footer #reward-quota{font-size:10px}}
/* Shared expedition pages: chrome only, never card surfaces or battle transforms. */
body.expedition-page{display:flex;flex-direction:column;min-height:100svh}
.expedition-page>header{flex:none}
.expedition-page>main{width:100%;flex:1}
.expedition-page>footer{margin-top:auto;flex:none;padding-top:24px;padding-bottom:28px}
.expedition-page .booster-theatre{--pack-top:155px;min-height:calc(var(--pack-top) + var(--pack-width)*1.6 + 125px)}
.expedition-page select{color-scheme:dark}
.expedition-page select option,.expedition-page select optgroup{background-color:#10251e;color:#fff0ce}
.expedition-page select option:checked{background-color:#38503b;color:#fff3ce}
.collection-page main,.combat-page main{padding-top:28px;padding-bottom:45px}
.collection-page .heading,.combat-page .heading{padding:22px 0 30px}
.collection-page .heading h1,.combat-page .heading h1{font-family:Georgia,serif;color:#f6d997;text-shadow:0 3px 5px #000;font-size:clamp(30px,3.8vw,56px)}
.collection-page .filters,.combat-page .panel,.combat-page .deck-panel,.combat-page #deck-editor{background:linear-gradient(120deg,#0b251fec,#031711f2);border:1px solid #d2b77599;border-radius:14px;box-shadow:inset 0 0 0 3px #051b15,inset 0 0 0 4px #9f894b35,0 15px 35px #0006;padding:24px}
.collection-page .filters{gap:18px;align-items:end}
.collection-page .filters label,.combat-page .deck-filters label{color:#ead395;font-size:13px}
.collection-page .filters select,.collection-page .filters input[type=search],.combat-page .deck-filters select,.combat-page .deck-filters input{min-height:44px;width:100%;border:1px solid #c8ad6d88;border-radius:7px;color:#fff0ce;background:#0c241e;padding:11px 12px;box-shadow:inset 0 1px 3px #0005}
.collection-page #ownership-note,.collection-page #results{color:#e2d6b5;text-shadow:0 2px 5px #000}
.collection-page .pagination{padding:25px 0;gap:18px}
.expedition-page .quiet,.collection-page .pagination button,.collection-page #gallery-size,.combat-page .lobby-tools button,.combat-page #deck-tabs button{border:1px solid #cfb371;background:linear-gradient(130deg,#304330,#071b14);color:#f8e4af;border-radius:8px;box-shadow:inset 0 0 0 2px #061912,0 3px 8px #0004;padding:11px 17px}
.expedition-page button.gold{border:1px solid #f5dfa7;background:linear-gradient(120deg,#f8e4ac,#d2b16c 65%,#a58441);box-shadow:inset 0 0 0 2px #bea064,0 4px 12px #0006;border-radius:8px}
.combat-page .panel h2,.combat-page .deck-heading h2,.combat-page #deck-editor>h2{font-family:Georgia,serif;color:#f3d897;font-size:28px}
.combat-page .panel p{color:#c0cabc}.combat-page .lobby-layout{gap:24px}.combat-page .deck-panel{margin-bottom:26px}
.combat-page #deck-tabs button[aria-selected=true],.combat-page #deck-tabs button.active{border-color:#f5d693;background:linear-gradient(130deg,#61562c,#183022)}
.combat-page .player,.combat-page .challenge{border-color:#c6ae6444}
.combat-page .status-banner{background:#071b18dd;border-color:#bda46466;color:#e6d5a6}
.combat-page .avatar{border:1px solid #bfa266;background:radial-gradient(circle at 30% 20%,#43553a,#071710);color:#f8dc95}
@media(max-width:850px){.expedition-page .booster-theatre{--pack-top:95px;min-height:calc(var(--pack-top) + var(--pack-width)*1.6 + 125px)}.collection-page main,.combat-page main{padding-top:15px}.collection-page .filters,.combat-page .panel,.combat-page .deck-panel,.combat-page #deck-editor{padding:18px}.collection-page .heading h1,.combat-page .heading h1{font-size:30px;line-height:1.15}.collection-page .filters{gap:12px}.combat-page .panel h2,.combat-page .deck-heading h2{font-size:24px}}
/* Match the approved header: large embossed wordmark and generous illustrated tabs. */
.illustrated-icon{display:block;background-repeat:no-repeat;background-position:center;filter:drop-shadow(0 2px 1px #000)}
body>header{height:100px;padding:4px 20px;gap:24px;background:linear-gradient(110deg,#09251de8,#03150feb),url('assets/environments/expedition-forest-v1.png') 40% 85%/cover;border-color:#bca26399;border-radius:13px;box-shadow:inset 0 1px 0 #f5e0a655,inset 0 -1px #667b5544,0 8px 22px #0008}
body>header .brand{gap:8px}body>header .brand-logo{height:90px;width:82px}
body>header .brand-wordmark{font:700 clamp(28px,3.3vw,49px)/1 Georgia,serif;letter-spacing:-1.3px;gap:12px}
body>header .brand-wordmark b,body>header .brand-wordmark span{background:linear-gradient(#fff0b6 12%,#e6bf63 52%,#b78736 75%,#ffe4a0);background-clip:text;-webkit-background-clip:text;color:transparent;text-shadow:none;filter:drop-shadow(0 2px 1px #000)}
body>header .game-tabs{gap:12px;flex:1}
body>header .game-tabs a{min-width:170px;height:66px;gap:16px;padding:10px 20px;font-size:19px;font-weight:400;border-radius:8px}
body>header .game-tabs .expedition-icon{width:38px;height:42px}
body>header .game-tabs a[aria-current]{border:1px solid #ffe8a8;box-shadow:inset 0 0 0 1px #b0975b,inset 0 1px 5px #ffe6a32b,0 0 14px #ebd08a55;background:linear-gradient(135deg,#35351c,#101e13)}
body>header #account-button{padding-right:28px;border-color:#6c794755;font-weight:400}
body>header #account-button:after{content:'⌄';position:absolute;right:10px;top:9px;color:#d9c486}
@media(min-width:851px) and (max-width:1150px){body>header{gap:10px;padding-inline:12px}body>header .brand-wordmark{font-size:31px;gap:8px}body>header .brand-logo{width:64px;height:78px}body>header .game-tabs a{min-width:120px;padding:10px;font-size:16px;gap:8px}}
@media(max-width:850px){body>header{height:auto;padding:6px 10px 10px;gap:5px}body>header .brand-logo{width:52px;height:61px}body>header .brand-wordmark{font-size:27px;gap:6px;letter-spacing:-.8px}body>header .brand{gap:4px}body>header .game-tabs{gap:8px;margin-top:3px}body>header .game-tabs a{min-width:0;height:69px;padding:6px 4px;font-size:14px;gap:3px}body>header .game-tabs .expedition-icon{width:30px;height:33px}body>header #account-button{font-size:13px;padding-left:30px;padding-right:22px}body>header #account-button:after{right:7px}}
.expedition-page .booster-theatre{--pack-top:120px}
body>header .brand-wordmark{gap:16px}
@media(max-width:850px){.expedition-page .booster-theatre{--pack-top:75px}body>header .brand-wordmark{gap:8px}}
.collection-page .filters select,.combat-page .deck-filters select{appearance:none;-webkit-appearance:none;background-color:#0c241e;background-image:linear-gradient(45deg,transparent 50%,#e6cc8d 50%),linear-gradient(135deg,#e6cc8d 50%,transparent 50%);background-position:calc(100% - 17px) 50%,calc(100% - 12px) 50%;background-size:5px 5px;background-repeat:no-repeat;padding-right:29px}
/* Real mineral grain, kept separate from card surfaces. */
:root{--exp-material:url('assets/ui/emerald-grain-v1.png')}
body>header{background:linear-gradient(100deg,#02100b99,#071b1188 45%,#010b07aa),var(--exp-material) center 44%/760px auto;border-color:#bca97488;box-shadow:inset 0 1px 0 #e9dfa750,inset 0 -2px 2px #78876c33,0 7px 18px #0007}
body>header .game-tabs a{background:linear-gradient(#010b0799,#010b07aa),var(--exp-material) 15% 55%/470px auto;border-color:#4d614744;box-shadow:inset 0 1px #c7d3ae15,0 2px 5px #0004}
body>header .game-tabs a[aria-current]{background:linear-gradient(135deg,#65531b88,#352e1688 60%,#07160c88),var(--exp-material) 60% 15%/480px auto;border-color:#ffe9b1;box-shadow:inset 0 0 0 1px #aa965a,inset 0 1px 4px #fff1b950,0 0 12px #edce784a}
body>header .game-tabs a:hover{background:linear-gradient(#51624130,#10281522),var(--exp-material) 15% 55%/470px auto}
body>header #account-button{background:linear-gradient(#06170e35,#02100a70),var(--exp-material) 70% 35%/450px auto;border-color:#8b925955}
.expedition-page .booster-copy,.collection-page .filters,.combat-page .panel,.combat-page .deck-panel,.combat-page #deck-editor{background:linear-gradient(110deg,#03120eb0,#051a13b8),var(--exp-material) center/780px auto}
.expedition-page .series-select select,.expedition-page .expedition-reserve{background:linear-gradient(120deg,#1a352188,#06181099),var(--exp-material) 40% 60%/520px auto;box-shadow:inset 0 1px 2px #fff0b877,inset 0 -2px 2px #000b,inset 0 0 0 2px #bda96b35,0 3px 7px #0007;border-color:#e0c78b}
.expedition-page .quiet,.collection-page .pagination button,.collection-page #gallery-size,.combat-page .lobby-tools button,.combat-page #deck-tabs button{background:linear-gradient(130deg,#4f58312b,#06181055),var(--exp-material) 15% 45%/480px auto}
.expedition-page button.gold{background-image:linear-gradient(115deg,#fff1b2e8,#d9b260de 65%,#a68a49df),var(--exp-material);background-size:auto,470px auto}
@media(max-width:850px){.expedition-page .booster-copy{background:none}.collection-page .filters,.combat-page .panel,.combat-page .deck-panel,.combat-page #deck-editor{background-size:auto,600px auto}body>header{background-size:auto,580px auto}}

/* Reference pass: proportions, quiet mineral finish, classic serif and complete icons. */
body>header{display:grid;grid-template-columns:minmax(275px,.9fr) minmax(500px,1.5fr) auto;gap:20px;height:100px;padding:0 22px;background:linear-gradient(105deg,#06221acc,#04170fda 52%,#03130de8),var(--exp-material) 50% 42%/1100px auto;border:1px solid #8b9d7277;border-radius:13px;box-shadow:inset 0 1px #d9d3a743,inset 0 -1px #6d8a6840,0 5px 14px #0005}
body>header .brand{width:100%;height:96px;display:flex;align-items:center}
body>header .brand-lockup{display:block;width:min(100%,370px);height:100%;object-fit:contain;object-position:left center}
body>header .game-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;width:100%;margin:0}
body>header .game-tabs a{min-width:0;height:68px;padding:10px 13px;gap:14px;white-space:nowrap;font:400 21px/1 'Times New Roman',serif;color:#fff1ce;border:1px solid #52664b24;background:linear-gradient(110deg,#03130bc9,#021108df),var(--exp-material) 25% 48%/650px auto;box-shadow:inset 0 1px #c5d3b50b;border-radius:8px}
body>header .game-tabs a[aria-current]{border-color:#ffebb2;background:linear-gradient(130deg,#3c361aad,#182415b8),var(--exp-material) 60% 40%/620px auto;box-shadow:inset 0 0 0 1px #ad965e,inset 0 1px 6px #fff0b523,0 0 13px #eac87945}
body>header .game-tabs .expedition-icon{display:block;width:38px;height:41px;fill:initial;stroke:none;overflow:visible;filter:drop-shadow(0 2px 1px #0008)}
body>header #account-button{font:400 19px/1.2 'Times New Roman',serif;padding:11px 26px 11px 45px;background:linear-gradient(110deg,#071c1399,#02100ccc),var(--exp-material) center/650px auto;border:1px solid #72865465;box-shadow:inset 0 1px #bccc9e16,0 2px 4px #0005}
body>header #account-button:before{left:13px;top:10px;width:12px;height:12px;box-shadow:0 11px 0 3px #d5b773;outline:1px solid #acb48777;outline-offset:6px}
.expedition-page .booster-copy{background:linear-gradient(120deg,#061b17df,#031611eb),var(--exp-material) 50% 40%/1100px auto}
.expedition-page .booster-copy .expedition-intro,.expedition-page #booster-specialty,.expedition-page .series-select select,.expedition-page .expedition-reserve{font-family:'Times New Roman',serif;font-weight:400}
.expedition-page .booster-copy .expedition-intro{font-size:23px}
.expedition-page #booster-specialty{font-size:22px;line-height:1.38;gap:22px}
.expedition-page .series-select select{font-size:21px;background:linear-gradient(120deg,#1734279c,#081e17b8),var(--exp-material) 35% 65%/700px auto}
.expedition-page .expedition-reserve{font-size:22px;background:linear-gradient(120deg,#15312799,#051910b5),var(--exp-material) 50% 72%/650px auto}
.expedition-page .ability-icon{width:62px;height:62px;border-width:2px;background:radial-gradient(circle at 40% 25%,#273526,#020c08 65%);box-shadow:inset 0 0 0 3px #020b08,0 3px 5px #0006}
.expedition-page .ability-icon .expedition-icon{width:40px;height:43px;fill:initial;stroke:none}
.expedition-page .booster-timing{font-family:'Times New Roman',serif;font-size:21px}
.expedition-page #booster-countdown{font-family:'Times New Roman',serif;font-size:36px}
.expedition-page .booster-theatre{--pack-top:40px}
.expedition-page #stack{top:calc(var(--pack-top) + 140px)}
/* The separator floats on the forest, never on a rectangular footer slab. */
.expedition-page>footer.expedition-footer{display:grid;grid-template-columns:1fr auto 1fr;gap:0 20px;border:0;background:none;box-shadow:none;padding:18px 0 28px;position:relative;font:16px/1.3 'Times New Roman',serif;color:#e9d18a;align-items:center}
.footer-ornament{grid-column:1/-1;display:flex;align-items:center;gap:10px;width:100%;height:32px;color:#dab76c;pointer-events:none}
.footer-ornament>span{position:relative;flex:1;height:1px;background:linear-gradient(90deg,transparent,#bd9650 25%,#ffe2a0);box-shadow:0 1px 2px #000}
.footer-ornament>span:last-child{transform:scaleX(-1)}
.footer-ornament>span:after{content:'';position:absolute;right:-2px;top:-2px;width:5px;height:5px;background:#e6c782;transform:rotate(45deg)}
.footer-ornament svg{flex:none;width:38px;height:34px;filter:drop-shadow(0 1px 1px #000)}
.expedition-footer>span{grid-column:2;text-align:center;white-space:nowrap}
.expedition-footer>a{grid-column:3;justify-self:end;font-size:15px;color:#f1e5c5!important}
.expedition-page footer.expedition-footer #reward-quota{grid-column:1/-1;grid-row:3;text-align:center;margin:7px 0 0;font-size:10px;color:#a5b0a1}
@media(min-width:851px) and (max-width:1150px){body>header{grid-template-columns:minmax(230px,.8fr) minmax(420px,1.5fr) auto;gap:12px;padding-inline:12px}body>header .game-tabs a{font-size:18px;padding:10px;gap:8px}body>header #account-button{font-size:16px;padding-left:38px}.expedition-page #booster-specialty{font-size:19px}}
@media(max-width:850px){
 body>header{grid-template-columns:1fr auto;height:auto;gap:7px 12px;padding:5px 10px 9px}
 body>header .brand{height:57px;max-width:230px}body>header .brand-lockup{width:100%;height:57px}
 body>header .game-tabs{grid-column:1/-1;grid-row:2;gap:8px;display:grid;grid-template-columns:repeat(3,1fr)}
 body>header .game-tabs a{height:67px;font-size:16px;padding:6px 4px;gap:3px;flex-direction:column}
 body>header .game-tabs .expedition-icon{width:28px;height:33px}
 body>header #account-button{font-size:15px;padding:8px 22px 8px 34px}
 body>header #account-button:before{left:12px;top:8px;width:9px;height:9px;box-shadow:0 9px 0 2px #d5b773;outline-offset:4px}
 .expedition-page .booster-copy{background:none}.expedition-page .booster-copy .expedition-intro{font-size:17px}
 .expedition-page #booster-specialty{font-size:17px;gap:13px}.expedition-page .ability-icon{width:45px;height:45px}.expedition-page .ability-icon .expedition-icon{width:29px;height:32px}
 .expedition-page .series-select select{font-size:17px}.expedition-page .expedition-reserve{font-size:19px}
 .expedition-page .booster-theatre{--pack-top:30px}.expedition-page #stack{top:calc(var(--pack-top) + 130px)}
 .expedition-page .booster-timing{font-size:18px}.expedition-page #booster-countdown{font-size:32px}
 .expedition-page>footer.expedition-footer{grid-template-columns:1fr;font-size:13px;gap:7px;padding:15px 0 22px}
 .expedition-footer>span,.expedition-footer>a{grid-column:1;justify-self:center;text-align:center;font-size:13px}
 .expedition-page footer.expedition-footer #reward-quota{grid-row:4;font-size:9px}.footer-ornament{height:27px;gap:8px}
}
.expedition-page,.expedition-page:has(.booster-layout){background-attachment:scroll;background-size:cover;background-position:center top}
body>header .brand-lockup{width:min(100%,370px);height:96px;object-fit:fill}
@media(max-width:850px){body>header .brand-lockup{width:min(100%,215px);height:60px;object-fit:fill}.expedition-page,.expedition-page:has(.booster-layout){background-size:100% 100%,auto 100%;background-position:center,58% top}}
/* Align geometry to the 1160px desktop reference, scaled for larger screens. */
@media(min-width:851px){
 body>header{height:clamp(80px,6.9vw,100px)}body>header .brand{height:100%}body>header .brand-lockup{height:clamp(76px,6.55vw,96px)}
 body>header .game-tabs a{height:clamp(56px,4.82vw,68px);font-size:clamp(17px,1.55vw,21px)}
 .expedition-page .booster-copy{margin-top:20px;padding:26px 34px 27px}
 .expedition-page .booster-copy h1{font-size:clamp(54px,5.9vw,85px)}
 .expedition-page .booster-copy .expedition-intro{font-size:clamp(18px,1.82vw,24px);line-height:1.4;white-space:nowrap}
 .expedition-page #booster-specialty{font-size:clamp(18px,1.73vw,23px);gap:20px}
 .expedition-page .booster-theatre{width:calc(100% - 90px);--pack-width:clamp(310px,35vw,504px);--pack-top:8px;min-height:calc(var(--pack-width)*1.6 + 110px)}
 .expedition-page .booster-layout{padding-bottom:5px}
}
@media(min-width:851px) and (max-width:1050px){.expedition-page .booster-theatre{width:100%;--pack-width:clamp(310px,34vw,357px)}.expedition-page .booster-copy{padding-inline:22px}.expedition-page .booster-copy .expedition-intro{font-size:17px}}

/* Fine engraved corners, not typographic ornaments. */
@media(min-width:851px){
 .expedition-page .booster-copy:before,.expedition-page .booster-copy:after{content:'';top:-2px;width:29px;height:29px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath d='M2 28V15Q2 3 14 3H28M4 21Q17 19 20 5M7 15Q16 15 12 8Q8 6 8 11M19 4l4 4 4-4' fill='none' stroke='%23e8c778' stroke-width='1.7'/%3E%3C/svg%3E") center/contain no-repeat;transform:none}
 .expedition-page .booster-copy:before{left:-2px}.expedition-page .booster-copy:after{right:-2px;transform:scaleX(-1)}
 .expedition-page .series-select{margin:21px 0 21px}
 .expedition-page .expedition-reserve{min-height:75px}
}
@media(max-width:850px){
 .expedition-page .booster-layout{padding-top:9px;padding-bottom:0}
 .expedition-page .booster-copy .expedition-eyebrow{margin-bottom:4px;padding-bottom:0;border-bottom:0}
 .expedition-page .booster-copy h1{font-size:42px;margin-bottom:3px}
 .expedition-page .booster-copy .expedition-intro{margin-bottom:8px}
 .expedition-page .series-select{margin:10px 0}.expedition-page .series-select select{min-height:42px;padding-block:9px}
 .expedition-page #booster-specialty{gap:10px;margin-bottom:10px;line-height:1.2}
 .expedition-page .expedition-reserve{margin-top:10px}
 .expedition-page .booster-theatre{--pack-top:10px;--pack-width:min(260px,calc(100cqw - 62px));min-height:calc(var(--pack-width)*1.6 + 94px)}
 .expedition-page .booster-timing{top:calc(var(--pack-top) + var(--pack-width)*1.6 + 15px)}
 .expedition-page>footer.expedition-footer{padding-top:0;gap:3px}
}
/* Keep the logo's native proportions and size the reveal against its pack. */
body>header .brand-lockup{object-fit:contain}
.expedition-page .booster-theatre{--card-width:calc(var(--pack-width)*.94)}
.expedition-page #stack{top:calc(var(--pack-top) + 170px)}
/* Viewport-sized scenery stays stable however many gallery rows are shown. */
.collection-page.expedition-page{background:none;isolation:isolate}
.collection-page.expedition-page:before{content:'';position:fixed;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(#03120f55,#03120f55),url('assets/environments/expedition-forest-v1.png') center top/cover no-repeat}
.collection-page .collection-heading #gallery-size{display:grid;place-items:center;padding:0;width:44px;height:44px;transform:none;line-height:1}
.collection-page #gallery-size svg{display:block;width:22px;height:22px;min-width:22px;flex:none;overflow:visible}
@media(max-width:850px){
 .expedition-page .booster-theatre{--card-width:min(310px,calc(100cqw - 28px));min-height:max(calc(var(--pack-width)*1.6 + 94px),calc(var(--card-width)*1.4 + 190px))}
 .expedition-page #stack{top:calc(var(--pack-top) + 170px)}
}

/* Clip at the packet floor in the stack's local coordinate system. */
.expedition-page .booster-theatre{--pack-floor:calc(var(--pack-width)*1.6 - 170px - 8px)}
/* Lower the sealed packet without moving the revealed cards. */
.expedition-page .booster-theatre{--pack-drop:110px;--pack-floor:calc(var(--pack-width)*1.6 + var(--pack-drop) - 178px);min-height:calc(var(--pack-width)*1.6 + var(--pack-drop) + 110px)}
.expedition-page .pack{top:calc(var(--pack-top) + var(--pack-drop))}
.expedition-page #opening-light{top:calc(var(--pack-top) + var(--pack-drop) + var(--pack-width)*.215 + 1px)}
.expedition-page .booster-timing{top:calc(var(--pack-top) + var(--pack-drop) + var(--pack-width)*1.6 + 28px)}
@media(max-width:850px){
 .expedition-page .booster-theatre{--pack-drop:100px;min-height:max(calc(var(--pack-width)*1.6 + var(--pack-drop) + 94px),calc(var(--card-width)*1.4 + 190px))}
 .expedition-page .booster-timing{top:calc(var(--pack-top) + var(--pack-drop) + var(--pack-width)*1.6 + 15px)}
}
/* Balanced side columns centre the navigation independently from the account. */
@media(min-width:1151px){body>header{grid-template-columns:minmax(0,1fr) minmax(480px,580px) minmax(0,1fr);gap:24px}body>header #account-button{justify-self:end}body>header .brand-lockup{max-width:100%}}
#deck-overview .card{filter:none;will-change:auto}
#combat-reward-quota{margin:5px 0 0}
@media(min-width:851px) and (max-width:1150px){body>header{grid-template-columns:minmax(0,1fr) minmax(380px,48vw) minmax(0,1fr);gap:12px}body>header #account-button{justify-self:end}}
/* Phone opening: full-sized wrapper, no countdown over the revealed cards. */
@media(max-width:850px){
 .expedition-page .booster-theatre{--pack-width:min(340px,calc(100cqw - 12px))}
 .expedition-page .booster-theatre:not([data-phase=sealed]) .booster-timing{visibility:hidden;opacity:0}
 .expedition-page .booster-theatre[data-phase=emerging] #stack{clip-path:inset(-100vmax calc((100% - var(--pack-width))/2 + 4px) calc(100% - var(--pack-floor)) calc((100% - var(--pack-width))/2 + 4px))}
 .expedition-page .booster-arrow{top:calc(var(--pack-top) + var(--pack-drop) + var(--pack-width)*.8 - 19px);width:38px;height:38px;padding:8px}
 .expedition-page .booster-arrow.previous{left:-12px}.expedition-page .booster-arrow.next{right:-12px}
}
/* Restore pointer tilt without filtered parent snapshots or scaled card textures. */
#deck-overview .card,.battle-arena[data-phase=line] .battle-lanes .mine .card{transform:perspective(1100px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));filter:none;will-change:auto;backface-visibility:visible}
.battle-arena[data-phase=line] .battle-lanes .mine .card{pointer-events:auto}
#deck-overview .art,.battle-arena .art{image-rendering:auto}
/* Quiet down the mineral grain while retaining depth. */
.collection-page .filters,.combat-page .panel,.combat-page .deck-panel,.combat-page #deck-editor{background-image:linear-gradient(110deg,#03120edb,#051a13df),var(--exp-material)}
@media(min-width:851px){
 .deck-total-group{max-width:350px}.deck-totals{gap:18px 32px}
 .deck-totals .deck-total-skills{font-size:15px;line-height:1.55}.deck-total-skills .support-role-icon{width:26px;height:26px;vertical-align:middle}
 .deck-totals .deck-total-value{font-size:23px}#deck-preview .deck-totals{padding:18px 20px}
}
#battle-clock:not(:empty){display:inline-flex;align-items:center;padding:10px 16px;border:1px solid #dfc17d;border-radius:8px;background:#061811f2;box-shadow:0 3px 12px #0007;color:#fff0c2;font:700 clamp(16px,1.5vw,21px)/1.2 'Barlow',Arial,sans-serif;letter-spacing:.02em;font-variant-numeric:tabular-nums;text-shadow:0 1px 2px #000}
/* One shared printed back for boosters and the arena. */
.card-back,.battle-card-back{background:#071b15 url('assets/brand/card-back-expedition-v1.png') center/100% 100% no-repeat;border:0;outline:0;box-shadow:0 5px 12px #0006;border-radius:4%;overflow:hidden}
.card-back>strong,.card-back>small,.battle-card-back>span,.battle-card-back>small{visibility:hidden}
.choose-slot .battle-card-back:after{position:absolute;inset:auto auto 7% 50%;transform:translateX(-50%);display:grid;place-items:center;width:34px;height:34px;margin:0;border:1px solid #ffe2a0;border-radius:50%;background:#03130de8;color:#ffe7ad;font-size:25px;box-shadow:0 2px 6px #0009}
@media(max-width:850px){
 .expedition-page .booster-theatre{--pack-drop:45px;--pack-floor:calc(var(--pack-width)*1.6 + var(--pack-drop) - 123px);min-height:max(calc(var(--pack-top) + var(--pack-drop) + var(--pack-width)*1.6 + 160px),calc(var(--pack-top) + 115px + var(--card-width)*1.4 + 70px))}
 .expedition-page #stack{top:calc(var(--pack-top) + 115px)}
 .expedition-page .booster-timing{padding-bottom:20px}
}
@media(min-width:851px){.expedition-page .booster-theatre{min-height:calc(var(--pack-top) + var(--pack-drop) + var(--pack-width)*1.6 + 180px)}}

/* Mouse-following deck motion stays in 2D to keep artwork and type sharp. */
#deck-overview .card,#line-picker-grid .card{transform:var(--deck-tilt,matrix(1,0,0,1,0,0))}
@media(min-width:851px){
 .deck-totals .deck-total-value{font-size:25px}
 .deck-total-action{width:31px;height:31px}
 .deck-total-heart{font-size:32px;width:31px;height:31px;line-height:31px}
}

#battle-clock:not(:empty){position:absolute;left:18px;bottom:12px;z-index:6;padding:0;border:0;border-radius:0;background:none;box-shadow:none;font-size:14px;pointer-events:none}
.battle-arena:has(#battle-clock:not(:empty)){padding-bottom:44px}