:root { --bg: #0E0E13; --bg-recessed: #0A0A0F; --surface: #17181F; --raised: #20212B; --border-dec: #3A3C4C; --border-ctl: #85899C; --text: #F6F5FA; --text-2: #BABDCA; --action: #9F36F1; --action-hover: #8625D0; --action-text: #FFFFFF; --link: #D6ADFF; --disclosure: #211A2C; --font-ui: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; --font-num: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; --s1: 0.25rem; --s2: 0.5rem; --s3: 0.75rem; --s4: 1rem; --s5: 1.5rem; --s6: 2rem; --s7: 3rem; --s8: 4rem; --r-ctl: 0.5rem; --r-art: 0.75rem; --r-panel: 1rem; --wrap-max: 80rem; } * { box-sizing: border-box; } html { font-size: 100%; } body { margin: 0; background: var(--bg); color: var(--text); font-family: var(--font-ui); font-size: 1rem; line-height: 1.6; font-weight: 400; } img { max-width: 100%; height: auto; display: block; } h1, h2, h3, h4 { line-height: 1.15; font-weight: 700; margin: 0 0 var(--s3); } h1 { font-size: 2.5rem; margin-bottom: var(--s1); overflow-wrap: anywhere; } h2 { font-size: 1.75rem; margin-top: var(--s6); } h3 { font-size: 1.25rem; margin-top: var(--s5); } h4 { font-size: 1rem; margin-top: 0; } @media (min-width: 64rem) { h1 { font-size: 3.5rem; } } p { margin: 0 0 var(--s4); max-width: 68ch; } ul, ol { margin: 0 0 var(--s4); padding-left: 1.25rem; max-width: 68ch; } li { margin-bottom: var(--s2); } .lead { font-size: 1.125rem; color: var(--text); } .note { font-size: 0.875rem; line-height: 1.4; color: var(--text-2); } .mini-title, .seeds-title { font-weight: 600; font-size: 0.875rem; letter-spacing: 0.04em; text-transform: uppercase; color: var(--text-2); margin-bottom: var(--s3); } a { color: var(--link); text-decoration: underline; } a:hover { color: var(--action-text); } :focus-visible { outline: 3px solid var(--link); outline-offset: 2px; } a, .btn, summary { scroll-margin-top: var(--s5); } .wrap { max-width: var(--wrap-max); margin-inline: auto; padding-inline: var(--s4); } @media (min-width: 84rem) { .wrap { padding-inline: 0; } } section { padding-block: var(--s4); } .wrap > h2:first-child { margin-top: var(--s4); } a.tap { display: inline-flex; align-items: center; min-height: 2.75rem; } .skip { position: absolute; left: -9999px; top: 0; z-index: 10; background: var(--action); color: var(--action-text); padding: var(--s3) var(--s4); border-radius: var(--r-ctl); font-weight: 600; } .skip:focus { left: var(--s4); } .sheet { background: var(--surface); border: 1px solid var(--border-dec); border-radius: var(--r-panel); } .pad { padding: var(--s5); } .kv { margin: 0; } .kv > div { display: grid; gap: var(--s1); padding: var(--s2) 0; border-top: 1px solid var(--border-dec); } .kv > div:first-child { border-top: 0; } .kv dt { font-size: 0.875rem; line-height: 1.4; font-weight: 600; letter-spacing: 0.03em; text-transform: uppercase; color: var(--text-2); } .kv dd { margin: 0; max-width: 68ch; overflow-wrap: anywhere; } .kv > div { min-width: 0; } .num { font-family: var(--font-num); font-variant-numeric: tabular-nums; } .tile { margin: 0; } .tile img { width: 100%; aspect-ratio: 320 / 407; object-fit: contain; border-radius: var(--r-art); border: 1px solid var(--border-dec); background: var(--bg-recessed); } .tile figcaption { padding-top: var(--s1); font-size: 0.875rem; line-height: 1.4; } .tile .t { display: block; font-weight: 600; color: var(--text); } .tile .p { display: block; font-size: 0.875rem; color: var(--text-2); } .tscroll { overflow-x: auto; margin-bottom: var(--s4); } .sheet-table { border-collapse: collapse; width: 100%; background: var(--surface); border: 1px solid var(--border-dec); border-radius: var(--r-panel); } .sheet-table caption { text-align: left; font-weight: 600; font-size: 0.875rem; letter-spacing: 0.03em; text-transform: uppercase; color: var(--text-2); padding: var(--s3) var(--s4); border: 1px solid var(--border-dec); border-bottom: 0; background: var(--surface); } .sheet-table th, .sheet-table td { text-align: left; vertical-align: top; padding: var(--s3) var(--s4); border-top: 1px solid var(--border-dec); font-size: 1rem; } .sheet-table thead th { font-size: 0.875rem; letter-spacing: 0.03em; text-transform: uppercase; color: var(--text-2); border-top: 0; } .sheet-table tbody th { font-weight: 600; } .paired { background: var(--disclosure); padding: var(--s5); margin-block: var(--s5); } .paired h3 { margin-top: 0; } .paired .sheet-table, .paired .sheet-table caption { background: var(--bg-recessed); } .vip-pair { display: grid; grid-template-columns: repeat(auto-fit, minmax(9rem, 1fr)); gap: var(--s4); margin-bottom: var(--s4); } .vip-pair article { background: var(--bg-recessed); border: 1px solid var(--border-dec); border-radius: var(--r-panel); padding: var(--s4); } .vip-pair h4 { font-size: 0.875rem; letter-spacing: 0.03em; text-transform: uppercase; color: var(--text-2); margin-bottom: var(--s2); } .vip-pair p { margin: 0; } .paired .note { margin-bottom: 0; } .seeds { padding: var(--s5); margin-block: var(--s4); } .seed-row { display: grid; grid-template-columns: repeat(auto-fit, minmax(7rem, 1fr)); gap: var(--s4); margin: 0 0 var(--s3); } .seed-row > div { border: 1px solid var(--border-dec); border-radius: var(--r-panel); padding: var(--s4); background: var(--bg-recessed); } .seed-row dt { font-size: 0.875rem; letter-spacing: 0.03em; text-transform: uppercase; color: var(--text-2); } .seed-row dd { margin: var(--s1) 0 0; font-size: 1.25rem; font-weight: 600; } .seeds .note { margin-bottom: 0; } .fund-cols { display: grid; gap: var(--s4); margin-block: var(--s4); } .coins { list-style: none; padding: 0; margin: 0; display: flex; flex-wrap: wrap; gap: var(--s2); } .coins li { border: 1px solid var(--border-ctl); border-radius: var(--r-ctl); padding: var(--s1) var(--s3); font-family: var(--font-num); font-size: 0.875rem; } .mins { list-style: none; padding: 0; margin: 0 0 var(--s3); } .mins li { border-top: 1px solid var(--border-dec); padding: var(--s2) 0; margin: 0; } .mins li:first-child { border-top: 0; } .steps li { margin-bottom: var(--s3); } .rules { margin-bottom: var(--s4); } :root { --sticky-height: 132px; --bar-height: 76px; } html { touch-action:manipulation; -webkit-text-size-adjust:100%; text-size-adjust:100%; overflow-x:clip; } body { overflow-wrap:break-word; min-width:0; } a,button,summary,.burger,.lane-arrow,.to-top,.games-toggle { touch-action:manipulation; -webkit-tap-highlight-color:transparent; } .lane-arrow,.to-top,.games-toggle,.burger { user-select:none; -webkit-user-select:none; } button { font:inherit; cursor:pointer; } [hidden] { display:none !important; } main,section,.wrap,.sheet,.tile { min-width:0; } section { scroll-margin-top:calc(var(--sticky-height) + 12px); } .btn { display:inline-flex; align-items:center; justify-content:center; min-height:48px; padding:10px 24px; max-width:100%; border:1.5px solid transparent; border-radius:999px; background:#9F36F1; box-shadow:inset 0 1px 0 rgba(255,255,255,.25),0 6px 18px rgba(159,54,241,.35); color:#fff; font-weight:700; text-align:center; text-decoration:none; white-space:nowrap; } .btn:hover { background:#8625D0; color:#fff; } .btn.ghost { background:transparent; border:1.5px solid #D6ADFF; color:#F6F5FA; box-shadow:none; } .btn.ghost:hover { background:rgba(159,54,241,.16); } .section-action { margin:24px 0 8px; max-width:none; } .masthead { position:sticky; top:0; z-index:50; background:var(--bg); border-bottom:1px solid var(--border-dec); } .bar { display:flex; align-items:center; gap:16px; min-height:76px; } .logo-link { display:block; flex-shrink:0; } .logo { width:178px; } .header-actions { margin-left:auto; display:flex; gap:10px; } .header-actions .btn { min-height:40px; padding:6px 20px; font-size:14px; } .site-nav { display:flex; gap:2px; padding:8px max(16px,calc((100% - var(--wrap-max))/2 + 16px)); overflow-x:auto; scrollbar-width:none; background:#0A0A0F; } @media (min-width:84rem) { .site-nav { padding-inline:calc((100% - var(--wrap-max))/2); } } .site-nav::-webkit-scrollbar,.tile-grid::-webkit-scrollbar { display:none; } .site-nav a { display:flex; align-items:center; flex-shrink:0; min-height:36px; padding:6px 7px; border:1px solid transparent; border-radius:4px; color:var(--text-2); font-family:var(--font-num); font-size:11px; letter-spacing:.02em; text-transform:uppercase; text-decoration:none; } .site-nav a.active { color:#fff; background:rgba(159,54,241,.16); border-color:#9F36F1; } .burger,.mobile-nav,.menu-backdrop,.bottom-bar { display:none; } .hero { position:relative; isolation:isolate; width:100%; max-width:1648px; height:350px; padding:0; margin-inline:auto; } .hero-art { position:absolute; inset:0; z-index:-1; } .hero-art img { width:100%; height:100%; object-fit:cover; object-position:right center; } .hero-art::after { content:""; position:absolute; inset:0; background:linear-gradient(90deg,rgba(14,14,19,.95),rgba(14,14,19,0) 60%); } .hero-copy { height:100%; display:flex; flex-direction:column; justify-content:center; } .hero h1 { font-size:clamp(36px,4vw,56px); margin:0 0 12px; } .hero-copy > p { max-width:580px; font-size:17px; line-height:1.5; margin-bottom:0; } .hero .section-action { margin-top:20px; } .section-heading { display:flex; align-items:center; justify-content:space-between; gap:16px; margin-block:16px; } .section-heading h2 { margin:0; } .providers { max-width:none; color:var(--text-2); font-size:14px; } .games-stage { position:relative; } .games-window { overflow:hidden; transition:max-height .7s ease; } .tile-grid { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:16px; margin:0; } .tile figcaption { overflow-wrap:anywhere; } .games-toggle { padding:10px 16px; flex-shrink:0; border:1px solid var(--link); border-radius:999px; background:transparent; color:var(--link); font-size:14px; min-height:44px; } .games-toggle:hover { background:var(--surface); color:#fff; } .games-controls { display:flex; justify-content:center; margin-top:20px; } .lane-arrow,.to-top { display:flex; align-items:center; justify-content:center; width:44px; height:44px; border:1px solid var(--action); border-radius:50%; background:var(--surface); color:#fff; font-size:26px; line-height:1; padding:0; } .to-top { position:fixed; right:16px; bottom:20px; z-index:40; background:var(--bg); } .vip-pair,.seed-row,.fund-cols,.operator-cards,.support-cards { align-items:stretch; } .vip-pair > article,.seed-row > div,.fund-cols > div,.operator-cards > article,.support-cards > article { height:100%; min-width:0; } .operator-cards,.support-cards { display:grid; gap:16px; margin-block:20px; } .operator-cards { grid-template-columns:1fr 1fr 1.6fr; } .support-cards { grid-template-columns:repeat(2,minmax(0,1fr)); } .operator-cards h3,.support-cards h3 { margin-top:0; } .operator-cards p:last-child { margin-bottom:0; } .support-cards a { overflow-wrap:anywhere; } .faq-list details { background:var(--surface); border:1px solid var(--border-dec); border-radius:12px; margin-bottom:10px; } .faq-list summary { padding:18px 20px; font-weight:600; cursor:pointer; } .faq-list details p { padding:0 20px 18px; margin:0; } footer { border-top:1px solid var(--border-dec); background:var(--bg-recessed); padding-block:24px; margin-top:32px; } .ledger { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:16px; } .footer-links { display:flex; flex-wrap:wrap; align-items:center; gap:20px; } .footer-links a { font:13px var(--font-num); color:var(--text-2); text-decoration:none; } .footer-links a:hover { color:var(--link); } .footer-trust { display:flex; align-items:center; gap:12px; font:12px var(--font-num); font-variant:small-caps; } .age-badge { display:inline-flex; align-items:center; justify-content:center; width:36px; height:36px; border:2px solid var(--action); border-radius:50%; font-size:13px; } .footer-bottom { width:100%; max-width:none; text-align:center; font-size:12px; color:var(--text-2); margin:0; } @media (min-width:769px) { .fund-cols { grid-template-columns:minmax(0,1fr); } .mins { display:flex; flex-wrap:wrap; gap:8px 24px; max-width:none; } .mins li { border-top:0; } } @media (max-width:768px) { :root { --sticky-height:64px; --bar-height:76px; } body { padding-bottom:calc(var(--bar-height) + 44px + 24px); } .wrap { padding-inline:16px; } h2 { font-size:25px; } .bar { min-height:64px; gap:6px; padding-inline:12px; } .logo { width:104px; } .header-actions { gap:5px; } .header-actions .btn { height:36px; min-height:36px; font-size:13px; padding:0 10px; } .burger { display:flex; flex-direction:column; align-items:center; justify-content:center; gap:5px; width:44px; height:44px; flex-shrink:0; padding:0; border:0; background:transparent; } .burger span { width:22px; height:2px; background:#9F36F1; transition:transform .3s,opacity .3s; } .burger[aria-expanded="true"] span:nth-child(1) { transform:translateY(7px) rotate(45deg); } .burger[aria-expanded="true"] span:nth-child(2) { opacity:0; } .burger[aria-expanded="true"] span:nth-child(3) { transform:translateY(-7px) rotate(-45deg); } .site-nav { display:none; } .mobile-nav { display:block; position:fixed; top:var(--sticky-height); left:0; right:0; z-index:49; max-height:calc(100dvh - var(--sticky-height)); overflow-y:auto; background:#17181F; border-top:1px solid var(--action); transform:translateY(-12px); opacity:0; visibility:hidden; transition:transform .3s,opacity .3s,visibility .3s; } .mobile-nav a { display:flex; align-items:center; min-height:48px; padding:10px 20px; border-left:3px solid transparent; font:14px var(--font-num); text-transform:uppercase; color:var(--text-2); text-decoration:none; } .mobile-nav a.active { border-left-color:var(--action); color:#fff; background:rgba(159,54,241,.16); } .menu-backdrop { display:block; position:fixed; inset:var(--sticky-height) 0 0; z-index:48; background:rgba(0,0,0,.55); opacity:0; visibility:hidden; transition:opacity .3s,visibility .3s; } html.menu-open { overflow:hidden; padding-top:var(--sticky-height); } html.menu-open .masthead { position:fixed; top:0; left:0; right:0; transform:none; } .menu-open .mobile-nav { transform:translateY(0); opacity:1; visibility:visible; } .menu-open .menu-backdrop { opacity:1; visibility:visible; } .menu-open .bottom-bar,.menu-open .to-top { display:none; } .hero { height:auto; } .hero-art { position:relative; height:clamp(220px,62vw,300px); } .hero-art img { object-position:88% 50%; } .hero-art::after { background:linear-gradient(0deg,var(--bg),transparent 35%); } .hero-copy { height:auto; padding-top:16px; padding-bottom:24px; } .hero h1 { font-size:36px; } .hero-copy > p { font-size:16px; } main section .btn { display:flex; width:100%; max-width:320px; height:48px; min-height:48px; font-size:16px; padding:0 16px; white-space:nowrap; margin-inline:auto; } .games-toggle,.games-controls { display:none; } .games-window { max-height:none !important; overflow:visible; } .tile-grid { grid-template-columns:none; grid-template-rows:repeat(2,auto); grid-auto-flow:column; grid-auto-columns:40vw; gap:12px; overflow-x:auto; scrollbar-width:none; padding-bottom:4px; } .lane-arrow { position:absolute; right:4px; top:50%; transform:translateY(-50%); background:var(--action); box-shadow:0 2px 12px #0008; } .vip-pair,.seed-row,.fund-cols,.operator-cards,.support-cards { grid-template-columns:minmax(0,1fr); } .vip-pair > article,.seed-row > div,.fund-cols > div,.operator-cards > article,.support-cards > article { height:auto; } .pad,.paired { padding:18px; } .bottom-bar { display:flex; gap:12px; position:fixed; left:0; right:0; bottom:0; z-index:45; padding:12px 16px calc(12px + env(safe-area-inset-bottom,0px)); background:var(--bg-recessed); border-top:1px solid var(--border-dec); } .bottom-bar .btn { flex:1; min-width:0; height:48px; min-height:48px; padding:0 12px; font-size:16px; } .to-top { bottom:calc(var(--bar-height) + 12px); } .ledger { flex-direction:column; align-items:flex-start; } .footer-links { gap:12px 20px; } .footer-trust { align-self:center; } } .breadcrumbs { max-width:72ch; margin:var(--s5) auto 0; padding-inline:var(--s4); font-family:var(--font-ui); font-size:1rem; color:var(--text-2); } .breadcrumbs ol { font-family:var(--font-num); font-size:.8125rem; display:flex; flex-wrap:wrap; gap:var(--s2); max-width:none; margin:0; padding:0; list-style:none; } .breadcrumbs li { margin:0; } .breadcrumbs li + li::before { content:"›"; margin-right:var(--s2); } .doc.wrap { max-width:72ch; padding:var(--s6) var(--s4) var(--s8); overflow-wrap:anywhere; } .doc h1 { font-size:clamp(2rem,5vw,3rem); margin-bottom:var(--s5); } .doc h2 { margin-top:var(--s7); } .doc p,.doc ol { max-width:none; } .doc a { color:var(--link); text-decoration:underline; text-underline-offset:.18em; } .doc a:hover { color:var(--action-text); } .doc-card { margin-block:var(--s5); } .doc-card h3 { margin-top:0; } .doc-card > :last-child { margin-bottom:0; } .doc-cards { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); grid-auto-rows:1fr; gap:var(--s4); } .doc-cards .doc-card { margin:0; } .doc-steps li { margin-bottom:var(--s4); } @media (max-width:768px) { .doc-cards { grid-template-columns:1fr; grid-auto-rows:auto; } } @media (max-width:360px) { .inner-page .logo { width:88px; } .inner-page .header-actions .btn { font-size:12px; padding-inline:7px; } }