/* Collector finish. Presentation only; reveal and input behavior stay in pack.js. */
.pack,.card,.field-pack-dialog{--collector-ink:#11151c;--collector-slate:#202733;--collector-paper:#f1eee7;--collector-copper:#d99667;--collector-blue:#8ab9d5}
.pack{color:var(--collector-paper);border:1px solid #a1a5af;border-radius:3px;background:linear-gradient(115deg,transparent 12%,#ffffff12 13%,transparent 15%,transparent 53%,#d9966722 54%,#f1eee718 55%,transparent 59%),linear-gradient(155deg,#424955 0%,#202733 21%,#11151c 58%,#333c49 100%);box-shadow:inset 1px 0 0 #ffffff63,inset -2px 0 0 #0009,inset 0 18px 20px #0004,16px 28px 55px #0008,2px 3px 3px #0008;transform:rotate(-5deg);isolation:isolate}
.pack:before,.pack:after{height:16px;background:repeating-linear-gradient(90deg,#d5d5d445 0 1px,#11151c88 1px 3px,transparent 3px 5px),linear-gradient(#7a808c,#202733);border-block:1px solid #e2e4e32b;box-shadow:0 2px 4px #0007}
.pack b{font-weight:600;letter-spacing:5px;color:#f1eee7;text-shadow:0 1px 1px #000}
.pack .pack-mark{color:#d99667;border:1px solid #d9966766;background:linear-gradient(125deg,#d996670a,#d996671c 48%,#ffffff0a 49%,transparent 53%);box-shadow:inset 0 0 0 5px #11151c,inset 0 0 0 6px #d9966738;transform:rotate(5deg);text-shadow:0 2px 0 #11151c}
.pack small{color:#aeb7c4;letter-spacing:2.4px}
.card{border:1px solid #616a77;background:linear-gradient(150deg,#343e4c,#11151c 70%);color:#f1eee7;border-radius:9px;box-shadow:inset 0 1px 0 #ffffff1f,0 8px 20px #0003;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}
.card:hover{border-color:#c4c9cd;box-shadow:0 15px 30px #0005}
.card.rare{border-color:#8ab9d58a}.card.epic{border-color:#d9966799}
.card-art{background:linear-gradient(135deg,#ffffff06,transparent 55%),radial-gradient(ellipse at 50% 95%,#8ab9d52a,transparent 68%),repeating-linear-gradient(0deg,transparent 0 29px,#ffffff04 30px);border-bottom:1px solid #ffffff0c;margin:7px 7px 0;border-radius:5px 5px 0 0}
.card-art svg,.fp-front-art svg{filter:grayscale(1) drop-shadow(0 12px 8px #0008);opacity:.96}
.card .type{color:#c0c9d3;font-weight:500;font-size:8px;letter-spacing:1.6px}
.card .cost{color:#f1eee7;font-weight:600;font-variant-numeric:tabular-nums}
.card-body{background:linear-gradient(180deg,#202733a6,#11151c);padding:17px;color:#f1eee7}
.card-body h3{font-weight:600;letter-spacing:.3px;line-height:1.1}
.card-body p{color:#aeb7c4;font-size:10px;line-height:1.5}
.card-stats{color:#d6dde4;border-color:#ffffff14;font-variant-numeric:tabular-nums;font-size:9px;letter-spacing:.3px}
.card-stats>span:last-child{color:#d99667}.card .chosen{color:#8ab9d5}
.card:focus-visible{outline-color:#8ab9d5}
.field-pack-dialog{background:radial-gradient(ellipse at 50% 43%,#39424e 0,#202733 31%,#11151c 70%)!important;color:#f1eee7}
.field-pack-dialog::backdrop{background:#11151c!important}
.fp-header{border-color:#ffffff12}.fp-header strong{color:#f1eee7;letter-spacing:3px}.fp-kicker{color:#d99667}.fp-close{color:#b4bdc9}.fp-close:hover{color:#f1eee7}
.fp-progress i{background:#abb4c326}.fp-progress i.filled{background:#d99667}.fp-progress span{color:#b4bdc9}
.fp-card-back,.fp-card-front{border-color:#9ea5af;box-shadow:0 26px 60px #0009,inset 0 1px 0 #ffffff40;border-radius:11px}
.fp-card-back{background:linear-gradient(120deg,transparent 15%,#ffffff0c 16%,transparent 19%,transparent 60%,#d9966720 62%,transparent 66%),linear-gradient(150deg,#424a56,#202733 40%,#11151c 85%);color:#f1eee7}
.fp-back-grid{border-color:#d9966755;background:repeating-linear-gradient(45deg,transparent 0 13px,#d7dfeb07 14px,transparent 15px 28px);box-shadow:inset 0 0 0 3px #11151c88}
.fp-emblem{color:#d99667;text-shadow:0 2px 0 #11151c;border-color:#d9966777;box-shadow:inset 0 0 0 7px #202733,0 0 0 1px #6c747e;background:linear-gradient(130deg,#ffffff0a,transparent 60%)}
.fp-back-top{letter-spacing:4px}.fp-back-bottom{color:#e3e3e2}.fp-back-bottom small{color:#aeb7c4}
.fp-card-front,.fp-result{background:linear-gradient(145deg,#394655,#202733 45%,#11151c);border-color:#798493}
.fp-card-front.rare,.fp-result.rare{border-color:#8ab9d5}.fp-card-front.elite,.fp-result.elite{border-color:#d99667}
.fp-front-art{background:linear-gradient(145deg,#ffffff08,transparent 65%),radial-gradient(ellipse at 50% 90%,#8ab9d524,transparent 70%);border-bottom:1px solid #ffffff12}
.fp-front-top{color:#c1cad5}.fp-front-top>span:last-child{color:#f1eee7}.fp-front-info{background:linear-gradient(180deg,#202733ed,#11151c);color:#f1eee7}
.fp-rarity{color:#c1cad5}.fp-rarity.rare{color:#8ab9d5}.fp-rarity.elite{color:#d99667}.fp-front-info h2{color:#f1eee7;letter-spacing:.2px}.fp-front-info p{color:#aeb7c4}
.fp-stats{border-color:#ffffff14;color:#edf0f3}.fp-stats small{color:#aeb7c4}
.fp-owned{border-color:#9faabd40;color:#bdc7d3;background:#11151c99}.fp-owned.new{color:#b9d8ea;border-color:#8ab9d555;background:#8ab9d519}
.fp-stack{border-color:#647183;background:linear-gradient(145deg,#333f4e,#11151c);box-shadow:0 15px 20px #0005}
.fp-hint{color:#d0d5dc}.fp-next{border-color:#8ab9d53b;background:#202733;color:#f1eee7}.fp-next:hover{background:#303b4b;border-color:#8ab9d577}.fp-key-help,.fp-footnote{color:#9ba7b8}
.fp-summary h1{color:#f1eee7}.fp-summary>p{color:#b4bdc9}.fp-result{box-shadow:0 12px 30px #0004,inset 0 1px 0 #ffffff20}.fp-finish{background:#d99667;color:#11151c;border:1px solid #efba9299;box-shadow:inset 0 1px 0 #ffe2c733,0 5px 15px #0003}.fp-finish:hover{background:#e5a97f}
.fp-card-button:focus-visible,.fp-close:focus-visible,.fp-next:focus-visible,.fp-finish:focus-visible{outline-color:#8ab9d5}
@media(max-width:720px){.card-body{padding:13px}.card-art{margin:5px 5px 0}.card .type{font-size:7px;letter-spacing:1px}.card-stats{font-size:8px;letter-spacing:0}.pack .pack-mark{font-size:74px;width:106px;margin:13px auto}.pack b{font-size:29px}}
@media(prefers-reduced-motion:reduce){.card{transition:none}.pack{transform:none}.pack .pack-mark{transform:none}}
/* Raster unit paintings stay within the art window, above card metadata. */
.fp-front-art{display:block;overflow:hidden;min-height:0;padding:35px 15px 0;height:53%;position:relative}.fp-front-art .unit-illustration{display:block;width:100%;height:100%;min-height:0;object-fit:cover;object-position:center;border:1px solid #ffffff16}.fp-front-info{position:relative;background:linear-gradient(#1b222c,#11151c);z-index:1}.fp-mini .fp-front-art{padding:14px 7px 0}
@media(max-width:600px){.fp-front-art{height:49%;padding-top:28px}}
.rarity-tag{position:absolute;bottom:11px;left:12px;z-index:2;font-size:8px;font-weight:600;letter-spacing:1.3px;text-transform:uppercase;padding:6px 8px;border:1px solid #c2c9d450;color:#d6dbe2;background:#131c28df;backdrop-filter:blur(6px)}.rarity-tag.rare{color:#b9d8ef;border-color:#80add077}.rarity-tag.elite{color:#e5b692;border-color:#bb865d99}.rarity-tag.legendary{color:#f8e2b2;border-color:#e2c486;background:#302b20ed}.card.legendary{border-color:#c5ae77;box-shadow:inset 0 0 0 2px #ddc18718,0 9px 25px #0003}.fp-rarity.legendary{color:#e9d49d}.rarity-note{font-size:11px;color:#a8b3c2;line-height:1.7;margin:-6px 0 24px}.rarity-select{display:flex;align-items:center;gap:9px;font-size:10px;color:#a8b3c2;margin-left:auto}.rarity-select select{font-size:11px;border-color:#526171;background:#1b2634;padding:8px 12px}.fp-front-info .fp-rarity.legendary{letter-spacing:2px}@media(max-width:720px){.rarity-select{margin-left:0}.rarity-tag{font-size:7px;bottom:7px;left:9px;padding:4px 6px}}