/* Shared pale card field; colored frames are distinct from game interiors. */
:root{--paper:#eff9ff;--line:#37406b;--tile:#b9e2f7}
body{background:var(--paper)}
.nav{background:#f5fbff;color:#30365b;border-bottom:3px solid #a9dbef;box-shadow:0 3px #fff}
.nav nav,.brand small{color:#52617b}.nav nav a:hover{color:#ab266a}.brand-icon{background:#f295c0;color:#30365b}
.concept-bar{background:#e1f0fa;color:#536781}.concept-bar button{color:#425776}
.playroom{background-image:linear-gradient(#f7fcffdd,#eff9ff44),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32'%3E%3Cpath d='M14 9h4v5h5v4h-5v5h-4v-5H9v-4h5z' fill='%23bce3f8'/%3E%3C/svg%3E")}
.room-title{min-height:98px;gap:20px}.room-title h1{margin:0;line-height:1;font-size:0;letter-spacing:0;text-shadow:none;width:370px;height:94px;display:flex;align-items:center}.room-title h1 img{width:100%;height:100%;object-fit:contain;image-rendering:pixelated}
.title-controls{display:flex;align-items:center;gap:10px;margin-top:3px;height:18px;font-size:11px;color:#647391}.title-controls button{border:0;background:transparent;color:#45577a;font-size:11px;padding:0 3px;text-decoration:underline;text-underline-offset:3px}.season-ticket{background:#fff7d7;border:2px solid #e9c97a;border-left:5px solid #e7ad36;box-shadow:3px 3px #f1dfad}.season-ticket span{color:#7c552e}.season-ticket strong{color:#80683f}
.art-caption{background:#d5eafb;border-color:#729ac1;box-shadow:inset 0 3px #f8fdff}.card-wheel{border-color:#729ac1}.wheel-controls{background-color:#bcddf1;background-image:linear-gradient(90deg,#ffffff60 1px,transparent 1px),linear-gradient(#ffffff60 1px,transparent 1px);background-size:12px 12px;border-color:#729ac1;box-shadow:inset 0 -3px #8db4d3}.wheel-controls>div{background:#d8edf9;padding:0 8px}.wheel-controls>button{border-color:#506790;box-shadow:2px 2px #506790,inset 2px 2px white}
.competition{background:#8dbdea;border:3px solid #3d64ae;box-shadow:5px 5px #729ec7,inset 3px 3px #d9f7ff,inset -3px -3px #658ecf;position:relative;padding-bottom:17px}
.competition-heading{background:#b7e1fa;border:2px solid #739ad2;box-shadow:inset 2px 2px #e4fbff;position:relative;padding:7px 9px}.competition-heading h2{color:#f6fbff;text-shadow:2px 0 #28457e,-2px 0 #28457e,0 2px #28457e,0 -2px #28457e,2px 3px #527cc5}.competition-heading>div>span,.reward-link{color:#355583}.score-symbol{color:#ffd052;text-shadow:2px 2px #9d651e}.reward-band{background:#fff1ae;box-shadow:inset 2px 2px #fffbe3,inset -2px -2px #dfba53}
.leader-paper{background:#f2fbff;color:#344b72;border-color:#4c76b6;border-right-color:#def8ff;border-bottom-color:#def8ff}.score-tabs{border-color:#c7e0ef}.score-tabs button{background:#d8eaf8;color:#4b6487;border-color:#89afd1;box-shadow:inset 1px 1px #fff}.score-tabs button.active{background:#538acc;color:#fff;border-color:#3468a7;box-shadow:2px 2px #3468a7,inset 1px 1px #a9dafa}.score-tabs>span,.table-head{color:#627891}.scoreboards .board{color:#354d70}.board li{border-color:#d4e8f2}.board.today li:nth-child(-n+3),.board.alltime li{background:#e0f0fb}.board li:first-child{background:#fff2c7!important;color:#775529}.board li span:first-child{color:#6384a6}.board li span:last-child{color:#285b91}.board li:first-child span:first-child,.board li:first-child span:last-child{color:#946326}.rank-foot{color:#596f89}.rank-foot button{color:#35618b;border-color:#7299b7}.rank-foot i{background:#acd3ee;border-color:#719bbd}
.your-ticket{background:#e9f6ff;border:2px solid #6791c5;box-shadow:inset 2px 2px #fff}.competition-note{color:#254674}.competition:after{content:'';position:absolute;bottom:0;left:0;right:0;height:7px;background:repeating-linear-gradient(90deg,#a2ddfa 0 8px,#578cce 8px 12px)}
.event-ribbon{background-color:#7ccaf1;background-image:linear-gradient(90deg,#ddf8ff88 2px,transparent 2px),linear-gradient(#ddf8ff88 2px,transparent 2px);background-size:16px 16px;color:#264f82;border-block:3px solid #4d9ed0}.event-ribbon b{color:#fff1a2;text-shadow:1px 1px #96672a}.event-ribbon span{background:#b8e7fa;padding:2px 6px}
.collection-layout{background:#fceaf3;border-color:#bd5989;box-shadow:5px 5px #e4a3c4,inset 3px 3px #fff7fb}.collection-info{border-color:#e7b5d1}.collection-count strong,.score-mini strong{color:#954779}.progress{background:#f3c7df}.progress i{background:#e75da4}.open-panel h3{color:#a34275}.open-panel>p{color:#805272}.collection-info p{color:#805272}.pack-display{border-color:#c7dbea}.machine{box-shadow:5px 5px #b6d6a2,inset 3px 3px #f7ffe9;border-color:#548745;background:#dcf2cc}.feed-control{background-image:linear-gradient(90deg,#ffffff50 1px,transparent 1px),linear-gradient(#ffffff50 1px,transparent 1px);background-size:12px 12px}
.prizes{background:#fcf4d9;border:3px solid #c99e43;box-shadow:5px 5px #e7d093,inset 3px 3px #fffdec;padding:22px 26px;gap:28px;display:grid;grid-template-columns:.85fr 1.15fr;min-height:0}.prizes>div:first-child{background:transparent;padding:4px}.prizes h2{color:#8b541b;text-shadow:1px 1px #fff;font-size:28px}.prizes .eyebrow{color:#997333}.prizes p:not(.eyebrow){color:#7d6746}.reward-showcase{width:100%;background:#d0ede5;border:3px solid #9595b2;box-shadow:inset 2px 2px white}.reward-showcase img{width:100%;aspect-ratio:3/2;object-fit:contain;display:block;image-rendering:pixelated}.reward-showcase>span{background:#d2eae3;color:#466e68;border-top:2px solid #9bbcb4}.season-path ol{background-image:linear-gradient(90deg,#d9edf455 1px,transparent 1px),linear-gradient(#d9edf455 1px,transparent 1px);background-size:12px 12px}.season-path li{background:#eff9ff;border-bottom:5px solid #8ac8e7}
footer{background-color:#d8effb;background-image:linear-gradient(90deg,#f6fcff90 2px,transparent 2px),linear-gradient(#f6fcff90 2px,transparent 2px);background-size:20px 20px;border-top:5px solid #88c9e9;color:#304e77}footer p,footer>span,footer>a:last-child{color:#526b87}.game-card .card-meta{border-bottom:3px solid var(--card-color);padding-bottom:8px}.rarity-tabs button.selected{box-shadow:inset 0 -3px var(--rarity,#528abe);background:#edf8ff;color:#344b70;border-color:var(--rarity,#528abe)}
@media(min-width:1000px) and (max-height:850px){.room-title{min-height:83px}.room-title h1{width:320px;height:72px}.presented{font-size:11px}.competition-heading{padding:5px 7px}.room-title{margin-bottom:12px}}
@media(max-width:760px){.room-title{min-height:0}.room-title h1{width:280px;max-width:100%;height:78px}.room-title>div:first-child{min-width:0}.title-controls{font-size:10px}.title-controls button{font-size:10px}.competition-heading{padding:7px}.competition-heading h2{font-size:21px}.prizes{grid-template-columns:1fr;padding:18px;gap:16px}.prizes h2{font-size:24px}.reward-showcase{max-width:470px}.season-ticket{display:none}.event-ribbon span{padding:0}.nav .brand{font-size:17px}}
@media(max-width:380px){.room-title h1{width:250px;height:70px}.competition-heading h2{font-size:18px}}
.logo-window{display:block;position:relative;width:100%;aspect-ratio:900/260;overflow:hidden}.room-title h1 img{position:absolute;max-width:none;object-fit:fill;transition:none}

.reset-run{border:0;background:transparent;color:#526b87;font:inherit;font-size:12px;text-decoration:underline;cursor:pointer}.prizes{margin-top:48px}.season-path{margin-bottom:52px}#codex{margin-top:40px}

.reveal-score{display:grid;grid-template-columns:1fr auto;gap:5px 20px;background:#fff1b8;border:2px solid #d4ad55;box-shadow:inset 2px 2px #fffbe5;padding:16px;color:#76531f;margin:18px 0}.reveal-score>strong{font-family:Silkscreen,monospace;font-size:25px}.reveal-score>span{grid-column:1;font-size:14px}.reveal-score>div{grid-column:2;grid-row:1/3;font-size:14px;line-height:1.8}.reveal-score b{color:#384e77}
#logoPause{position:relative}#logoPause:after{content:'';position:absolute;inset:-16px -5px}.rank-foot button{min-height:44px;display:inline-flex;align-items:center}.wheel-controls>button{min-width:44px;min-height:44px}.wheel-controls>#exploreCard{min-width:80px}.reset-run{min-height:44px}
@media(max-width:760px){.wheel-controls{gap:7px}.wheel-controls>div{padding:0 3px;min-width:0}.wheel-controls strong{font-size:14px}.wheel-controls>#exploreCard{font-size:10px;padding:0 5px}.rank-foot{margin-top:0}.reveal-score{padding:12px;gap:5px 10px}.reveal-score>strong{font-size:21px}.reveal-score>div{font-size:12px}}
@media(max-width:380px){.wheel-controls{gap:4px;padding:6px}.wheel-controls>#exploreCard{min-width:68px;font-size:9px}.wheel-controls strong{font-size:12px}}
