/* The chooser shares the quiet, product-led presentation of the home page. */
.selection-page {background:#000;--bg:#000;--line:#262629;background-image:radial-gradient(ellipse at 50% 330px,#a4cf5910,transparent 650px);}
.selection-page>.top-rail {display:none;}
.selection-page>.site-header {position:sticky;top:0;z-index:30;min-height:72px;width:100%;padding:12px max(28px,calc((100% - 1200px)/2));border-color:#ffffff16;background:#0c0c0de6;backdrop-filter:blur(22px);}
.selection-page .brand {font-size:25px;}
.selection-page .brand-mark {width:25px;}
.selection-page .main-nav {font-size:12px;gap:24px;}
.selection-page .main-nav .nav-active::after {bottom:-20px;height:2px;}
.selection-page .header-account {gap:7px;}
.selection-page .header-account .history-button,.selection-page .account-profile-link,.selection-page .header-wallet,.selection-page .header-logout .icon-button {border-radius:22px;background:#ffffff06;border-color:#ffffff18;}
.selection-page .selection-heading {padding:82px 0 58px;text-align:center;}
.selection-page .selection-heading-row {display:block;margin:0;}
.selection-page .selection-heading .eyebrow {justify-content:center;font-size:12px;letter-spacing:2px;color:#929298;}
.selection-page .selection-heading h1 {font-size:clamp(40px,6vw,76px);line-height:1.08;letter-spacing:-3px;font-weight:750;text-transform:none;margin:18px auto 0;max-width:none;}
.selection-page .selection-heading h1 span {color:var(--lime);}
.selection-page .cards-section {padding-top:0;max-width:1120px;}
.selection-page .cards-toolbar {justify-content:center;border:0;padding:0;margin-bottom:25px;}
.selection-page .filter-tabs {gap:4px;padding:5px;border:1px solid #ffffff12;border-radius:30px;background:#121214;}
.selection-page .filter-tab {border:0;border-radius:24px;min-height:44px;padding:10px 20px;color:#a1a1a8;font-size:13px;transition:background .25s,color .25s;}
.selection-page .filter-tab.is-active {background:#2a2d25;color:#e6f5d1;}
.selection-page .filter-tab span {border-radius:6px;}
.selection-page .deck-toolbar {margin:0 0 20px;align-items:center;}
.selection-page .deck-toolbar p {color:#929298;font-size:12px;}
.selection-page .deck-status-dot {border-radius:50%;}
.selection-page .deck-toolbar .button {background:#171719;border-color:#ffffff18;font-size:12px;padding:12px 20px;transition:background .25s,transform .25s;}
.selection-page .deck-toolbar .button:hover:not(:disabled) {background:#27272b;transform:translateY(-2px);}
.selection-page .deck-stage {padding:0;border:0;background:none;border-radius:0;}
.selection-page .card-grid {gap:24px;}
.selection-page .game-card.mystery-card {border:1px solid #ffffff14;border-radius:22px;background:#141715;box-shadow:0 14px 40px #0006;overflow:hidden;transition:transform .35s cubic-bezier(.2,.7,.2,1),border-color .35s,box-shadow .35s;}
.selection-page .game-card.mystery-card:hover {transform:translateY(-7px);border-color:#c9ff6855;box-shadow:0 18px 44px #0009,0 0 25px #c9ff6808;}
.selection-page .game-card.mystery-card .mystery-card-face {aspect-ratio:3/4;min-height:0;background:transparent;padding:0;border-radius:21px;animation:card-arrive .65s cubic-bezier(.2,.7,.2,1) backwards;}
.selection-page .mystery-card-front,.selection-page .mystery-card-reverse {border:0;border-radius:21px;box-shadow:inset 0 1px 0 #ffffff0c;background:radial-gradient(ellipse at 40% 0%,#b4e56b16,transparent 70%),repeating-linear-gradient(125deg,#ffffff02 0 1px,transparent 1px 8px),#121613;}
.selection-page .mystery-card-reverse {background:repeating-linear-gradient(125deg,#c9ff6809 0 1px,transparent 1px 6px),#222b20;}
.selection-page .mystery-question {font-size:clamp(64px,8vw,100px);font-weight:600;color:#c9ff68;letter-spacing:-5px;transition:transform .4s;}
.selection-page .mystery-card-face:hover:not(:disabled) .mystery-question {transform:scale(1.08);}
.selection-page .card-coin-price {bottom:18px;background:#ffffff06;color:#b7c3ae;border-color:#ffffff12;font-size:11px;font-weight:500;}
.selection-page .site-footer {border-color:#262629;color:#86868b;}
.selection-page .selection-heading {animation:card-arrive .7s ease backwards;}
@keyframes card-arrive {from{opacity:0;transform:translateY(22px) scale(.97);}to{opacity:1;transform:none;}}
@media(max-width:1050px){.selection-page .card-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;}}
@media(max-width:850px){.selection-page .main-nav{gap:16px;}.selection-page .main-nav a:last-child{display:none;}}
@media(max-width:700px){.selection-page>.site-header{padding:14px 20px;gap:12px;}.selection-page .selection-heading{padding:52px 0 38px;}.selection-page .selection-heading h1{font-size:clamp(36px,8vw,54px);letter-spacing:-1.7px;}.selection-page .card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;}.selection-page .filter-tab{padding:9px 14px;font-size:12px;}.selection-page .deck-toolbar p{font-size:11px;}.selection-page .deck-toolbar .button{font-size:11px;padding:10px 14px;}.selection-page .game-card.mystery-card{border-radius:17px;}.selection-page .mystery-card-front,.selection-page .mystery-card-reverse{border-radius:16px;}.selection-page .card-coin-price{bottom:12px;font-size:10px;padding:5px 9px;}.selection-page .mystery-question{font-size:65px;}}
@media(max-width:600px){.selection-page .site-header .brand{font-size:22px;}.selection-page .site-header .main-nav{gap:12px;}.selection-page .site-header .main-nav a{font-size:11px;}.selection-page .site-header .main-nav .nav-active::after{bottom:-6px;}}
@media(prefers-reduced-motion:reduce){.selection-page .selection-heading,.selection-page .game-card.mystery-card .mystery-card-face{animation:none;}.selection-page .game-card.mystery-card,.selection-page .mystery-question,.selection-page .deck-toolbar .button{transition:none;}.selection-page .game-card.mystery-card:hover,.selection-page .mystery-card-face:hover:not(:disabled) .mystery-question{transform:none;}}
