/* Five deliberately distinct physical-card treatments, isolated from game rules. */
.rarity-studio{--studio-gold:#cfab60;background:#101f20;color:#f4eddb;padding:40px 32px 26px;border-radius:16px;position:relative;isolation:isolate;overflow:hidden;background-image:radial-gradient(ellipse at 95% 48%,#5c49272d,transparent 45%),radial-gradient(ellipse at 12% 0%,#42615c33,transparent 52%)}
.studio-heading{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:30px}.studio-heading .eyebrow{color:#cbb88d;letter-spacing:2px}.studio-heading h1{font-size:clamp(36px,4vw,58px);line-height:1.04;margin:15px 0 17px;letter-spacing:-1px}.studio-heading p{color:#b9c7c0;font-size:14px}.studio-seal{width:120px;height:120px;border:1px solid #9e855052;outline:1px solid #9e855052;outline-offset:8px;border-radius:50%;display:grid;place-content:center;text-align:center;margin-right:20px;transform:rotate(12deg);flex-shrink:0}.studio-seal span{font-size:44px;color:#cbb88d}.studio-seal small{font-size:9px;line-height:1.7;letter-spacing:2px}.studio-toolbar{display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding:18px 0;border-top:1px solid #ffffff20;border-bottom:1px solid #ffffff20}.studio-modes{display:flex;gap:4px;border:1px solid #ffffff26;padding:4px;border-radius:7px}.studio-modes button,.studio-toggle{background:transparent;color:#bac7c1;padding:10px 13px;font-size:12px;border-radius:4px;min-height:40px}.studio-modes button[aria-pressed=true]{background:#d7c494;color:#24352e}.studio-toolbar label{font-size:11px;color:#c1c9bc;display:flex;align-items:center;gap:10px;margin-left:auto}.studio-toolbar select{background:#192f30;color:#f2ead6;border:1px solid #59706b;border-radius:5px;min-height:40px;max-width:190px;padding:6px 10px;font-size:12px}.studio-toggle{border:1px solid #ffffff26}.studio-preview-note{font-size:11px;color:#a9b9b1;margin:14px 0 8px;min-height:22px}.rarity-runway{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:22px;margin-top:27px}.rarity-specimen{min-width:0;--metal:#bdc8b9;--shine:#fff;--rim:#92a69b;--depth:#647970}.spec-tier{display:flex;align-items:center;gap:7px;min-height:45px;margin-bottom:15px}.spec-tier>span{font-size:10px;color:#86998d}.spec-tier h2{font:500 14px Georgia,'Songti TC',serif;flex:1}.spec-tier b{font-size:9px;color:var(--metal);padding:4px 5px;border:1px solid #ffffff25;border-radius:3px}.spec-stage{position:relative;isolation:isolate;padding:8px 0 12px}.spec-card{position:relative;isolation:isolate;aspect-ratio:250/360;border:2px solid #c7cebb;border-radius:7px;background:#ece9d9;color:#2e473c;overflow:hidden;box-shadow:0 12px 22px #0006;transition:transform .3s,box-shadow .3s}.spec-stage:hover .spec-card{transform:translateY(-6px)}.spec-media{position:absolute;inset:42px 11px 103px;overflow:hidden;background:#314d43;border:1px solid #66776a}.spec-media img,.spec-media video{width:100%;height:100%;object-fit:cover}.spec-media video{position:absolute;inset:0;opacity:0;z-index:1}.spec-media video.playing{opacity:1}.spec-topline{position:absolute;inset:15px 13px auto;display:flex;justify-content:space-between;font-size:7px;letter-spacing:1.2px;z-index:3}.spec-title{position:absolute;bottom:35px;left:13px;right:13px;z-index:3}.spec-title small{font-size:8px;letter-spacing:1.2px;text-transform:uppercase;display:block;margin-bottom:5px}.spec-title h3{font-size:clamp(17px,1.6vw,23px);line-height:1.13;margin-bottom:5px;overflow-wrap:anywhere}.spec-title>span{font-size:8px;opacity:.8}.spec-bottom{position:absolute;bottom:11px;left:13px;right:13px;display:flex;justify-content:space-between;align-items:center;z-index:3;border-top:1px solid #60776755;padding-top:6px;font-size:8px}.spec-bottom>span{letter-spacing:2px}.spec-bottom b{font-size:8px;letter-spacing:1px}.spec-crest{position:absolute;top:26px;left:calc(50% - 14px);width:28px;height:28px;background:var(--metal);border:1px solid var(--rim);color:#20372e;display:grid;place-content:center;border-radius:50%;font-size:18px;z-index:4}.rarity-specimen[data-tier=common] .spec-crest{display:none}.spec-engraving{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:4;fill:none;stroke:var(--metal);stroke-width:1;vector-effect:non-scaling-stroke}.spec-description{margin-top:14px;min-height:88px}.spec-description strong{font:18px Georgia,'Songti TC',serif;color:var(--metal)}.spec-description p{font-size:11px;line-height:1.7;color:#a9bab1;margin-top:8px}.spec-preview,.spec-stop{width:100%;border:1px solid #ffffff35;border-radius:5px;background:#ffffff06;color:#e1decf;font-size:11px;padding:11px 6px;min-height:42px;margin-top:12px}.spec-preview:hover{background:#ffffff16;border-color:var(--metal)}.spec-stop{border:0;background:transparent;color:#b9c5bd;margin-top:0;padding:8px;min-height:34px}.spec-aura{position:absolute;inset:10% -10%;background:radial-gradient(ellipse,var(--metal),transparent 67%);opacity:0;filter:blur(20px);z-index:-1}.spec-sheen{position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(115deg,transparent 30%,#fff0 40%,#fff9 49%,#fff0 58%,transparent 65%);background-size:320% 100%;opacity:0;mix-blend-mode:screen}.spec-sparks{position:absolute;inset:0;pointer-events:none;z-index:4}.spec-sparks i{position:absolute;left:var(--x);top:var(--y);font:13px Georgia;color:var(--shine);opacity:0;animation:spec-twinkle 4.8s calc(var(--n)*-.7s) infinite ease-in-out}.rarity-specimen[data-tier=uncommon]{--metal:#a4cfb5;--rim:#739788}.rarity-specimen[data-tier=uncommon] .spec-card{background:linear-gradient(135deg,#a3c7ac,#173d37 25%,#15382e 75%,#769d89);border:3px double #b4d9b8;color:#e0ead5;clip-path:polygon(10% 0,90% 0,100% 7%,100% 93%,90% 100%,10% 100%,0 93%,0 7%)}.rarity-specimen[data-tier=uncommon] .spec-media{inset:50px 15px 103px;border-radius:45% 45% 3px 3px;border:1px solid #b3d8aa}.rarity-specimen[data-tier=uncommon] .spec-sheen{opacity:.18;animation:spec-sheen 9s ease-in-out infinite}.rarity-specimen[data-tier=rare]{--metal:#ccdfef;--rim:#7c9cb3;--shine:#e1f6ff}.rarity-specimen[data-tier=rare] .spec-card{border:5px ridge #bad0df;background:linear-gradient(130deg,#dce7ea,#304b60 22%,#162f47 55%,#7899b5);color:#ebf5fa;box-shadow:0 0 0 1px #6a8c9e,0 15px 25px #0008}.rarity-specimen[data-tier=rare] .spec-media{inset:34px 7px 78px;border:3px ridge #b4d0d9}.rarity-specimen[data-tier=rare] .spec-title{bottom:31px;background:#132c3ccf;padding:8px 8px 0;left:7px;right:7px}.rarity-specimen[data-tier=rare] .spec-title>span{display:none}.rarity-specimen[data-tier=rare] .spec-crest{left:auto;right:10px;top:37px;border-radius:3px;transform:rotate(45deg);font-size:21px}.rarity-specimen[data-tier=rare] .spec-sheen{opacity:.45;animation:spec-sheen 6s ease-in-out infinite}.rarity-specimen[data-tier=rare] .spec-aura{opacity:.12}.rarity-specimen[data-tier=super]{--metal:#d5b6f2;--rim:#8f68a9;--shine:#ead8ff}.rarity-specimen[data-tier=super] .spec-card{border:5px ridge #ab86c0;border-radius:24px 24px 7px 7px;background:linear-gradient(140deg,#805e9b,#201c38 30%,#392c52 70%,#ae85be);color:#f5e6fa;box-shadow:0 0 0 2px #342546,0 0 22px #ac66ff33,0 15px 25px #0008}.rarity-specimen[data-tier=super] .spec-media{inset:36px 14px 76px;border-radius:48% 48% 5px 5px;border:3px double #d0b5e2}.rarity-specimen[data-tier=super] .spec-title{text-align:center;bottom:35px;left:8px;right:8px}.rarity-specimen[data-tier=super] .spec-title>span{display:none}.rarity-specimen[data-tier=super] .spec-crest{top:17px;box-shadow:0 0 14px #c3a0ec80}.rarity-specimen[data-tier=super] .spec-sheen{opacity:.35;background-image:linear-gradient(115deg,transparent 25%,#83b2ff70 43%,#ffd2ed99 49%,#8fffd360 57%,transparent 70%);animation:spec-sheen 5s ease-in-out infinite}.rarity-specimen[data-tier=super] .spec-aura{opacity:.23;animation:spec-aura 5s infinite ease-in-out}.rarity-specimen[data-tier=legendary]{--metal:#f3cf7c;--rim:#b58a3b;--shine:#fff4c4}.rarity-specimen[data-tier=legendary] .spec-card{border:6px ridge #dbb85f;border-radius:12px;background:#242019;color:#fff0cb;box-shadow:0 0 0 2px #705326,0 0 0 3px #e2b75d80,0 0 28px #dab65455,0 18px 30px #0008}.rarity-specimen[data-tier=legendary] .spec-media{inset:4px;border:1px solid #e7c465}.rarity-specimen[data-tier=legendary] .spec-media:after{content:'';position:absolute;inset:0;z-index:2;background:linear-gradient(#0f1e1b88,transparent 25%,transparent 43%,#111e1ac9 74%,#081513 100%);pointer-events:none}.rarity-specimen[data-tier=legendary] .spec-title{bottom:43px;text-align:center;left:16px;right:16px}.rarity-specimen[data-tier=legendary] .spec-title h3{font-size:clamp(20px,1.9vw,28px);color:#ffedb5;text-shadow:0 2px 9px #000}.rarity-specimen[data-tier=legendary] .spec-title>span{letter-spacing:2px;color:#f0d392}.rarity-specimen[data-tier=legendary] .spec-crest{top:18px;width:36px;height:36px;left:calc(50% - 18px);background:linear-gradient(135deg,#fff0b8,#b78731 50%,#efd295);border:3px double #ffe1a0;box-shadow:0 0 15px #edc75f55}.rarity-specimen[data-tier=legendary] .spec-topline{font-size:6px;inset:10px 9px auto}.rarity-specimen[data-tier=legendary] .spec-bottom{border-color:#e3bc5a66;color:#f6d990;bottom:15px}.rarity-specimen[data-tier=legendary] .spec-engraving{stroke:#f2cd77;stroke-width:1.15;filter:drop-shadow(0 1px 1px #000)}.rarity-specimen[data-tier=legendary] .spec-aura{opacity:.38;animation:spec-aura 4s infinite ease-in-out}.rarity-specimen[data-tier=legendary] .spec-sheen{opacity:.3;animation:spec-sheen 7s ease-in-out infinite}.rarity-specimen[data-tier=legendary] .spec-preview{color:#ffe3a0;border-color:#ae8848;background:#65502a40}.studio-footnote{display:grid;grid-template-columns:1fr 2fr;gap:16px;margin-top:32px;padding-top:22px;border-top:1px solid #ffffff20}.studio-footnote>span{font-size:10px;color:#c8b789;letter-spacing:2px}.studio-footnote p{font-size:11px;color:#97aea2}.studio-footnote a{font-size:12px;color:#e4d4ac}.rarity-studio.effects-paused *,.rarity-studio.effects-paused *:before,.rarity-studio.effects-paused *:after{animation-play-state:paused!important}.rarity-studio.effects-paused .spec-sheen,.rarity-studio.effects-paused .spec-sparks{opacity:0}.rarity-studio button:focus-visible,.rarity-studio select:focus-visible{outline-color:#ffe0a4}.rarity-specimen .game-fx{z-index:8}
@keyframes spec-sheen{0%,20%{background-position:130% 0}75%,100%{background-position:-60% 0}}@keyframes spec-twinkle{0%,55%,100%{opacity:0;transform:scale(.4) rotate(0)}70%{opacity:.8;transform:scale(1) rotate(30deg)}85%{opacity:.2;transform:scale(.5) rotate(45deg)}}@keyframes spec-aura{0%,100%{transform:scale(.92)}50%{transform:scale(1.08)}}
@media(min-width:1500px){main:has(.rarity-studio){max-width:1550px}}@media(max-width:1100px){.rarity-runway{gap:14px}.rarity-studio{padding:30px 20px}.spec-tier h2{font-size:12px}.spec-title h3{font-size:17px}.spec-description{min-height:110px}.spec-media{inset:34px 8px 94px}.spec-title{bottom:31px}.spec-title small{font-size:7px}.spec-card{aspect-ratio:250/390}.spec-topline{font-size:6px}.studio-toggle{margin-left:auto}}@media(max-width:900px){.rarity-runway{grid-template-columns:repeat(3,minmax(0,1fr));gap:30px 20px}.spec-card{aspect-ratio:250/360}.spec-description{min-height:85px}.spec-title h3{font-size:22px}.spec-tier h2{font-size:15px}.rarity-specimen:last-child{grid-column:2/4;max-width:270px;width:100%;justify-self:center}.studio-toolbar label{margin-left:0}.studio-seal{width:90px;height:90px}.spec-topline{font-size:7px}}@media(max-width:600px){.rarity-studio{margin:0 -6px;padding:27px 18px 22px}.studio-heading h1{font-size:36px}.studio-seal{display:none}.studio-heading p{font-size:12px}.studio-toolbar{gap:10px}.studio-modes{width:100%;justify-content:stretch}.studio-modes button{flex:1;padding:10px 7px}.studio-toolbar label{flex:1;font-size:10px;gap:6px}.studio-toolbar select{max-width:146px;font-size:11px}.studio-toggle{padding:8px;font-size:10px}.rarity-runway{grid-template-columns:1fr;gap:30px;max-width:290px;margin:25px auto 0}.rarity-specimen:last-child{grid-column:auto;max-width:none}.spec-tier h2{font-size:19px}.spec-title h3{font-size:27px}.rarity-specimen[data-tier=legendary] .spec-title h3{font-size:30px}.spec-topline{font-size:9px}.spec-title small{font-size:10px}.spec-title>span{font-size:10px}.spec-bottom{font-size:10px}.spec-description{min-height:0}.spec-description p{font-size:12px}.spec-preview{font-size:13px}.studio-footnote{grid-template-columns:1fr}.spec-media{inset:45px 12px 115px}.rarity-specimen[data-tier=uncommon] .spec-media{bottom:115px}.spec-title{bottom:40px}.studio-preview-note{font-size:11px}.spec-card{aspect-ratio:250/360}nav{gap:0}nav a{padding-inline:7px}}
@media(prefers-reduced-motion:reduce){.rarity-studio *,.rarity-studio *:before,.rarity-studio *:after{animation:none!important;transition:none!important}.spec-sheen,.spec-sparks{display:none}.spec-stage:hover .spec-card{transform:none}}
/* Reserve enough title space for longer bilingual subject names. */
.rarity-specimen[data-tier=common] .spec-media,.rarity-specimen[data-tier=uncommon] .spec-media{bottom:119px}
.rarity-specimen[data-tier=super] .spec-media{bottom:110px}
@media(max-width:600px){.rarity-specimen[data-tier=common] .spec-media,.rarity-specimen[data-tier=uncommon] .spec-media{bottom:140px}.rarity-specimen[data-tier=super] .spec-media{bottom:125px}}