@import url("./card-life.css");
/* Digital racer showcase: the complete illustration owns the entire surface. */
.premium-card{--metal:#b8d5d9;--shade:#314c57;--mx:50%;--my:25%;container-type:inline-size;position:relative!important;display:block!important;width:100%;aspect-ratio:3/4!important;height:auto!important;min-height:0!important;padding:0!important;border:1px solid #bad8d566!important;border-radius:16px!important;overflow:hidden!important;background:#102630!important;color:#fff!important;text-align:left;box-shadow:0 1px 0 #ffffff50 inset,0 0 0 1px #07151c,0 18px 36px #0007!important;transform:perspective(1000px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .18s ease,box-shadow .25s;isolation:isolate;font-family:Arial,sans-serif!important}
.premium-card.Uncommon{--metal:#9ad9be}.premium-card.Rare{--metal:#a8d5f4}.premium-card.Legendary{--metal:#e6bd83}.premium-card.Godlike{--metal:#d8bdf5}
.premium-card:before,.premium-card:after{display:none!important}.pc-face{position:absolute;inset:0;overflow:hidden;border-radius:inherit;background:#12303b}.pc-art{position:absolute;inset:0;isolation:isolate;overflow:hidden}.pc-art img{position:absolute;inset:0;width:100%!important;height:100%!important;object-fit:contain!important;object-position:center!important;display:block;border:0!important;border-radius:0!important;box-shadow:none!important;padding:0!important;margin:0!important}.pc-artwork{z-index:1}.pc-art img.pc-art-ambience{z-index:0;object-fit:cover!important;filter:blur(18px) brightness(.5);transform:scale(1.1);opacity:.8}.expansion-card .pc-art{background:radial-gradient(ellipse at 50% 42%,#729e97,#163b46 65%,#10212b)}
.pc-status{position:absolute;z-index:3;top:4%;left:5%;right:5%;display:flex;align-items:center;justify-content:space-between;pointer-events:none}.pc-tier,.pc-stage{background:#071a24cc;border:1px solid #d5efea38;border-radius:30px;padding:1.7cqw 2.6cqw;font-size:2.7cqw;letter-spacing:.1em;text-transform:uppercase;color:#edf8f4;line-height:1;backdrop-filter:blur(8px)}.pc-tier{display:flex;align-items:center;gap:1.7cqw}.pc-tier i{width:1.6cqw;height:1.6cqw;border-radius:50%;background:var(--metal);box-shadow:0 0 8px var(--metal)}.pc-stage{font-size:2.4cqw;color:var(--metal)}
.pc-stats{position:absolute;right:4%;top:15%;z-index:3;display:flex;flex-direction:column;gap:2cqw;pointer-events:none}.pc-stats>span{display:flex;align-items:center;justify-content:center;gap:1.1cqw;padding:1.4cqw 1.8cqw;min-width:12cqw;background:#071923d6;border:1px solid #dcf4f038;border-radius:6px;backdrop-filter:blur(8px)}.pc-stats b{font-size:4.4cqw;line-height:1;font-weight:700;color:#fff}.pc-stats small{font-size:2.1cqw;font-weight:700;color:#c4deda}
.pc-caption{position:absolute;inset:auto 0 0;z-index:3;padding:9% 6% 5%;background:linear-gradient(transparent,#05151cdb 38%,#06151cf0);pointer-events:none}.pc-name{font:800 8cqw/.98 'Barlow Condensed','Arial Narrow',Impact,sans-serif;color:#fff;text-shadow:0 2px 8px #0008;letter-spacing:.005em}.pc-role{display:flex;align-items:center;justify-content:space-between;margin-top:2.5cqw;font-size:2.7cqw;letter-spacing:.13em;text-transform:uppercase;color:#c0ded7}.pc-role span{color:var(--metal);font-size:5cqw;line-height:.7}
.pc-foil{position:absolute;inset:0;z-index:4;pointer-events:none;border-radius:inherit;background:radial-gradient(ellipse at var(--mx) var(--my),#ddfff426,transparent 55%);opacity:.15;transition:opacity .25s;mix-blend-mode:screen}.premium-card:hover .pc-foil,.hero-card:hover .pc-foil,.racer-card-button:hover .pc-foil{opacity:.65}.pc-overlay{transition:opacity .25s}.is-art-only .pc-overlay,.is-art-only .pc-foil{opacity:0}
.pc-inspector{width:100%;max-width:355px;margin:auto;text-align:center}.pc-turntable{perspective:1200px;aspect-ratio:3/4}.pc-flipper{width:100%;height:100%;position:relative;transform-style:preserve-3d;transition:transform .65s cubic-bezier(.2,.7,.2,1)}.is-flipped .pc-flipper{transform:rotateY(180deg)}.pc-front,.pc-reverse{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden}.pc-reverse{transform:rotateY(180deg);container-type:inline-size}.pc-front .premium-card{height:100%!important;transform:none!important}.pc-controls{display:flex;gap:8px;margin-top:18px;justify-content:center}.pc-controls button{border:1px solid #a0ccc34d!important;background:#17363e!important;color:#d4eee5!important;border-radius:30px!important;padding:11px 18px!important;font-size:12px!important;margin:0!important;cursor:pointer}.pc-controls button[aria-pressed=true]{background:#c3e8db!important;color:#10332f!important}.pc-controls button:disabled{opacity:.35;cursor:default}.pc-controls button:focus-visible{outline:2px solid #c3e8db;outline-offset:3px}.pc-hint{font-size:10px!important;color:#a6c0c1!important;margin:10px 0 0!important;line-height:1.5!important}
.pc-intel{height:100%;box-sizing:border-box;padding:7%;display:flex;flex-direction:column;gap:4cqw;text-align:left;border:1px solid #99c3b96b;border-radius:16px;background:radial-gradient(ellipse at 100% 0,#315c5f,#0c202b 65%);color:#e6f5ee;overflow:auto}.pc-intel small{font-size:2.7cqw;letter-spacing:.12em;color:#9ac7bc}.pc-intel h3{font:800 8cqw/1 'Barlow Condensed',Impact,sans-serif;margin:0;color:#fff}.pc-intel h4{font-size:4.4cqw;margin:2cqw 0;color:#d2eee3}.pc-intel p{font-size:3.6cqw!important;line-height:1.55!important;margin:0!important;color:#c5dedb!important}.pc-intel section{border-top:1px solid #abcac333;padding-top:4cqw}.pc-intel footer{font-size:2.5cqw;color:#a1bebc;margin-top:auto;background:none;padding:0}.pc-intel-stats{display:flex;gap:3cqw}.pc-intel-stats>span{flex:1;display:flex;align-items:center;justify-content:center;gap:2cqw;border:1px solid #aac9c444;background:#09222a88;border-radius:7px;padding:2.5cqw}.pc-intel-stats b{font-size:6cqw}.pc-intel-stats small{font-size:2.5cqw}
.pc-back-face{container-type:inline-size;display:flex;position:relative;width:100%;height:100%;min-height:100%;flex-direction:column;justify-content:center;align-items:center;border:5px solid #cdb985;border-radius:13px;color:#ebd6a4;background:repeating-linear-gradient(45deg,transparent 0 10px,#bc9b5720 10px 11px),radial-gradient(ellipse at 50% 45%,#47435e,#121524 65%);box-shadow:inset 0 0 0 3px #111420,inset 0 0 0 4px #cdb98588,inset 0 0 45px #0009;overflow:hidden;text-align:center}.pc-back-face:before{content:'';position:absolute;inset:8%;border:1px solid #cfb87980;border-radius:44% 44% 8px 8px;pointer-events:none}.pc-back-face:after{content:'';position:absolute;inset:5%;border:1px solid #d6bc8040;clip-path:polygon(0 0,25% 0,25% 100%,75% 100%,75% 0,100% 0,100% 100%,0 100%);pointer-events:none}.pc-back-top,.pc-back-bottom{position:absolute!important;left:9%!important;right:9%!important;font:600 2.5cqw Arial!important;letter-spacing:.19em!important;color:#d1c1a2!important;background:none!important;padding:0!important;line-height:1.7!important}.pc-back-top{top:10%!important;bottom:auto!important}.pc-back-bottom{bottom:9%!important;top:auto!important}.pc-back-bottom i{display:block;font-size:4cqw;font-style:normal;margin:6%}.pc-back-seal{position:relative!important;display:flex!important;align-items:center;justify-content:center;gap:10%;width:74%;height:30%;padding:0!important;background:none!important;color:#f4dc9f!important}.pc-back-seal:before{content:'';position:absolute;inset:0 24%;border:2px solid #ceb37b;transform:rotate(45deg);border-radius:25%}.pc-back-seal b{font-family:Georgia,serif!important;font-size:26cqw!important;position:relative;text-shadow:0 2px #171624}.pc-back-seal i{font-size:8cqw;font-style:normal}.pc-back-face>strong{font:900 16cqw/.83 'Barlow Condensed',Impact,sans-serif!important;letter-spacing:.02em;margin-top:13%;text-shadow:0 3px #151522}
@media screen{body[data-app] .card-grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:28px 22px}body[data-app] .detail-layout{grid-template-columns:minmax(260px,355px) 1fr;gap:40px;align-items:start}body[data-app] #details{background:radial-gradient(ellipse at 0 0,#23434b,#10232d 70%);border:1px solid #93c2b866;width:min(980px,94vw);padding:35px;color:#eee8dc}body[data-app] .card-back{padding:0!important;aspect-ratio:3/4;height:auto!important;min-height:0!important;border:0!important;border-radius:13px!important;container-type:inline-size;box-shadow:0 18px 35px #0007!important;background:#151625!important}body[data-app] .card-back:before,body[data-app] .card-back:after{display:none!important}body[data-app] .card-back .pc-back-face{aspect-ratio:3/4}body[data-app] .card-back>small{position:absolute;bottom:3%;left:10%;right:10%;font-size:9px!important;color:#fff3d8!important}body[data-app] .next-reveal{outline:2px solid #ffe5a8;outline-offset:5px}body[data-app] .premium-back .pc-back-face{border-color:#d2aff4;background:repeating-linear-gradient(45deg,transparent 0 10px,#e0baff20 10px 11px),radial-gradient(ellipse,#524366,#171524 65%)}body[data-app] .pack-wrapper{border:1px solid #f4d891!important;border-radius:7px!important;background:linear-gradient(120deg,#141526 15%,#756447 27%,#e4c485 29%,#302b38 31%,#181827 65%,#56486d 85%,#e3cef1 87%,#272335 89%)!important;box-shadow:0 25px 40px #0008,0 0 0 5px #bca37825!important;position:relative;overflow:hidden;color:#ffe8b2!important}.pack-wrapper:after{content:'';position:absolute;inset:0;pointer-events:none;border-block:12px solid #cab783;background:repeating-linear-gradient(90deg,#ffffff20 0 2px,transparent 2px 5px);mask-image:linear-gradient(#000 0 12px,transparent 12px calc(100% - 12px),#000 calc(100% - 12px))}.pack-wrapper .pack-wheel{border-color:#f7d995!important;box-shadow:0 0 0 5px #111424,0 0 0 6px #c4aa75}.revealed-card>.premium-card{animation:pc-settle .6s ease-out}.revealed-card>span{letter-spacing:.08em}.owned-card .ownership{color:#dfc99f}.card-wrap>.premium-card{margin-bottom:13px}}
@keyframes pc-settle{from{filter:brightness(1.6)}to{filter:brightness(1)}}
@media(max-width:700px){body[data-app] .detail-layout{grid-template-columns:1fr}body[data-app] #details{padding:35px 22px}body[data-app] .card-grid{grid-template-columns:repeat(auto-fill,minmax(155px,1fr));gap:22px 13px}.pc-inspector{max-width:310px}}

.pp-pack-offer{border-top:1px solid #9bc5b944;margin-top:24px;padding-top:20px}.pp-pack-offer h3{color:#b2decd;font-size:19px;margin:8px 0}.pp-pack-offer p{max-width:520px}.pp-pack-offer button{margin:10px 8px 0 0}.pp-game-synergy{background:#16353a;border:1px solid #8ebeb544;border-radius:7px;padding:16px;margin:20px 0}.pp-game-synergy strong{color:#bce2ce}.pp-game-synergy p{font-size:13px;line-height:1.7}.pp-game-synergy button{font-size:12px;margin:8px 5px 0 0}
@media(prefers-reduced-motion:reduce){.premium-card,.pc-flipper,.pc-foil,.pc-overlay{transition:none!important;animation:none!important}.premium-card{transform:none!important}.revealed-card>.premium-card{animation:none!important}}
html[data-motion=quick] .premium-card,html[data-motion=quick] .pc-flipper,html[data-motion=quick] .pc-overlay{transition:none!important;animation:none!important}

body[data-app] .detail-layout>.pc-inspector{margin-top:0}

/* Readable instrument badges with terrain meaning. */
.pc-stats{top:14%;right:3%;gap:1.8cqw}.pc-stats>span{display:grid;grid-template-columns:auto auto;gap:0 1.5cqw;min-width:19cqw;padding:2cqw;background:#071b26f5;border:1px solid #b5d8d988;border-left:3px solid var(--stat-color);box-shadow:0 3px 12px #0008;border-radius:9px}.pc-stats b{font-size:8cqw;grid-column:1;line-height:1}.pc-stats i{display:none}.pc-stats small{font-size:3cqw;line-height:1.2;color:#fff;letter-spacing:0}.pc-stats em{display:block;color:var(--stat-color);font-size:2.5cqw;font-style:normal;margin-top:.8cqw}.pc-stat-speed{--stat-color:#f6ce8d}.pc-stat-agility{--stat-color:#91e8cd}.pc-stat-acceleration{--stat-color:#b8ceff}.pc-intel-stats>span{display:flex;flex-wrap:wrap}.pc-intel-stats i{color:var(--stat-color);font-style:normal}.pc-intel-stats em{display:block;font-style:normal;color:var(--stat-color);font-size:2.4cqw}.pc-intel-stats b{font-size:9cqw}
.ep-objectives{margin:24px 0;padding:24px;border:1px solid #8fd9bd55;border-radius:20px;background:linear-gradient(125deg,#183b43,#0c202b);color:#edf8f0}.ep-objectives header{display:flex;align-items:center;justify-content:space-between;gap:20px}.ep-objectives h2{margin:4px 0 10px}.ep-objectives p{color:#c4dcd9;max-width:780px}.ep-objectives>div{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin:18px 0}.ep-objectives article{padding:16px;border:1px solid #97baa944;border-radius:12px;background:#081b26}.ep-objectives article small{color:#f6ce8d;font-weight:700}.ep-objectives article.earned{border-color:#91e8cd;background:#183b36}.ep-objectives article.earned small{color:#91e8cd}.ep-loadout{padding:24px;border:1px solid #f6ce8d66;border-radius:18px;background:#102a34;margin:24px 0}.ep-loadout label{display:block;margin:16px 0}.ep-loadout select{max-width:100%;padding:12px;background:#061c28;color:#fff;border:1px solid #91bbaa;border-radius:8px}.ep-loadout .ep-lineup{display:flex;gap:14px;flex-wrap:wrap}.ep-lineup span{padding:10px 14px;background:#224550;border-radius:8px;color:#fff}@media(max-width:760px){.ep-objectives>div{grid-template-columns:1fr 1fr}.ep-objectives header{display:block}.ep-objectives{padding:16px}.ep-objectives article{padding:12px}}@media(max-width:420px){.ep-objectives>div{grid-template-columns:1fr}}

.ep-pack-journal{margin:16px 0;border:1px solid #91e8cd55;border-radius:12px;background:#112d36}.ep-pack-journal>summary{padding:16px;color:#d1f5e5;font-weight:700;cursor:pointer}.ep-pack-journal .ep-objectives{margin:0;border:0}.ep-difficulty{color:#c8e4df;padding:8px 0}

/* Illustrated trading cards: a tactile rim, complete art, and printed rules. */
.premium-card{aspect-ratio:2/3!important;border:3px solid var(--metal)!important;border-radius:15px!important;background:#20272a!important;box-shadow:0 0 0 2px #172026,0 8px 0 -2px #091318,0 16px 28px #0007!important}
.pc-face{inset:4px;border:1px solid #e8d2a56b;border-radius:9px;background:#e6d8b9}
.pc-art{inset:7% 0 30%;border-bottom:2px solid var(--metal);background:#18333b}
.pc-status{top:1.5%;left:3%;right:3%}.pc-tier,.pc-stage{background:#17282e;border-radius:4px;font-size:2.8cqw;padding:1.5cqw 2cqw}
.pc-caption{inset:57% 0 auto;padding:2.5% 4%;background:#1b3035f5;border-block:1px solid var(--metal);height:10%;display:flex;flex-direction:column;justify-content:center}.pc-name{font-size:6cqw;line-height:1.05;text-shadow:none}.pc-role{margin-top:1cqw;font-size:2.3cqw}.pc-role span{display:none}
.pc-ability{position:absolute;left:0;right:0;top:67%;bottom:10%;padding:4% 5%;background:linear-gradient(135deg,#f1e6cb,#d8c8a7);color:#243236;z-index:3;display:flex;flex-direction:column;justify-content:center;gap:1.4cqw}.pc-ability strong{font:700 4cqw Georgia,serif}.pc-ability span{font:3.3cqw/1.35 Arial,sans-serif}
.pc-stats{inset:auto 0 0;top:auto;height:10%;flex-direction:row;gap:0;background:#162a31;justify-content:space-around}.pc-stats>span{display:flex;flex:1;min-width:0;gap:1.5cqw;border:0;border-right:1px solid #e2d3b343;border-radius:0;box-shadow:none;padding:1cqw;background:transparent}.pc-stats b{font-size:7cqw;color:var(--stat-color)}.pc-stats small{font-size:2.6cqw}.pc-stats em{font-size:2cqw}
.pc-foil{opacity:.12}.premium-card.Legendary .pc-foil,.premium-card.Godlike .pc-foil{opacity:.32}.pc-inspector.is-art-only .pc-art{inset:0}.pc-inspector.is-art-only .pc-face{background:#142a32}

.premium-card .pc-stats small{font-size:2.6cqw!important;letter-spacing:0!important;margin:0!important;line-height:1.2!important}.premium-card .pc-stats em{font-size:2cqw!important}.premium-card .pc-stats b{font-size:7cqw!important}