:root{color-scheme:dark;--gold:#e8d4a3;--glow:#dcc492}*{box-sizing:border-box}body{margin:0;background:#10131d;color:#efeee9;font-family:ui-sans-serif,system-ui,-apple-system,"Noto Sans TC",sans-serif;background-image:radial-gradient(ellipse at 50% 37%,#26283c66,transparent 55%)}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid #ffe19d;outline-offset:6px}button:disabled{cursor:wait;opacity:.55}header{max-width:1200px;margin:auto;padding:28px 40px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff10}.brand{color:var(--gold);text-decoration:none;display:flex;align-items:center;gap:12px;font-size:30px}.brand span{font-size:22px;letter-spacing:.18em}.brand small{display:block;font-size:10px;letter-spacing:.22em;margin-top:5px}.quiet{color:#dadce5;border:1px solid #ffffff22;background:#ffffff04;padding:11px 16px;border-radius:6px;font-size:14px}.quiet span{color:#a9aebf;margin-left:12px}main{max-width:880px;margin:auto;text-align:center;padding:36px 24px 45px}.eyebrow{font-size:12px;letter-spacing:.2em;color:var(--gold)}h1{font-family:serif;font-weight:500;font-size:42px;letter-spacing:.18em;margin:15px 0 10px}.intro{color:#a5a8b7;font-size:14px;margin:0}.summon{height:360px;position:relative;display:grid;place-items:center;isolation:isolate}.orbit{position:absolute;border:1px solid #c5b58725;border-radius:50%;width:325px;height:325px;z-index:-1}.o2{width:275px;height:275px;border-style:dashed;transform:rotate(30deg)}.beam{position:absolute;width:280px;height:280px;background:radial-gradient(circle,var(--glow),transparent 67%);opacity:.12;filter:blur(25px);z-index:-1}.pack{width:186px;height:264px;border:1px solid #b8a174;background:linear-gradient(135deg,#33384c,#151c2f 45%,#373647);color:var(--gold);box-shadow:0 18px 55px #0008,inset 0 0 0 7px #171d2d,inset 0 0 0 8px #ac926155;display:flex;flex-direction:column;align-items:center;justify-content:space-around;transform:rotate(-6deg);transition:transform .4s;position:relative;border-radius:3px;animation:float 5s ease-in-out infinite}.pack:hover{filter:brightness(1.2)}.pack-top{font-size:12px;margin-top:12px}.seal{font-family:serif;font-size:106px;line-height:1;text-shadow:0 0 35px #efdc9e66}.pack-title{font-family:serif;font-size:18px}.pack-bottom{font-size:9px;letter-spacing:.12em;margin-bottom:12px}.status{min-height:27px;color:#bdbccb;font-size:14px;margin:0 0 18px}.actions{display:flex;gap:12px;justify-content:center}.actions button{border-radius:6px;padding:15px 24px;font-weight:600;font-size:16px;min-width:190px}.actions span{font-size:12px;margin-left:20px;opacity:.65}.primary{background:var(--gold);border:1px solid var(--gold);color:#242333}.secondary{border:1px solid #a7967155;background:#ffffff04;color:var(--gold)}.free{color:#848b9e;font-size:12px;margin:14px 0 24px}.rates{border-top:1px solid #ffffff13;border-bottom:1px solid #ffffff13;text-align:left;padding:16px 0;max-width:590px;margin:24px auto 0;color:#b8bdcd;font-size:14px}.rates summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between}.rate-list{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:20px}.rate-list b{display:block;margin-top:7px;font-size:19px}.rates p{font-size:12px;line-height:1.8;color:#9299ac}.card{width:202px;height:284px;border:1px solid var(--glow);border-radius:10px;background:radial-gradient(ellipse at 50% 32%,color-mix(in srgb,var(--glow) 22%,#161c2d),#151a29 70%);box-shadow:0 0 50px color-mix(in srgb,var(--glow) 20%,transparent),inset 0 0 0 6px #151a29,inset 0 0 0 7px #ffffff20;animation:reveal .7s ease-out;padding:19px;position:relative;overflow:hidden}.rarity{display:block;color:var(--glow);font-size:13px;letter-spacing:.15em;text-align:left}.glyph{display:block;font-family:serif;font-size:90px;line-height:1.4;color:var(--glow);text-shadow:0 0 35px var(--glow)}.card h2{font-family:serif;font-size:22px;font-weight:500;margin:2px 0 8px}.card p{font-size:12px;color:#b1b7c8;margin:0;line-height:1.6}.card .serial{font-size:9px;letter-spacing:.18em;position:absolute;bottom:14px;left:0;right:0;color:#8e95a8}.charging .pack{animation:shake .16s infinite}.charging .beam{opacity:.65;transform:scale(1.4);transition:all 1.3s}.charging .orbit{border-color:var(--glow);animation:spin 4s linear infinite}.results,.collection-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:9px}.results:empty{display:none}.results{margin-top:26px}.mini{padding:13px 4px;border:1px solid color-mix(in srgb,var(--glow) 40%,transparent);border-radius:5px;background:#ffffff03;font-size:12px}.mini b{display:block;color:var(--glow);font-size:12px}.mini .symbol{font-size:28px;display:block;color:var(--glow);margin:6px}.mini small{color:#a0a8b8}.section-head{display:flex;justify-content:space-between;align-items:center;margin-top:32px}.section-head h2{font-size:20px;font-weight:500}.section-head span{font-size:12px;color:#9299ac}.empty{grid-column:1/-1;color:#9299ac;padding:20px}.collection-grid{grid-template-columns:repeat(4,1fr)}footer{display:flex;justify-content:center;gap:15px;border-top:1px solid #ffffff10;padding:22px;color:#6e7588;font-size:11px;letter-spacing:.12em}[hidden]{display:none!important}@keyframes float{50%{transform:translateY(-8px) rotate(-3deg)}}@keyframes shake{50%{transform:translateX(2px) rotate(0deg)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes reveal{from{opacity:0;transform:scale(.65) rotateY(100deg)}to{opacity:1;transform:scale(1) rotateY(0)}}@media(max-width:560px){header{padding:20px}.quiet{padding:10px;font-size:12px}.quiet span{margin-left:5px}main{padding:28px 20px}h1{font-size:34px}.summon{height:330px}.orbit{width:290px;height:290px}.o2{width:245px;height:245px}.actions button{min-width:0;flex:1;padding:15px 10px}.actions span{margin-left:8px}.results{grid-template-columns:repeat(2,1fr)}.collection-grid{grid-template-columns:repeat(2,1fr)}.rate-list{gap:7px;font-size:12px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}
/* Cat guild edition */
body{background-color:#101d23;background-image:radial-gradient(ellipse at 50% 37%,#205b5960,transparent 60%)}.brand span{font-size:16px;letter-spacing:.08em}.brand small{font-size:14px}.intro{font-size:14px;line-height:1.7}.summon{height:430px}.pack{width:224px;height:330px;background:linear-gradient(135deg,#2c4e50,#122e36 50%,#354846);border-radius:10px;overflow:hidden}.pack-top{font-size:10px;letter-spacing:.07em}.pack-bottom{font-size:9px}.card-art{display:block;object-fit:contain;aspect-ratio:1;flex-shrink:0}.pack-art{width:178px;height:178px;border-radius:50%;border:1px solid #e8d4a360;box-shadow:0 0 24px #76c4b226}.card{width:242px;height:365px;padding:15px 18px}.card>.card-art{width:196px;height:196px;margin:10px auto 6px;border-radius:5px}.card h2{font-size:21px;margin:4px 0 7px}.job{display:block;color:var(--glow);font-size:12px;line-height:1.6}.card p{font-size:12px;line-height:1.6}.card .serial{bottom:12px}.mini{padding:10px 8px;font-size:12px;line-height:1.8}.mini>.card-art{width:100%;border-radius:4px;margin:8px 0}.mini .job{font-size:11px}.primary{background:#edcf98;border-color:#edcf98}.secondary{background:#193137}.rates{margin-top:22px}h1{letter-spacing:.08em}.brand{font-size:26px}@media(max-width:560px){header{padding:18px 16px}.brand span{font-size:13px}.brand{gap:7px}.brand small{font-size:12px}.quiet{font-size:12px}.summon{height:405px}main{padding-top:25px}h1{font-size:32px}.intro{font-size:13px}.results{grid-template-columns:repeat(2,1fr)}.mini .job{font-size:12px}}
/* Three-stage RPG career paths */
.rate-list{grid-template-columns:repeat(3,1fr)}.card{height:430px;width:278px}.summon{height:480px}.card>.card-art{width:196px;height:196px}.career{display:flex;justify-content:center;align-items:center;gap:5px;margin-top:15px;flex-wrap:wrap;color:#939eaf;font-size:12px}.career .current{color:var(--glow);border-bottom:1px solid currentColor;padding-bottom:3px;font-weight:600}.career-arrow{opacity:.6}.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;margin-top:16px;font-size:14px;white-space:nowrap}th,td{text-align:left;padding:12px 8px;border-bottom:1px solid #ffffff12}thead{color:#e8d4a3}tbody th{font-weight:500;color:#eef0f5}.card .serial{font-size:10px}@media(max-width:560px){.summon{height:470px}.rate-list{font-size:12px}th,td{padding:12px 5px;font-size:13px}}
/* Full viewport SSR showcase */
.ssr-mini{color:#efeee9;width:100%;position:relative;box-shadow:inset 0 0 20px #ffe19d10;transition:transform .2s,box-shadow .2s}.ssr-mini:hover{transform:translateY(-3px);box-shadow:0 0 22px #ffe19d25}.showcase-hint{display:block;color:#ffe19d;font-size:12px;margin-top:8px}.showcase-open{overflow:hidden}.showcase{--glow:#ffe19d;--aura:#f4c969;position:fixed;inset:0;width:100%;max-width:none;height:100%;height:100dvh;max-height:none;margin:0;padding:0;border:0;background:#080c14;color:#fff;overflow:auto}.showcase::backdrop{background:#080c14}.showcase-close{position:fixed;z-index:5;right:max(18px,env(safe-area-inset-right));top:max(18px,env(safe-area-inset-top));background:#0d152be6;border:1px solid #ffe19d55;color:#ffe9bc;border-radius:30px;padding:13px 18px;font-size:16px}.showcase-close span{font-size:14px;margin-left:8px}.showcase-scene{position:relative;isolation:isolate;min-height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;padding:85px 20px max(30px,env(safe-area-inset-bottom));background:radial-gradient(ellipse at 50% 42%,color-mix(in srgb,var(--aura) 22%,#080c14),#080c14 70%)}.showcase-rays{position:absolute;z-index:-2;inset:-60%;opacity:.25;background:repeating-conic-gradient(from 10deg,transparent 0deg 15deg,var(--aura) 18deg,transparent 22deg 40deg);animation:ssr-orbit 50s linear infinite;mask-image:radial-gradient(circle,#000,transparent 60%)}.showcase-ring{position:absolute;width:min(85vw,640px);aspect-ratio:1;border:1px solid #ffe19d66;border-radius:50%;top:42%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 65px color-mix(in srgb,var(--aura) 25%,transparent),inset 0 0 65px #ffe19d10;z-index:-1}.showcase-ring:after{content:'';position:absolute;inset:15px;border:1px dashed #ffe19d44;border-radius:50%;animation:ssr-orbit 80s linear infinite}.showcase-portrait{position:relative;width:min(68vw,46vh,400px);aspect-ratio:1;overflow:hidden;border:1px solid #ffe19d99;border-radius:18px;box-shadow:0 0 70px color-mix(in srgb,var(--aura) 35%,transparent),0 24px 65px #000a;flex-shrink:0}.showcase[open] .showcase-portrait{animation:ssr-enter 1s ease-out both,ssr-float 6s 1s ease-in-out infinite}.showcase-art{width:100%;height:100%}.showcase-sheen{position:absolute;inset:-50%;background:linear-gradient(115deg,transparent 42%,#fff7 49%,transparent 56%);transform:translateX(-100%);animation:ssr-sheen 7s 1.1s ease-in-out infinite;pointer-events:none}.showcase-copy{position:relative;text-align:center;margin-top:26px;max-width:600px}.showcase[open] .showcase-copy{animation:ssr-copy 1.2s ease-out both}.showcase-badge{font-size:14px;letter-spacing:.18em;color:#ffe19d}.showcase-copy h2{font-family:serif;font-size:clamp(26px,5vw,44px);font-weight:500;line-height:1.3;letter-spacing:.05em;margin:12px 0;color:#fff0d2;text-shadow:0 0 30px #ffcc7044}.showcase-copy p{font-size:16px;line-height:1.8;color:#c5c6d1;margin:0 0 14px}.showcase .career{font-size:14px;gap:10px}.showcase-stars{position:absolute;inset:0;pointer-events:none;z-index:-1}.showcase-stars i{position:absolute;left:var(--x);top:var(--y);width:3px;height:3px;border-radius:50%;background:#ffe8b8;box-shadow:0 0 9px #ffd785;animation:ssr-drift 7s var(--delay) ease-in-out infinite}@keyframes ssr-enter{from{opacity:0;transform:translateY(35px) scale(.85)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes ssr-copy{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes ssr-float{50%{transform:translateY(-9px)}}@keyframes ssr-orbit{to{rotate:360deg}}@keyframes ssr-sheen{0%,60%{transform:translateX(-100%)}85%,100%{transform:translateX(100%)}}@keyframes ssr-drift{0%,100%{opacity:.15;transform:translateY(20px)}50%{opacity:.85;transform:translateY(-25px)}}@media(max-width:560px){.showcase-portrait{width:min(78vw,45vh)}.showcase-copy{margin-top:25px}.showcase-copy h2{font-size:30px}.showcase-scene{padding-top:82px}.showcase .career{font-size:12px;gap:6px}}@media(prefers-reduced-motion:reduce){.showcase *{animation:none!important;transition:none!important}.showcase-sheen{display:none}}
.pity-panel{max-width:590px;margin:0 auto 24px;text-align:left;border:1px solid #ffe19d30;border-radius:8px;padding:15px;background:#ffe19d06}.pity-heading{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;font-size:14px;color:#b8bdcd}.pity-heading b,.pity-heading strong{color:#ffe19d;font-weight:500}.pity-panel progress{display:block;width:100%;height:6px;margin-top:12px;border:0;border-radius:6px;overflow:hidden;accent-color:#edcf98;background:#ffffff14}.pity-panel progress::-webkit-progress-bar{background:#ffffff14}.pity-panel progress::-webkit-progress-value{background:#edcf98}.pity-panel progress::-moz-progress-bar{background:#edcf98}.pity-panel p{font-size:12px;color:#9299ac;margin:9px 0 0}
/* R: silver-blue trim. SR: double crystal trim. SSR: layered gold filigree. */
.card,.mini{position:relative}.tier-r{border:1px solid #81b5d2;border-radius:5px;box-shadow:inset 0 0 0 4px #10202e,inset 0 0 0 5px #84bad133}.tier-sr{border:3px double #c698ff;border-radius:12px 3px 12px 3px;box-shadow:inset 0 0 0 4px #211834,inset 0 0 0 5px #be8de766,0 0 24px #9d5cec22}.tier-ssr{border:3px solid #e8bf68;border-radius:16px 4px 16px 4px;box-shadow:inset 0 0 0 3px #302519,inset 0 0 0 5px #f8db96,0 0 32px #ffce6533;background-color:#211d21}.tier-sr:before,.tier-ssr:before{content:'';position:absolute;inset:7px;pointer-events:none;border:1px solid #ca9bff55;border-radius:8px 0 8px 0}.tier-ssr:before{inset:9px;border-color:#ffe19d99;background:linear-gradient(135deg,#ffe19d 0 9px,transparent 9px) top left,linear-gradient(225deg,#ffe19d 0 9px,transparent 9px) top right,linear-gradient(45deg,#ffe19d 0 9px,transparent 9px) bottom left,linear-gradient(315deg,#ffe19d 0 9px,transparent 9px) bottom right;background-size:20px 20px;background-repeat:no-repeat}.tier-ssr .rarity{background:linear-gradient(110deg,#9c702a,#ffe5a6,#b18438);color:#211807;border-radius:3px;padding:3px 8px;display:inline-block;font-weight:700}.tier-sr .rarity{border-bottom:1px solid #c698ff77;padding-bottom:5px}.mini.tier-ssr{padding:16px 12px}.mini.tier-sr{padding:13px 10px}.draw-burst,.draw-sparks{position:absolute;pointer-events:none;z-index:-1;opacity:0}.draw-burst{width:min(92vw,460px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,transparent 35%,var(--glow) 37%,transparent 40%)}.draw-sparks{inset:50%;width:0;height:0}.draw-sparks i{position:absolute;width:4px;height:4px;background:var(--glow);box-shadow:0 0 10px var(--glow);transform:rotate(var(--angle)) translateY(-145px)}.summon[data-tier=r].charging .pack{animation:r-charge .6s ease-in-out infinite}.summon[data-tier=r].charging .orbit{animation:none;opacity:.35}.summon[data-tier=r].charging .beam{opacity:.25;transform:scale(1)}.summon[data-tier=sr].charging .pack{animation:sr-charge 1.1s ease-in-out infinite}.summon[data-tier=sr].charging .o1{animation:spin 3s linear infinite;border-style:dashed;border-width:2px}.summon[data-tier=sr].charging .o2{animation:spin 2s linear reverse infinite}.summon[data-tier=sr].charging .beam{opacity:.5}.summon[data-tier=ssr].charging .pack{animation:ssr-charge 1.5s ease-in both}.summon[data-tier=ssr].charging .beam{opacity:.7;transform:scale(1.7);background:conic-gradient(from 0deg,transparent,#ffe19d66,transparent,#ffe19d66,transparent);animation:spin 5s linear infinite}.summon[data-tier=ssr].charging .orbit{border-width:2px;box-shadow:0 0 24px #ffe19d55;animation:spin 1.6s linear infinite}.summon[data-tier=ssr].charging .o2{animation-direction:reverse}.summon.revealing .draw-burst{animation:rarity-burst .8s ease-out both}.summon[data-tier=r].revealing .draw-burst{animation-duration:.4s;opacity:.25}.summon[data-tier=ssr].revealing .draw-burst{animation-duration:1.3s}.summon[data-tier=sr].revealing .draw-sparks,.summon[data-tier=ssr].revealing .draw-sparks{opacity:1}.revealing .draw-sparks i{animation:spark-spread 1.2s ease-out both}.summon[data-tier=ssr].revealing .draw-sparks i{width:6px;height:6px;animation-duration:1.8s}.summon.revealing .card.tier-r{animation:r-enter .4s ease-out both}.summon.revealing .card.tier-sr{animation:sr-enter .8s ease-out both}.summon.revealing .card.tier-ssr{animation:gold-enter 1.3s cubic-bezier(.16,1,.3,1) both}.card.tier-ssr:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 30%,#fff3 48%,transparent 65%);transform:translateX(-120%);animation:gold-sweep 1.2s .6s ease-out both}.card.tier-ssr{overflow:hidden}@keyframes r-charge{50%{transform:translateY(-4px) rotate(-3deg)}}@keyframes sr-charge{50%{transform:translateY(-12px) rotate(4deg);filter:brightness(1.18)}}@keyframes ssr-charge{0%{transform:scale(.96) rotate(-6deg)}65%{transform:scale(1.03) rotate(0)}100%{transform:scale(1.06) rotate(0);filter:brightness(1.5)}}@keyframes r-enter{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes sr-enter{from{opacity:0;transform:perspective(800px) rotateY(75deg) scale(.9)}to{opacity:1;transform:perspective(800px) rotateY(0) scale(1)}}@keyframes gold-enter{from{opacity:0;transform:translateY(40px) scale(.65);filter:brightness(1.7)}to{opacity:1;transform:translateY(0) scale(1);filter:brightness(1)}}@keyframes rarity-burst{from{opacity:.55;transform:scale(.4)}to{opacity:0;transform:scale(1.35)}}@keyframes spark-spread{from{opacity:.8;transform:rotate(var(--angle)) translateY(-80px)}to{opacity:0;transform:rotate(var(--angle)) translateY(-225px)}}@keyframes gold-sweep{to{transform:translateX(120%)}}@media(prefers-reduced-motion:reduce){.summon *{animation:none!important;transition:none!important}.draw-burst,.draw-sparks,.card.tier-ssr:after{display:none}}.card-showcase-trigger{position:absolute;inset:0;width:100%;height:100%;background:transparent;border:0;border-radius:inherit;color:#ffe19d;z-index:3;cursor:pointer}.card-showcase-trigger span{position:absolute;bottom:12px;left:12px;right:12px;display:block;padding:7px 4px;background:#16120df0;border:1px solid #ffe19d66;border-radius:4px;font-size:14px}.card-showcase-trigger:hover span{background:#493a1b}.card.tier-ssr{height:450px}.card.tier-ssr .serial{display:none}.mini.tier-ssr{cursor:pointer}.mini.tier-ssr:after,.mini.tier-ssr:before{pointer-events:none}.showcase[open]{display:block;z-index:1000}
.continue-reveal{display:block;width:min(100%,400px);margin:0 auto 18px;border:1px solid var(--glow);border-radius:6px;padding:14px 24px;background:#192435;color:var(--glow);font-size:16px;font-weight:600;box-shadow:0 0 20px color-mix(in srgb,var(--glow) 12%,transparent)}.continue-reveal:hover{background:#293447}
/* Sealed guild booster cover */
.pack{position:relative;isolation:isolate;justify-content:space-between;padding:25px 12px 20px;background:#132a30;border:1px solid #bfa46d;box-shadow:0 18px 55px #0008}.pack-cover{position:absolute;inset:0;z-index:-1;display:block;width:100%;height:100%;object-fit:cover}.pack-top{font-size:10px;margin:0;padding:5px 3px;background:#071c22a8;text-shadow:0 1px 5px #000;letter-spacing:.04em}.pack-title{margin-top:auto;margin-bottom:10px;font-size:20px;background:#071c22de;padding:5px 10px;border-radius:3px;text-shadow:0 1px 8px #000}.pack-bottom{font-size:9px;margin:0;background:#071c22dc;padding:4px}.pack:disabled{opacity:1}.card{height:480px}.card.tier-ssr{height:500px}.summon{height:540px}.card p.combat-role{font-size:12px;line-height:1.6;margin-top:9px;padding-top:8px;border-top:1px solid #ffffff20;color:var(--glow)}.card h2{font-size:20px}.card .career{margin-top:10px}.showcase-copy .combat-role{color:#ffe19d;font-size:14px}.table-role{white-space:normal;min-width:230px;line-height:1.7}.career-guide{max-width:100%}.mini{overflow-wrap:anywhere}@media(max-width:560px){.summon{height:530px}.eyebrow{font-size:11px;letter-spacing:.12em}.card .career{font-size:11px;gap:4px}.card h2{font-size:20px}}

.card-art{display:block;object-fit:contain;aspect-ratio:1;max-width:100%;height:auto;background:none}.mini>.card-art{width:100%;height:auto}.showcase-art.card-art{width:100%;height:100%;object-fit:contain}
.game-tabs{display:flex;gap:4px;margin:0 auto 30px;padding:5px;max-width:590px;border:1px solid #ffffff20;background:#09171d;border-radius:10px}.game-tabs [role=tab]{flex:1;border:0;background:transparent;color:#a9b8c3;padding:14px 8px;border-radius:6px;font-size:16px;font-weight:600}.game-tabs [aria-selected=true]{background:#24413f;color:#ffe3ac;box-shadow:inset 0 -2px #edcf98}.game-tabs span{font-size:12px;margin-left:8px;font-weight:400}.header-guild{font-size:14px;color:#a5b9bd}.sort-label{display:flex;gap:8px;align-items:center;font-size:14px;color:#aabac4}.sort-label select{font:inherit;font-size:16px;color:#ffe3ac;background:#192e35;border:1px solid #e8d4a350;border-radius:6px;padding:10px 12px;cursor:pointer}.section-head{margin-top:0;margin-bottom:16px}.collection-grid{gap:14px}#collection{min-height:420px}#drawPanel:focus-visible,#collection:focus-visible{outline:1px solid #e8d4a3;outline-offset:8px}@media(max-width:560px){.game-tabs{margin-bottom:24px}.sort-label{font-size:12px}.sort-label select{padding:9px}.section-head h2{font-size:20px}.collection-grid{gap:10px}}
/* Illustrated, manually paged opening story */
.intro-open{overflow:hidden}.intro-dialog{position:fixed;inset:0;margin:0;width:100%;height:100%;height:100dvh;max-width:none;max-height:none;padding:0;border:0;background:#0b151c;color:#f2eee4;overflow:auto}.intro-dialog::backdrop{background:#0b151c}.intro-toolbar{display:flex;justify-content:space-between;align-items:center;max-width:1100px;margin:auto;padding:max(18px,env(safe-area-inset-top)) 24px 16px;color:#d5c299;font-size:14px;letter-spacing:.08em}.intro-layout{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:44px;align-items:center;max-width:1100px;margin:20px auto 0;padding:0 28px max(30px,env(safe-area-inset-bottom))}.intro-illustration{position:relative;aspect-ratio:1;box-shadow:0 20px 65px #0008;border:1px solid #c9b28644;border-radius:4px;overflow:hidden}.intro-illustration img{display:block;width:100%;height:100%;object-fit:contain}.intro-box-label{position:absolute;left:18px;bottom:18px;padding:4px 10px;background:#8d725ad9;color:#211d19;border:1px solid #ad9270;font-family:serif;font-size:16px;letter-spacing:.25em;transform:rotate(-4deg)}.intro-chapter{font-size:13px;letter-spacing:.18em;color:#ceb589}.intro-story h2{font-family:serif;font-size:clamp(28px,3.4vw,42px);font-weight:500;line-height:1.4;margin:18px 0}.intro-story>p{font-size:17px;line-height:2;color:#bfc8cd;white-space:pre-line;margin:0}.intro-navigation{display:flex;gap:12px;margin-top:30px}.intro-navigation button{font-size:16px;padding:13px 20px;border-radius:5px;flex:1}.intro-navigation button:disabled{opacity:.3;cursor:default}.intro-story .intro-position{margin:14px 0 0;font-size:13px;letter-spacing:.18em;color:#8d9da7}@media(max-width:700px){.intro-toolbar{padding-left:20px;padding-right:20px}.intro-layout{grid-template-columns:1fr;gap:22px;margin:4px auto 0;max-width:480px;padding:0 20px max(24px,env(safe-area-inset-bottom))}.intro-illustration{width:min(100%,43dvh);justify-self:center}.intro-story h2{font-size:27px;margin:9px 0}.intro-story>p{font-size:15px;line-height:1.9}.intro-navigation{margin-top:20px}.intro-story .intro-position{margin-top:10px}.intro-chapter{font-size:12px}}@media(max-height:550px) and (min-width:701px){.intro-layout{margin-top:0;gap:25px}.intro-illustration{max-width:65vh;justify-self:center}.intro-story h2{font-size:26px;margin:8px 0}.intro-story>p{font-size:14px}.intro-navigation{margin-top:15px}}
/* A quiet stage: image-only story, soft spotlight and peripheral darkness. */
.intro-dialog{background:#030609}.intro-dialog::backdrop{background:#030609}.intro-toolbar{position:absolute;z-index:4;inset:0 0 auto;max-width:none;justify-content:flex-end;padding:max(16px,env(safe-area-inset-top)) 22px}.intro-toolbar .quiet{border-color:#ffffff18;background:#0003;color:#bdc2c7;font-size:13px}.intro-layout{display:grid;place-items:center;max-width:none;gap:0;margin:0;min-height:100%;padding:65px 20px 85px;background:radial-gradient(ellipse at 50% 42%,#82765a20,transparent 65%)}.intro-illustration{width:min(84vw,75dvh,820px);max-width:none;aspect-ratio:1;justify-self:center;border:0;border-radius:0;overflow:visible;box-shadow:0 0 70px #b9a27413}.intro-illustration:before{content:'';position:absolute;inset:-10%;background:radial-gradient(ellipse,#d9c49215,transparent 65%);filter:blur(35px);pointer-events:none}.intro-illustration:after{content:'';position:absolute;inset:-1px;background:radial-gradient(ellipse at 50% 47%,transparent 36%,#03060918 59%,#030609a6 82%,#030609 100%);pointer-events:none}.intro-illustration img{width:100%;height:100%;object-fit:contain;opacity:.15;transition:opacity .55s ease;mask-image:radial-gradient(ellipse at 50% 48%,#000 42%,#000e 62%,transparent 100%)}.intro-illustration img.scene-ready{opacity:1}.intro-navigation{position:absolute;bottom:max(18px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);display:flex;align-items:center;justify-content:center;gap:12px;margin:0;z-index:4}.intro-navigation button{flex:none;width:44px;height:44px;padding:0;border:1px solid transparent;background:transparent;color:#9da6af;font-size:28px;font-weight:300;border-radius:50%;opacity:.6}.intro-navigation button:hover,.intro-navigation button:focus-visible{opacity:1;background:#ffffff0b;color:#eee5d0}.intro-navigation button:disabled{opacity:.15}.intro-navigation #introPause{font-size:17px}.intro-navigation .intro-position{font-size:12px;letter-spacing:.14em;color:#7f8891;white-space:nowrap;margin:0;min-width:38px;text-align:center}@media(max-width:700px){.intro-layout{max-width:none;margin:0;padding:60px 0 80px;min-height:100%}.intro-illustration{width:min(98vw,76dvh)}.intro-navigation{gap:10px}}@media(prefers-reduced-motion:reduce){.intro-illustration img{transition:none}}

/* Stable stage and rarity-aware showcases. */
html{scrollbar-gutter:stable both-edges;overflow-x:clip}body{overflow-anchor:none}.summon{overflow:clip}.continue-slot{min-height:72px}.card .serial{display:none}.card-showcase-trigger{color:var(--glow)}.card-showcase-trigger span{border-color:var(--glow);background:#101d23f0}.showcase-mini{color:#efeee9;width:100%;cursor:pointer}.showcase-mini:hover{filter:brightness(1.12)}.showcase-hint{color:var(--glow)}.showcase,.intro-dialog{scrollbar-gutter:stable both-edges}.showcase-badge{color:var(--glow)}.share-actions{margin-top:22px}.share-actions #shareStatus{min-height:24px;margin:10px 0 0;font-size:13px}.share-actions input{width:min(100%,460px);padding:10px;background:#14202c;border:1px solid #ffffff44;color:white;border-radius:5px}.showcase[data-tier=r] .showcase-rays,.showcase[data-tier=r] .showcase-ring,.showcase[data-tier=r] .showcase-stars,.showcase[data-tier=r] .showcase-sheen,.showcase[data-tier=sr] .showcase-rays,.showcase[data-tier=sr] .showcase-sheen{display:none}.showcase[data-tier=r] .showcase-portrait{border:1px solid #81b5d2;border-radius:6px;box-shadow:0 0 22px #79cfff20;animation:r-enter .45s ease-out both}.showcase[data-tier=sr] .showcase-portrait{border:3px double #ca9bff;border-radius:14px 4px;box-shadow:0 0 38px #ca9bff30;animation:r-enter .7s ease-out both}.showcase[data-tier=sr] .showcase-ring{border-color:#ca9bff44;box-shadow:0 0 30px #ca9bff18}.showcase[data-tier=sr] .showcase-ring:after{border-color:#ca9bff33}.showcase[data-tier=sr] .showcase-stars{opacity:.3}.showcase[data-tier=sr] .showcase-stars i:nth-child(n+7){display:none}.showcase[data-tier=r] .showcase-copy h2,.showcase[data-tier=sr] .showcase-copy h2{color:#f0f0f6;text-shadow:none}.showcase[data-tier=r] .showcase-copy{animation:r-enter .45s ease-out both}.showcase[data-tier=sr] .showcase-copy{animation:r-enter .7s ease-out both}

/* Keep the spotlight physically above the image's opacity/mask stacking context. */
.intro-illustration{isolation:isolate}.intro-illustration:before{z-index:0}.intro-illustration>.image-slot,.intro-illustration>img{position:relative;z-index:1}.intro-illustration:after{z-index:2;pointer-events:none;background:radial-gradient(ellipse at 50% 47%,transparent 30%,#03060930 57%,#030609bd 82%,#030609 100%)}
#bootLoading{position:fixed;inset:0;z-index:3000;background:#030609;display:flex;flex-direction:column-reverse;align-items:center;justify-content:center;gap:12px;color:#aebac6;font-size:14px;letter-spacing:.12em}.pixel-runner{width:144px;height:96px;image-rendering:crisp-edges;image-rendering:pixelated;flex:none}.image-slot{display:block;position:relative;isolation:isolate;overflow:hidden}.image-slot>img.card-art,.image-slot>img.pack-cover{position:static;width:100%;height:100%;margin:0;object-fit:contain}.image-slot>img.pack-cover{object-fit:cover}.image-state{position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;background:#101d23;color:#aebac6;font-size:14px;text-align:center;padding:10px}.image-skeleton{background:#21333b;animation:image-pulse 1.6s ease-in-out infinite}.image-error{background:#15232b;font-size:12px;line-height:1.6}.image-error>span:first-child{font-size:24px}.image-error .quiet{padding:7px 14px}.mini .image-slot{aspect-ratio:1}.showcase-portrait>.image-slot{width:100%;height:100%}.intro-illustration>.image-slot{width:100%;height:100%;aspect-ratio:1;overflow:hidden}.intro-illustration .image-state{background:#030609}.intro-illustration:has([data-state=loading]):after,.intro-illustration:has([data-state=error]):after{opacity:.35}.intro-illustration .image-slot>img{position:relative;z-index:0}.showcase-portrait:has([data-state=loading]),.showcase-portrait:has([data-state=error]){animation:none!important}.showcase-portrait:has([data-state=loading]) .showcase-sheen,.showcase-portrait:has([data-state=error]) .showcase-sheen{display:none}@keyframes image-pulse{50%{opacity:.5}}@media(prefers-reduced-motion:reduce){.image-skeleton{animation:none}}

/* Quiet scene controls; keyboard focus uses an underline instead of a ring. */
.intro-navigation #introPause{border:0;border-radius:0;outline:none;box-shadow:none;background:transparent;color:#9da6af;opacity:.65}.intro-navigation #introPause:hover,.intro-navigation #introPause:focus-visible{background:transparent;color:#e2e6e9;opacity:1;outline:none;box-shadow:none}.intro-navigation #introPause:focus-visible{text-decoration:none}
.showcase-close{display:grid;place-items:center;width:44px;height:44px;padding:0;border:0;border-radius:50%;background:#ffffff08;color:#aab2bd;box-shadow:none;outline:none}.showcase-close span{display:block;margin:0;font-family:Arial,sans-serif;font-size:28px;font-weight:300;line-height:1}.showcase-close:hover,.showcase-close:focus-visible{background:#ffffff12;color:#eef0f3;outline:none;box-shadow:none}.showcase-close:focus-visible span{text-decoration:none}

/* Collection focus stays inside the card, without an extra selection frame. */
#collection:focus-visible{outline:none}#collectionGrid .showcase-mini:focus,#collectionGrid .showcase-mini:focus-visible{outline:none;outline-offset:0}#collectionGrid .showcase-mini:focus-visible .showcase-hint{text-decoration:none;color:#eef0f3}

/* A still guild pack with slow breathing light; no pixel-frame motion. */
.guild-loading{position:relative;isolation:isolate;display:flex;flex-direction:column;align-items:center;gap:22px;padding:20px;width:160px;flex:none}.guild-loading:before{content:'';position:absolute;inset:-12px;z-index:-1;pointer-events:none;background:radial-gradient(ellipse,#dab66a24,transparent 68%);animation:guild-breathe 2.6s ease-in-out infinite}.guild-loading>img{display:block!important;position:static!important;width:96px!important;height:140px!important;object-fit:cover!important;border-radius:6px;opacity:1!important;mask-image:none!important;box-shadow:0 10px 32px #0006;border:1px solid #d8bd7840}.guild-loading-dots{display:flex;gap:8px;height:6px;align-items:center}.guild-loading-dots i{display:block;width:4px;height:4px;border-radius:50%;background:#d0ba88;animation:guild-dot 1.8s ease-in-out infinite}.guild-loading-dots i:nth-child(2){animation-delay:.2s}.guild-loading-dots i:nth-child(3){animation-delay:.4s}#bootLoading{gap:0}.image-state:has(.guild-loading){background:#081218;font-size:13px;letter-spacing:.12em}.intro-illustration .image-state:has(.guild-loading){background:#030609}.intro-navigation #introPause,.intro-navigation #introPause:hover,.intro-navigation #introPause:focus-visible,.showcase-close span,.showcase-close:focus-visible span{text-decoration:none}.intro-navigation #introPause:focus-visible{color:#fff;opacity:1}.showcase-close:focus-visible{background:#ffffff20;color:#fff}@keyframes guild-breathe{50%{opacity:.45}}@keyframes guild-dot{0%,100%{opacity:.25}50%{opacity:1}}@media(prefers-reduced-motion:reduce){.guild-loading:before,.guild-loading-dots i{animation:none}}

/* One viewport, one centered scene: override the former two-column storyboard. */
.intro-dialog{overflow:hidden;scrollbar-gutter:auto}.intro-dialog .intro-layout{position:absolute;inset:0;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr);place-items:center;width:100%;height:100%;min-height:0;max-width:none;margin:0;padding:80px 16px;gap:0;background:radial-gradient(ellipse at 50% 50%,#82765a12,transparent 68%)}.intro-dialog .intro-illustration{width:min(820px,calc(100vw - 32px),calc(100dvh - 160px));height:auto;max-width:100%;max-height:100%;min-width:0;aspect-ratio:1;place-self:center;margin:0;box-shadow:none}.intro-dialog .intro-illustration:before{display:none}.intro-dialog .intro-illustration>.image-slot{width:100%;height:100%;aspect-ratio:1}.intro-dialog #introImage{width:100%;height:100%;object-fit:contain;mask-image:none;-webkit-mask-image:none}.intro-dialog .intro-illustration:after{inset:0;z-index:2;pointer-events:none;background:linear-gradient(to bottom,#030609 0%,#030609b3 5%,#03060940 12%,transparent 22%,transparent 78%,#03060940 88%,#030609b3 95%,#030609 100%),linear-gradient(to right,#030609 0%,#03060999 5%,#03060926 12%,transparent 20%,transparent 80%,#03060926 88%,#03060999 95%,#030609 100%)}

/* Fill short pages while keeping the footer after long collections. */
body{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column}body>header{width:100%;margin:0 auto;flex:0 0 auto}body>main{width:100%;margin:0 auto;flex:1 0 auto}body>footer{width:100%;margin-top:auto;flex:0 0 auto}.game-tabs [role=tab]:focus,.game-tabs [role=tab]:focus-visible{outline:none;outline-offset:0;text-decoration:none}.game-tabs [role=tab]:focus-visible{color:#fff;background:#2a4947}

/* Approved lightweight pixel loader: no image or font downloads. */

.pixel-loading .paw-demo-cat{width:96px;height:84px;overflow:hidden;animation:paw-demo-breathe 2s steps(2,end) infinite}
.pixel-loading canvas{display:block;width:96px;height:96px;image-rendering:pixelated}
.pixel-loading .paw-demo-label{display:flex;align-items:center;gap:10px;letter-spacing:.12em;font-size:14px}
.pixel-loading .paw-demo-dots{display:inline-flex;gap:5px}
.pixel-loading .paw-demo-dots i{width:3px;height:3px;background:#d4bb8b;opacity:1}
.pixel-loading .paw-demo-dots i:nth-child(2){animation-delay:.25s}
.pixel-loading .paw-demo-dots i:nth-child(3){animation-delay:.5s}
.pixel-loading canvas.paw-pixel-text{width:123px;height:21px;image-rendering:pixelated}
.pixel-loading .paw-demo-label{align-items:flex-end;gap:9px}
.pixel-loading .paw-demo-dots{gap:6px;padding-bottom:0}
@keyframes paw-demo-breathe{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}
@keyframes paw-demo-label-pulse{0%,100%{opacity:.6}50%{opacity:1}}
@media(prefers-reduced-motion:reduce){.pixel-loading .paw-demo-cat,.pixel-loading .paw-demo-label,.pixel-loading .paw-demo-dots i{animation:none}}
.pixel-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;flex:none}.loading-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}#bootLoading{gap:16px}.image-state:has(.pixel-loading){background:#081218}.intro-illustration .image-state:has(.pixel-loading){background:#030609}

/* Browse owned cards in collection order without closing the showcase. */
.showcase[data-collection=true] .showcase-scene{padding-bottom:calc(110px + env(safe-area-inset-bottom))}.showcase-navigation{position:fixed;z-index:4;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;gap:24px;padding:24px 16px max(18px,env(safe-area-inset-bottom));background:linear-gradient(transparent,#080c14e8 45%)}.showcase-navigation button{min-height:44px;min-width:100px;padding:8px 12px;border:0;border-radius:4px;background:transparent;color:#b4bcc8;font:inherit;font-size:14px;outline:none;text-decoration:none}.showcase-navigation button:hover,.showcase-navigation button:focus-visible{color:#fff;background:#ffffff0a}.showcase-navigation button:disabled{opacity:.25;cursor:default;background:transparent}.showcase-navigation span{min-width:52px;text-align:center;font-size:12px;color:#8e99a9;font-variant-numeric:tabular-nums}@media(max-width:400px){.showcase-navigation{gap:8px}}

/* Home-screen installation */
.header-actions{display:flex;align-items:center;gap:4px;flex-shrink:0}
.install-icon{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:0;border-radius:50%;background:transparent;color:#b5b7bc;text-decoration:none;box-shadow:none;cursor:pointer}
.install-icon:hover,.install-icon:focus-visible{color:#f5dfac;background:#ffffff0c;outline:none;box-shadow:none;text-decoration:none}
.install-icon svg{flex:none}
body.install-open{overflow:hidden}
.install-guide{position:fixed;inset:0;margin:auto;width:min(420px,calc(100vw - 32px));max-height:calc(100dvh - 48px);overflow:auto;padding:32px 26px 24px;border:1px solid #ffffff14;border-radius:20px;background:#131b24;color:#ece6d9;box-shadow:0 24px 80px #0008;text-align:left}
.install-guide::backdrop{background:#030609bd}
.install-close{position:absolute;right:8px;top:8px;font-size:27px;font-weight:400}
.install-guide>img{display:block;border-radius:17px;margin-bottom:18px}
.install-guide h2{font-size:22px;margin:0 0 6px}
.install-name{font-size:14px;color:#c7af7e;margin:0 0 22px}
.install-guide ol{padding-left:22px;font-size:16px;line-height:1.7;margin:0}
.install-guide li+li{margin-top:12px}
@media(max-width:380px){.header-actions{gap:0}.header-actions .quiet{padding:10px 8px}header .brand{font-size:15px}}

.music-toggle .music-slash{display:none}.music-toggle[aria-pressed=false]{opacity:.55}.music-toggle[aria-pressed=false] .music-slash{display:block}.music-toggle[data-playing=true]{color:#d6bd83}
@media(max-width:420px){header{flex-wrap:wrap;gap:10px}.header-actions{margin-left:auto}.header-actions .quiet{padding:10px 8px}}

.intro-start{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}.intro-start .quiet{min-height:48px;padding:14px 28px;color:#eed7a2;background:#ffffff06;border:1px solid #d8bd7833;border-radius:6px;letter-spacing:.18em;font-size:16px}.intro-start .quiet:hover,.intro-start .quiet:focus-visible{background:#d8bd7814;outline:none}.intro-dialog[data-started=false] .intro-layout,.intro-dialog[data-started=false] .intro-navigation{visibility:hidden}.intro-dialog[data-started=true] .intro-start{display:none}.intro-toolbar{display:flex;align-items:center;gap:8px}.intro-toolbar .music-toggle{position:relative;z-index:1}

.brand-group{display:flex;align-items:center;gap:6px;flex-shrink:0}.brand-group .music-toggle{flex:none}

.intro-end-actions{display:none;position:absolute;z-index:5;bottom:max(24px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);align-items:center;gap:24px}.intro-dialog[data-ended=true] .intro-end-actions{display:flex}.intro-dialog[data-ended=true] .intro-navigation{visibility:hidden}.intro-end-actions .install-icon{color:#d6c7a9}

.game-tabs{flex-wrap:wrap}.game-tabs button{white-space:nowrap}.wanderers-note{font-size:14px;color:#a0a9b6;margin:0 0 24px}.wanderers-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.wanderer-card{min-width:0;overflow:hidden;border-radius:14px;background:#121d27;border:1px solid #ffffff0b}.wanderer-photo{position:relative;aspect-ratio:1;background:#1b2933}.wanderer-photo img{display:block;width:100%;height:100%;object-fit:contain}.wanderer-photo[data-state=loading] img,.wanderer-photo[data-state=error] img{visibility:hidden}.wanderer-photo-status{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:24px;text-align:center;color:#a5afba;font-size:14px}.wanderer-photo[data-state=loading] .wanderer-photo-status{animation:image-pulse 1.6s infinite}.wanderer-photo[data-state=ready] .wanderer-photo-status{display:none}.wanderer-photo-nav{position:absolute;bottom:8px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:16px;border-radius:24px;background:#081018c9;color:#eee;font-size:14px}.wanderer-photo-nav button{width:44px;height:44px;border:0;background:none;color:inherit;font-size:24px;cursor:pointer}.wanderer-photo-nav button:disabled{opacity:.3}.wanderer-content{padding:22px}.wanderer-content h3{margin:0 0 10px;font-size:18px}.wanderer-career{color:#dbc594;font-size:14px;line-height:1.8;margin:0 0 18px}.wanderer-content dl{display:grid;grid-template-columns:auto 1fr;gap:10px 20px;font-size:16px;line-height:1.5}.wanderer-content dt{color:#a5afba}.wanderer-content dd{margin:0;overflow-wrap:anywhere}.wanderer-notes{font-size:14px;line-height:1.8;white-space:pre-wrap;overflow-wrap:anywhere;color:#c3cad1}.wanderer-link{display:inline-flex;align-items:center;min-height:44px;margin-top:8px;color:#dbc594;text-decoration:none;font-size:14px}.wanderer-link:hover,.wanderer-link:focus-visible{color:#fff;text-decoration:underline}@media(max-width:580px){.wanderers-grid{grid-template-columns:1fr}.game-tabs button{font-size:14px;padding:12px 10px}}@media(prefers-reduced-motion:reduce){.wanderer-photo-status{animation:none!important}}

/* Clear separation between adoption profiles. */
.wanderers-grid{gap:32px}.wanderer-card{background:#192633;border:1px solid #8ca8bb55;border-radius:16px;box-shadow:0 10px 24px #0005;isolation:isolate}.wanderer-photo{background:#0a141e;border-bottom:1px solid #8ca8bb55}.wanderer-content{padding:24px}.wanderer-content h3{padding-bottom:14px;border-bottom:1px solid #8ca8bb33;margin-bottom:14px}.wanderer-content dl{padding:14px 16px;background:#0c172280;border-radius:8px}.wanderer-link{display:flex;justify-content:center;border-top:1px solid #8ca8bb33;padding-top:12px;margin-top:20px}.wanderer-notes{padding-top:4px}@media(max-width:580px){.wanderers-grid{gap:28px}.wanderer-content{padding:20px}}

/* Single portrait profile with a separately scrollable information side. */
.wanderer-viewer{width:min(100%,390px);margin:0 auto}.wanderer-single{width:100%;aspect-ratio:9/16;max-height:calc(100svh - 270px);min-height:340px;margin:auto;border:1px solid #a6bdce66;border-radius:18px;overflow:hidden;background:#182634;box-shadow:0 16px 40px #0006;position:relative}.wanderer-front{height:100%;display:flex;flex-direction:column}.wanderer-single .wanderer-photo{aspect-ratio:auto;flex:1;min-height:0;overflow:hidden;border:0}.wanderer-single .wanderer-photo img{object-fit:cover;width:100%;height:100%;object-position:center}.wanderer-front-copy{flex:none;padding:18px 20px;background:linear-gradient(#172634,#101c28);border-top:1px solid #a6bdce33}.wanderer-front-copy h3,.wanderer-back h3{font-size:19px;margin:0 0 8px;color:#f3e6cb}.wanderer-front-copy p{font-size:14px;line-height:1.6;margin:0 0 12px;color:#dbc594}.wanderer-tags{display:flex;flex-wrap:wrap;gap:6px}.wanderer-tags span{font-size:13px;background:#ffffff0b;border-radius:4px;padding:4px 7px;color:#ced6df}.wanderer-back{height:100%;overflow-y:auto;overscroll-behavior:contain;padding:24px;box-sizing:border-box}.wanderer-back dl{display:grid;grid-template-columns:70px minmax(0,1fr);gap:14px 12px;line-height:1.6;font-size:15px}.wanderer-back dt{color:#98adbd}.wanderer-back dd{margin:0;overflow-wrap:anywhere}.wanderer-back h4{font-size:15px;color:#dcc9a7;margin-bottom:8px}.wanderer-back p{white-space:pre-wrap;overflow-wrap:anywhere;font-size:15px;line-height:1.8}.wanderer-actions,.wanderer-navigation{display:flex;justify-content:center;align-items:center;gap:20px}.wanderer-actions{margin-top:12px}.wanderer-navigation{margin-top:4px;justify-content:space-between}.wanderer-actions button,.wanderer-navigation button{border:0;background:transparent;color:#c8c2b4;min-height:44px;padding:8px 12px;font:inherit;font-size:14px;cursor:pointer;text-decoration:none;border-radius:6px}.wanderer-actions button:hover,.wanderer-navigation button:hover,.wanderer-actions button:focus-visible,.wanderer-navigation button:focus-visible{background:#ffffff0a;color:#f6dfaa;outline:none}.wanderer-navigation span{font-size:14px;color:#9cacbb;font-variant-numeric:tabular-nums}#wandererShareStatus{margin:0;min-height:18px;font-size:13px;color:#cdb886;text-align:center}#wandererShareLink{width:100%;margin-top:8px}#wandererEnter{display:block;margin:12px auto}#wanderers .section-head{margin-bottom:8px}#wanderers .wanderers-note{margin-bottom:16px}@media(min-height:750px){.wanderer-viewer{width:min(100%,390px,calc((100svh - 270px)*.5625))}}@media(max-width:420px){.wanderer-front-copy{padding:14px 16px}.wanderer-back{padding:20px}.wanderer-navigation{gap:6px}}@media(max-height:610px){.wanderer-single{min-height:360px;max-height:none}}
.wanderer-viewer{width:min(100%,390px,max(210px,calc((100svh - 270px)*.5625)))}.wanderer-single{min-height:0;max-height:none}

/* Photo remains beneath the information veil; actions stay inside the card. */
#wandererFlip{position:absolute;z-index:3;top:10px;right:10px;min-height:44px;padding:8px 12px;border:0;border-radius:6px;background:#08131dc9;color:#eee1c8;font:inherit;font-size:14px;cursor:pointer;text-decoration:none}
#wandererFlip:hover,#wandererFlip:focus-visible{background:#1b3445;color:#fff;outline:2px solid #d5c49988;outline-offset:-2px}
.wanderer-back{position:absolute;inset:0;z-index:2;height:100%;display:flex;flex-direction:column;padding:64px 0 0;overflow:hidden;background:#08131de6;backdrop-filter:blur(3px)}
.wanderer-back-scroll{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;padding:0 20px 16px;scrollbar-width:thin}
.wanderer-back-footer{flex:none;padding:12px 16px 16px;background:#08131de8;border-top:1px solid #a6bdce26}
.wanderer-back-footer .wanderer-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0}
.wanderer-back-footer .wanderer-actions a,.wanderer-back-footer .wanderer-actions button{display:flex;align-items:center;justify-content:center;margin:0;min-height:44px;padding:8px;border:1px solid #b9c7ce70;border-radius:6px;background:transparent;color:#e0d3b8;text-decoration:none;font:inherit;font-size:14px;cursor:pointer}
.wanderer-back-footer .wanderer-actions a:hover,.wanderer-back-footer .wanderer-actions button:hover,.wanderer-back-footer .wanderer-actions :focus-visible{background:#ffffff10;border-color:#e6d5ad;outline:none;text-decoration:none}
#wandererShareStatus:empty{min-height:0}#wandererShareStatus:not(:empty){margin-top:8px}


.showcase-share-buttons{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:16px 28px}.showcase-share-buttons .quiet{min-height:48px;padding:12px 20px;font-size:16px;border-radius:6px;background:#ffffff08;text-decoration:none}.showcase-share-buttons .quiet:hover,.showcase-share-buttons .quiet:focus-visible{background:#ffffff12;text-decoration:none}#wanderers .section-head{gap:12px;flex-wrap:wrap}

.cat-food{display:flex;align-items:center;gap:8px;padding:8px 12px;color:#c1b9a8;font-size:14px;white-space:nowrap}.cat-food strong{color:#efd5a0;font-size:16px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.header-actions{flex-wrap:wrap}body>header{flex-wrap:wrap;gap:8px}.cat-food strong{max-width:18ch}@media(max-width:420px){.cat-food{padding:8px 4px}}

#showcaseCareer .career{gap:6px;font-size:14px}#showcaseCareer button{font:inherit;min-height:44px;padding:8px 10px;border:0;border-radius:6px;background:transparent;color:#bcc7d5;cursor:pointer;text-decoration:none}#showcaseCareer button.current{color:var(--glow);background:#ffffff0b;font-weight:600}#showcaseCareer button:not(:disabled):hover,#showcaseCareer button:focus-visible{background:#ffffff14;color:var(--glow);outline:none}#showcaseCareer button:disabled{color:#7e8794;opacity:.55;cursor:default}

.brand-group{min-width:0}.brand-group .brand{min-width:0}.brand-group .brand>span{overflow-wrap:anywhere}.brand-group .brand small{letter-spacing:.08em}@media(max-width:580px){.brand-group .brand{font-size:16px}.brand-group{max-width:100%}}

.pack .pack-top,.pack .pack-title{font-size:18px}.pack-bottom{line-height:1.5}

.image-text-loading{background:#101d23;color:#aebac6;font-size:14px;letter-spacing:.04em}.image-text-loading>span{animation:image-pulse 1.6s ease-in-out infinite}.wanderer-photo>.image-slot{display:block;position:relative;width:100%;height:100%}.wanderer-route{margin:0;gap:6px;font-size:14px;line-height:1.6}.wanderer-route .route-tier{display:inline-block;padding:4px 6px;border-radius:4px;background:#ffffff08}.wanderer-route .route-r{color:#79cfff}.wanderer-route .route-sr{color:#ca9bff}.wanderer-route .route-ssr{color:#ffe19d}.wanderer-back .wanderer-route{justify-content:flex-start}@media(prefers-reduced-motion:reduce){.image-text-loading>span{animation:none}}