/* Catalog and game surfaces extend the incumbent RIFT system. */
.header{gap:32px}.header nav{gap:26px}.header nav a{font-size:13px}.header .brand{flex-shrink:0}
.catalog-hero{height:330px;position:relative;overflow:hidden;display:flex;align-items:center;padding:34px 48px;border-radius:16px;background:linear-gradient(110deg,#302345,#1b192e 75%)}
.catalog-hero h1{font:600 clamp(40px,4.5vw,66px)/1.06 Oswald;letter-spacing:-.02em}.catalog-hero h1 em{font-style:normal;color:var(--accent)}.catalog-hero p{color:#d4c7e4;margin:16px 0 22px;line-height:1.6}.catalog-hero>div:first-child{z-index:2}.hero-free{font-size:12px;color:var(--muted);display:block;margin-top:10px}.hero-cover{position:absolute;right:9%;height:400px;width:450px;top:-24px;filter:drop-shadow(15px 20px 24px #0c071b88)}.hero-caption{position:absolute;right:24px;bottom:22px;font-size:13px;text-align:right;font-weight:600}.hero-caption span{display:block;font-size:11px;color:var(--muted);font-weight:400;margin-top:4px}
.catalog-tools{display:flex;align-items:center;flex-wrap:wrap;gap:20px;margin:30px 0 12px}.category-tabs{display:flex;gap:7px;overflow:auto;padding:5px 3px;flex:1;scrollbar-width:thin}.category-tabs button{white-space:nowrap;padding:10px 13px}.catalog-tools .search{min-width:240px;flex:0 1 260px}.catalog-summary{font-size:12px;color:var(--muted);margin:0 3px 28px}.catalog-section{margin:44px 0 56px}.catalog-section>h2{display:flex;align-items:center;justify-content:center;gap:12px;font:600 28px Oswald;margin:0 0 24px;text-transform:uppercase}.catalog-section>h2 svg{width:24px;height:24px;color:var(--accent)}.catalog-section>h2 span{font:500 12px Golos;color:var(--muted);margin-left:4px}
.catalog-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:24px 16px}.catalog-case{text-align:center;display:block;min-width:0;padding:0 6px 14px;border-bottom:1px solid #363047;border-radius:0;transition:background .2s}.catalog-case:hover{background:#211c3280}.catalog-case h3,.catalog-case h2{font:600 16px/1.35 Golos;margin:2px 0 5px}.catalog-case>span{font-size:12px;color:var(--muted);display:block}.catalog-case>strong{display:flex;align-items:center;justify-content:center;gap:7px;font-size:12px;color:#ffd0a1;margin-top:10px;font-weight:500}.catalog-case>strong svg{width:12px;height:12px}.cover-art{position:relative;width:100%;height:210px;display:grid;place-items:center;transition:transform .3s}.catalog-case:hover .cover-art{transform:translateY(-5px)}.cover-art.illustrated>img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 12px 9px #08061188)}.cover-art.classic-cover>img{width:92%;height:100%;filter:drop-shadow(0 14px 10px #08061188)}.case-plinth{position:absolute;inset:32% 8% 0;opacity:.8}.case-plinth img{height:100%;width:100%;filter:grayscale(.8)}.assembly>.cover-rear{position:absolute;width:82%;height:65%;top:0;left:5%;transform:rotate(16deg);filter:drop-shadow(0 10px 10px #080611aa)}.assembly>.cover-front{position:absolute;width:95%;height:75%;top:18%;left:2%;transform:rotate(-15deg);filter:drop-shadow(0 12px 10px #080611aa)}.case-glyph{position:absolute;bottom:4px;left:calc(50% - 20px);width:40px;height:40px;border-radius:50%;background:#251c32;border:1px solid var(--tone);color:var(--tone);display:grid;place-items:center}.case-glyph svg{width:22px;height:22px}.vault-section{padding:32px 24px;background:#1a1629;border-radius:16px}
.reveal-stage{min-height:310px}.reveal-stage>.cover-art{width:350px;height:300px}.reveal-actions{gap:16px;flex-wrap:wrap}.open-case{min-width:240px;padding:13px 28px;min-height:64px;font-size:15px;letter-spacing:.02em;box-shadow:0 6px 18px #09060d55}.open-case>svg{width:26px;height:26px}.open-case small{display:block;font-size:12px;font-weight:500;letter-spacing:0;margin-top:2px}.item-chance{position:absolute;right:10px;top:9px;font-size:12px;color:#eee5fc;font-weight:600;font-variant-numeric:tabular-nums}.skin-card .item-chance+img{padding-top:10px}.chance-rules{font-size:12px;color:var(--muted);margin:18px 0 24px;padding:16px 18px;background:#201b30;border-radius:10px}.chance-rules summary{cursor:pointer;color:#e5d9ef;min-height:20px}.chance-rules p{margin-top:12px;max-width:85ch;line-height:1.8}
.upgrade-arena{grid-template-columns:minmax(0,1fr) 230px minmax(0,1fr);background:#1c182c;min-height:360px}.upgrade-slot h3{font-size:15px;max-width:30ch}.upgrade-slot p{font-size:12px;color:var(--muted);margin-top:9px}.upgrade-slot>strong{color:#e9c3ff;font-size:13px;font-variant-numeric:tabular-nums}.selected-fan{height:175px;position:relative;width:100%;display:flex;align-items:center;justify-content:center}.selected-fan img{width:75%;max-width:230px;height:160px;position:absolute;filter:drop-shadow(0 15px 15px #08040f88)}.selected-fan img:nth-child(1){transform:translate(-18px,-10px) rotate(-12deg)}.selected-fan img:nth-child(2){transform:translate(18px,10px) rotate(12deg)}.selected-fan img:nth-child(3){transform:translate(-10px,35px) rotate(-6deg)}.selected-fan img:nth-child(4){transform:translate(20px,50px) rotate(8deg)}
.chance-wheel{height:210px;width:210px;position:relative;display:grid;place-items:center}.wheel-ring{position:absolute;inset:0;border-radius:50%;background:conic-gradient(#a4e1c6 0 var(--chance,0%),#49374f var(--chance,0%) 100%)}.wheel-ring:after{content:'';position:absolute;inset:14px;border-radius:50%;background:#1c182c}.wheel-center{position:relative;text-align:center;z-index:2;pointer-events:none}.wheel-center strong{font:500 40px Oswald;display:block;font-variant-numeric:tabular-nums}.wheel-center span{color:var(--muted);font-size:12px;display:block;margin-top:4px}.wheel-pointer{position:absolute;left:calc(50% - 9px);top:-10px;width:18px;height:28px;clip-path:polygon(0 0,100% 0,50% 100%);background:var(--accent);z-index:3;filter:drop-shadow(0 3px 2px #100817)}
.multipliers{display:flex;gap:8px;margin:0 5px 12px}.multipliers button{flex:1;background:#292237;border:1px solid #40364e;border-radius:7px;min-height:38px;font-weight:600;color:#ddd0ee}.multipliers button:hover{background:#3c2e47}.multipliers button.active{color:#221727;background:var(--accent);border-color:var(--accent)}.pick-card>small{display:block;color:#d5b9e7;margin-top:9px;font-size:12px;font-variant-numeric:tabular-nums}.upgrade-lists>section{min-width:0}.scroll-grid{max-height:490px!important;overflow-y:auto;scrollbar-gutter:stable;padding:6px!important;scrollbar-width:thin;scrollbar-color:#5d4b6d #1c192b}.pick-card:focus-visible{z-index:2;outline-offset:2px}.upgrade-lists .pick-card{min-height:178px}.upgrade-lists .search{min-width:0}
.contract-table{background:#201a30;padding:30px;border-radius:16px;text-align:center}.contract-slots{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;max-width:920px;margin:auto}.empty-slot,.filled-slot{height:115px;border:1px dashed #584666;border-radius:10px;display:grid;place-items:center;background:#181423;position:relative}.empty-slot svg{height:34px;width:34px;color:#736180}.filled-slot{border:1px solid #b28aff}.filled-slot img{height:90px;width:100%}.filled-slot span{font-size:11px;position:absolute;bottom:5px;color:#ddc5f0}.contract-submit{display:flex;justify-content:center;align-items:center;gap:35px;margin:24px 0 18px}.contract-submit>div{display:flex;flex-direction:column;text-align:left}.contract-submit strong{font:500 27px Oswald}.contract-submit span{font-size:12px;color:var(--muted)}.contract-results{grid-template-columns:repeat(3,minmax(0,1fr))}.contract-table .result-view{margin:0 auto 20px}
.cards-catalog{margin:30px 0 50px}.cards-catalog .catalog-case h2{font-size:16px}.cards-explanation{max-width:70ch;margin:20px auto 50px;text-align:center}.cards-explanation h2{font:500 28px Oswald;margin-bottom:14px}.cards-explanation p{color:var(--muted);line-height:1.85}.card-arena{padding:32px;border-radius:16px;background:#1d172d;text-align:center}.memory-board{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:18px;max-width:1120px;margin:0 auto 25px}.memory-card{aspect-ratio:3/4;min-height:150px;border-radius:12px;border:1px solid #604879;background:#30213f;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;position:relative;box-shadow:0 10px 20px #0a07104d}.memory-card:not(:disabled):hover{background:#493050;border-color:var(--accent)}.memory-card>img{width:50px;height:60px}.memory-card>span{font:600 30px Oswald;letter-spacing:.08em;color:#cda8e4}.memory-card:disabled{opacity:1;cursor:default}.memory-card.revealed{background:#271f35;border-color:#806593}.memory-card.revealed img{width:100%;height:130px;animation:card-appear .4s ease-out}.memory-card.chosen{border:2px solid var(--accent)}.card-arena>p{color:#d1c1e2;min-height:24px;margin:10px 0 20px}.card-arena .result-view{padding-top:0}.card-arena .result-view img{height:110px}.card-arena .result-view h2{font-size:18px}.cards-rule-row{display:grid;grid-template-columns:1fr 1fr;gap:35px;margin:25px 0;color:var(--muted);font-size:13px;align-items:center}.cards-rule-row>p{max-width:65ch;line-height:1.8}.cards-rule-row>div{display:grid;grid-template-columns:90px 1fr;column-gap:15px;align-items:center}.cards-rule-row img{grid-row:1/3;width:90px;height:75px}.cards-rule-row span{grid-column:2;font-size:11px}.cards-rule-row strong{grid-column:2;font-size:12px;color:#ded0ed}.resume-round{display:flex;align-items:center;gap:12px;padding:18px;color:#edc2ff;background:#2a2039;border-radius:10px;margin:15px 0}.resume-round svg{width:22px;height:22px}
.profile-banner>div:nth-child(2){margin-right:auto}.profile-banner h1{font:600 32px Oswald;overflow-wrap:anywhere}.profile-banner p{color:var(--muted);font-size:12px;margin-top:6px}.profile-stats>div{flex-direction:column;gap:5px}.profile-tabs .active{border-color:var(--accent);color:var(--text)}.history-row{grid-template-columns:72px minmax(0,1fr) 130px}.history-row>div{display:block}.history-row>div span{display:block;color:var(--muted);font-size:11px;margin-bottom:5px}.history-miss svg{width:30px;height:30px}.settings-layout form>.button{margin-top:20px}
.cover-art.illustrated>img{position:absolute;inset:0;min-height:0;min-width:0;width:100%;height:100%}
@keyframes card-appear{from{opacity:.2;transform:scale(.75)}to{opacity:1;transform:scale(1)}}
@media(min-width:1500px){.cover-art{height:250px}}
@media(max-width:1100px){.header{gap:22px}.header nav{gap:20px}.catalog-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.cover-art{height:200px}.catalog-hero{padding:30px}.hero-cover{right:0;width:410px}.hero-caption{right:18px;font-size:12px}.catalog-tools .search{flex-basis:100%;max-width:350px}.upgrade-arena{grid-template-columns:minmax(0,1fr) 200px minmax(0,1fr)}.chance-wheel{width:190px;height:190px}.memory-board{gap:12px}.profile-stats>div{padding:0 15px}.contract-results{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.header nav{width:100%;height:46px;gap:25px}.header{gap:10px}.catalog-hero{height:300px;padding:24px}.catalog-hero h1{font-size:42px}.catalog-hero p{font-size:12px;max-width:28ch}.hero-cover{width:300px;height:300px;right:-65px;top:15px;opacity:.75}.hero-caption{display:none}.catalog-hero .button{font-size:12px;padding:12px}.catalog-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px 12px}.cover-art{height:180px}.catalog-case h3{font-size:14px}.catalog-section>h2{font-size:24px}.catalog-section{margin:35px 0 42px}.catalog-tools{gap:10px;margin-top:20px}.category-tabs{flex-basis:100%}.catalog-tools .search{flex-basis:100%;max-width:none}.catalog-summary{font-size:11px}.upgrade-arena{grid-template-columns:1fr 1fr;gap:15px;padding:20px 14px}.upgrade-control{grid-column:1/-1;grid-row:2;gap:18px}.upgrade-control>.button{max-width:280px}.upgrade-slot{grid-row:1;grid-column:auto}.upgrade-slot>img,.selected-fan{height:120px}.selected-fan img{height:100px;max-width:130px}.upgrade-slot h3{font-size:12px}.slot-placeholder{height:100px}.slot-placeholder svg{width:44px;height:44px}.upgrade-slot p{font-size:11px}.upgrade-lists{grid-template-columns:1fr;gap:5px}.upgrade-lists .select-grid{grid-template-columns:repeat(3,minmax(0,1fr));max-height:410px!important}.contract-slots{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.contract-table{padding:22px 12px}.empty-slot,.filled-slot{height:80px}.filled-slot img{height:60px}.empty-slot svg{width:24px;height:24px}.contract-submit{gap:20px}.contract-submit .button{font-size:11px;padding:12px}.contract-results{grid-template-columns:repeat(3,minmax(0,1fr))}.memory-board{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;max-width:480px}.memory-card{min-height:135px}.card-arena{padding:22px 14px}.cards-rule-row{grid-template-columns:1fr;gap:20px}.profile-banner{gap:15px}.profile-stats{display:flex;width:100%;padding:10px 0}.profile-stats>div{flex:1}.history-row{grid-template-columns:50px minmax(0,1fr);gap:14px}.history-row img{width:50px}.history-row time{grid-column:2}.vault-section{padding:25px 12px}.profile-banner h1{font-size:28px}}
@media(max-width:480px){main{padding:20px 14px 45px}.header{padding:14px 14px 0}.catalog-hero{height:280px;padding:22px}.catalog-hero h1{font-size:36px}.hero-cover{right:-110px;width:280px;height:280px;opacity:.55}.catalog-hero p{max-width:22ch}.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 12px}.cover-art{height:175px}.catalog-case{padding:0 2px 14px}.catalog-case h3,.catalog-case h2{font-size:13px}.catalog-case>strong{font-size:11px}.catalog-case>span{font-size:11px}.catalog-section>h2{font-size:22px}.reveal-stage>.cover-art{width:290px;height:270px}.reveal-stage{min-height:280px}.case-title h1{font-size:33px}.open-case{min-width:220px}.upgrade-lists .select-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.contract-results{grid-template-columns:repeat(2,minmax(0,1fr))}.contract-slots{grid-template-columns:repeat(5,minmax(0,1fr));gap:5px}.empty-slot,.filled-slot{height:64px}.filled-slot span{font-size:9px}.filled-slot img{height:45px}.contract-submit{flex-direction:column;gap:12px}.contract-submit>div{flex-direction:row;align-items:center;gap:12px}.profile-banner{padding:20px}.profile-banner>.avatar{width:52px;height:52px}.profile-stats>div{padding:0 12px!important}.profile-stats span{font-size:11px}.profile-stats strong{font-size:24px}.memory-board{gap:9px}.memory-card{min-height:125px}.memory-card>span{font-size:22px}.memory-card.revealed img{height:100px}}
@media(prefers-reduced-motion:reduce){.cover-art,.catalog-case{transition:none}.memory-card.revealed img{animation:none}.catalog-case:hover .cover-art{transform:none}}
@media(max-width:760px){.upgrade-control{flex-direction:column}.chance-wheel{flex-shrink:0}.history-row time{grid-column:2;grid-row:auto;text-align:left;max-width:none}}
.history-row>.history-miss{grid-column:1;grid-row:1;padding:0;display:grid;place-items:center;min-height:60px}
@media(max-width:760px){.catalog-hero{height:auto;min-height:440px;flex-direction:column;align-items:stretch;gap:12px;padding:24px 22px 12px}.catalog-hero p{max-width:none}.hero-cover{position:relative;inset:auto;align-self:center;width:100%;max-width:340px;height:270px;opacity:1}.catalog-hero h1{font-size:42px}.header nav>a{flex-shrink:0}}
@media(max-width:480px){.catalog-hero h1{font-size:36px}.hero-cover{height:250px}}