/* ==========================================================================
   SEO pages: visible page headings, site footer, item pages
   ========================================================================== */

/* Broken or still-loading images never print their alt text over the layout. */
img{color:transparent}

/* ---- Page headings ------------------------------------------------------- */
.cc-heading-nav .page-h1,
.cases-lobby .cc-heading .page-h1{flex:1;min-width:0;margin:0 20px;font-size:22px;font-weight:760;letter-spacing:-.02em;line-height:1.2;color:#f3f5fb;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.page-h1-block{margin:4px 0 18px;font-size:clamp(24px,3vw,30px);font-weight:760;letter-spacing:-.02em;line-height:1.15;color:#f3f5fb}
@media(max-width:900px){
  .cc-heading-nav .page-h1,.cases-lobby .cc-heading .page-h1{margin:2px 0;text-align:left;font-size:20px;white-space:normal}
}

/* Item name links inside case drop cards look like the old heading. */
.drop-item-link{color:inherit;text-decoration:none}
.drop-item-link:hover,.drop-item-link:focus-visible{color:#fff;text-decoration:underline;text-underline-offset:3px}

/* Drops catalogue cards that link to an item page. */
.ic-item>a.ic-item-main{display:block;width:100%;box-sizing:border-box;border:0;border-top:0;padding:14px;background:none;color:#edf2fa;text-decoration:none;font:inherit;text-align:left}
.ic-item>a.ic-item-main:hover{background:#a98bff0d}
.ic-item>a.ic-item-main>span{display:block;color:#b8c6db;margin-top:8px;font-size:14px}

/* ---- Site footer ----------------------------------------------------------- */
footer.site-footer{display:block;max-width:1708px;box-sizing:border-box;margin:48px auto 0;padding:34px 30px 30px;border-top:1px solid #243048;color:#aab4c6;font-size:14px;line-height:1.55;background:linear-gradient(180deg,#0b0f19cc,#080a12f2)}
.site-footer p{font-size:14px;margin:0}
.site-footer a{color:#d6ddea;text-decoration:none}
.site-footer a:hover,.site-footer a:focus-visible{color:#fff;text-decoration:underline;text-underline-offset:3px}
.site-footer h2,.site-footer h3{margin:0 0 12px;color:#fff;font-size:13px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.site-footer ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.sf-inner{display:grid;grid-template-columns:minmax(240px,1.3fr) repeat(4,minmax(140px,1fr));gap:28px}
.sf-brand .brand{font-size:18px;margin:0 0 12px}
.sf-brand p{max-width:360px;color:#aab4c6}
.sf-top{margin-top:32px;padding-top:26px;border-top:1px solid #1d2638}
.sf-top>h2{margin-bottom:16px}
.sf-top-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.sf-top-group,.sf-top-group li,.sf-top-group li a{min-width:0}
.sf-top-group ul{grid-template-columns:minmax(0,1fr)}
.sf-top-group h3{font-size:12px;color:#c9b8ff;margin-bottom:10px}
.sf-top-group h3 a{color:inherit}
.sf-top-group li a{display:flex;justify-content:space-between;gap:12px;padding:7px 10px;border:1px solid #1f2a3d;border-radius:8px;background:#0f1522}
.sf-top-group li a:hover{border-color:#3a4a66;background:#141c2c;text-decoration:none}
.sf-top-group li span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#dfe5f0}
.sf-top-group li b{flex:none;color:#7ee2b8;font-weight:750}
.sf-legal{display:flex;flex-wrap:wrap;align-items:center;gap:10px 20px;margin-top:28px;padding-top:20px;border-top:1px solid #1d2638;color:#aab4c6}
.sf-age{display:inline-grid;place-items:center;min-width:34px;height:28px;padding:0 6px;border:1px solid #4a5572;border-radius:6px;color:#fff;font-size:13px;font-weight:800}
.sf-copy{margin-left:auto!important;color:#8f9ab0}
@media(max-width:1100px){.sf-inner{grid-template-columns:repeat(4,minmax(0,1fr))}.sf-brand{grid-column:1/-1}.sf-top-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){footer.site-footer{margin:32px 0 0;padding:28px 16px 24px}.sf-inner{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.sf-top-grid{grid-template-columns:1fr}.sf-copy{margin-left:0!important}}
@media(max-width:420px){.sf-inner{grid-template-columns:1fr}}

/* ---- Item page --------------------------------------------------------------- */
.ip-page{--rarity:#8794aa;max-width:1240px;margin:24px auto 0;padding:0 24px;color:#eef2fa;font:15px/1.55 Inter,system-ui,sans-serif}
.ip-crumbs ol{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 16px;padding:0;list-style:none;font-size:13px;color:#98a4b8}
.ip-crumbs li+li::before{content:"/";margin-right:6px;color:#56627a}
.ip-crumbs a{color:#c5adff;text-decoration:none}
.ip-crumbs a:hover{text-decoration:underline}
.ip-hero{display:grid;grid-template-columns:minmax(260px,440px) minmax(0,1fr);gap:32px;align-items:center;padding:28px;border:1px solid #2b374b;border-radius:18px;background:radial-gradient(ellipse at 22% 50%,color-mix(in srgb,var(--rarity) 22%,transparent),transparent 60%),#0f1726}
.ip-art{position:relative;display:grid;place-items:center;aspect-ratio:4/3;border-radius:14px;background:radial-gradient(ellipse,#ffffff0d,transparent 70%)}
.ip-art::after{content:"";position:absolute;left:12%;right:12%;bottom:8%;height:3px;border-radius:3px;background:var(--rarity);opacity:.85}
.ip-art img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 18px 18px #0009)}
.ip-art>span{font-size:40px;color:#56627a}
.ip-kicker{display:inline-block;margin-bottom:8px;color:var(--rarity);font-size:13px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.ip-copy h1{margin:0 0 12px;font-size:clamp(26px,3.4vw,38px);line-height:1.12;letter-spacing:-.02em;font-weight:800}
.ip-lead{margin:0 0 20px;color:#c3cddd;max-width:640px}
.ip-stats{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr) minmax(0,1fr);gap:10px;margin:0 0 20px}
.ip-stats div{padding:12px 14px;border:1px solid #2b374b;border-radius:12px;background:#0b1220}
.ip-stats dt{color:#98a4b8;font-size:12px;font-weight:700;letter-spacing:.05em;text-transform:uppercase}
.ip-stats dd{margin:4px 0 0;font-size:18px;font-weight:800;color:#fff}
.ip-actions{display:flex;flex-wrap:wrap;gap:10px}
.ip-cta,.ip-ghost{display:inline-flex;align-items:center;min-height:44px;padding:0 18px;border-radius:10px;font-weight:750;text-decoration:none}
.ip-cta{background:#b69aff;color:#191127}
.ip-cta:hover{background:#c9b5ff}
.ip-ghost{border:1px solid #39465c;background:#172132;color:#dce5f3}
.ip-ghost:hover{border-color:#51607a;color:#fff}
.ip-section{margin-top:32px}
.ip-section h2{margin:0 0 6px;font-size:22px;letter-spacing:-.01em}
.ip-section>p{margin:0 0 14px;color:#a9b5c8}
.ip-cases{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:12px}
.ip-case{display:grid;grid-template-columns:88px minmax(0,1fr) auto;grid-template-rows:auto auto;gap:4px 14px;align-items:center;padding:12px 14px;border:1px solid #2b374b;border-radius:14px;background:#111a29;color:#eef2fa;text-decoration:none}
.ip-case:hover{border-color:#4a5a78;background:#152034}
.ip-case-art{grid-row:1/span 2;position:relative;display:block;width:88px;height:88px;overflow:hidden;border-radius:10px;background:#0b1220;pointer-events:none}
.ip-case-art>.map-art,.ip-case-art>.eco-thumb-art{display:block;position:absolute;left:0;top:0;width:290px;height:290px;transform:scale(.3035);transform-origin:top left}
.ip-case-name{min-width:0}
.ip-case-name strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ip-case-name small,.ip-case-chance small{display:block;color:#98a4b8;font-size:13px}
.ip-case-chance{text-align:right}
.ip-case-chance b{color:#7ee2b8;font-size:16px}
.ip-case-open{grid-column:2/-1;color:#c5adff;font-size:13px;font-weight:700}
.ip-table-wrap{overflow-x:auto;border:1px solid #2b374b;border-radius:14px}
.ip-table{width:100%;min-width:320px;border-collapse:collapse;background:#111a29}
.ip-table th,.ip-table td{padding:11px 16px;text-align:left;border-bottom:1px solid #202b3d}
.ip-table thead th{color:#98a4b8;font-size:12px;letter-spacing:.06em;text-transform:uppercase}
.ip-table tbody tr:last-child>*{border-bottom:0}
.ip-table td{font-weight:750;color:#fff}
.ip-related{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px}
.ip-rel{--rarity:#8794aa;display:grid;gap:6px;padding:12px;border:1px solid #2b374b;border-radius:14px;background:#111a29;color:#eef2fa;text-decoration:none;height:100%;box-sizing:border-box}
.ip-rel:hover{border-color:#4a5a78}
.ip-rel-art{display:grid;place-items:center;height:96px;border-bottom:2px solid var(--rarity);margin-bottom:4px}
.ip-rel-art img{max-width:100%;max-height:90px;object-fit:contain}
.ip-rel strong{font-size:14px;line-height:1.35}
.ip-rel b{color:#7ee2b8}
@media(max-width:860px){.ip-hero{grid-template-columns:1fr;padding:18px}.ip-art{max-width:420px;width:100%;margin:0 auto}}
@media(max-width:560px){.ip-page{padding:0 14px}.ip-stats{grid-template-columns:1fr}.ip-cases{grid-template-columns:1fr}}

/* ---- Public provably fair page ------------------------------------------------ */
.pfp{max-width:1080px;margin:28px auto 0;padding:0 24px;color:#eef2fa;font:16px/1.6 Inter,system-ui,sans-serif}
.pfp-hero{padding:34px 34px 30px;border:1px solid #2b374b;border-radius:18px;background:radial-gradient(ellipse at 85% 0%,#b69aff26,transparent 55%),#0f1726}
.pfp-hero h1{margin:0 0 12px;font-size:clamp(28px,4vw,42px);line-height:1.1;letter-spacing:-.02em;font-weight:800}
.pfp-hero p{margin:0 0 20px;max-width:70ch;color:#c3cddd}
.pfp-own{display:inline-flex;align-items:center;min-height:44px;padding:0 18px;border-radius:10px;background:#b69aff;color:#191127;font-weight:750;text-decoration:none}
.pfp-own:hover{background:#c9b5ff}
.pfp-section{margin-top:40px}
.pfp-section>h2{margin:0 0 14px;font-size:24px;letter-spacing:-.01em}
.pfp-section>p{margin:0 0 16px;color:#b2bfd1;max-width:70ch}
.pfp-steps{list-style:none;counter-reset:step;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.pfp-steps li{counter-increment:step;position:relative;padding:20px 20px 18px 20px;border:1px solid #2b374b;border-radius:14px;background:#111a29}
.pfp-steps li::before{content:counter(step);display:inline-grid;place-items:center;width:30px;height:30px;margin-bottom:10px;border-radius:50%;background:#b69aff;color:#191127;font-weight:800}
.pfp-steps strong{display:block;margin-bottom:6px;font-size:17px}
.pfp-steps p{margin:0;color:#b8c4d6;font-size:15px}
.pfp-formula{margin-top:14px;padding:18px 20px;border:1px solid #2b374b;border-radius:14px;background:#0b1220}
.pfp-formula pre{margin:0 0 10px;overflow-x:auto}
.pfp-formula code,.pfp-game code,.pfp-offline code{font:14px/1.6 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;color:#d9ccff}
.pfp-formula p{margin:0;color:#98a4b8;font-size:14px}
.pfp-games{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px}
.pfp-game{padding:18px 20px;border:1px solid #2b374b;border-radius:14px;background:#111a29}
.pfp-game h3{margin:0 0 6px;font-size:17px}
.pfp-game p{margin:0 0 10px;color:#b8c4d6;font-size:15px}
.pfp-game code{display:block;padding:8px 10px;border-radius:8px;background:#0b1220;font-size:13px;white-space:normal}
.pfp-verify{padding:26px;border:1px solid #2b374b;border-radius:18px;background:#0f1726}
.pfp-form{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.pfp-form label{display:grid;gap:6px;color:#c3cddd;font-size:14px;font-weight:650}
.pfp-form label.wide{grid-column:span 2}
.pfp-form input,.pfp-form select{width:100%;box-sizing:border-box;min-height:44px;padding:10px 12px;border:1px solid #354259;border-radius:10px;background:#111a29;color:#edf2fa;font:15px Inter,system-ui,sans-serif}
.pfp-form input:focus-visible,.pfp-form select:focus-visible,.pfp-form button:focus-visible,.pfp-own:focus-visible,.pfp-faq summary:focus-visible{outline:2px solid #ccb8ff;outline-offset:2px}
.pfp-extra{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.pfp-extra[hidden]{display:none}
.pfp-form button{min-height:44px;padding:0 18px;border:1px solid #39465c;border-radius:10px;background:#172132;color:#dce5f3;font:700 15px Inter,system-ui,sans-serif;cursor:pointer}
.pfp-form .pfp-run{grid-column:1/-1;justify-self:start;background:#b69aff;border-color:#b69aff;color:#191127}
.pfp-result{margin-top:20px;padding:18px 20px;border:1px solid #2b374b;border-radius:14px;background:#0b1220}
.pfp-error{margin:10px 0 0;color:#ff9b9b}
.pfp-result>.pfp-error:first-child{margin-top:0}
.pfp-rows{margin:0;display:grid;gap:10px}
.pfp-row dt{color:#98a4b8;font-size:13px;font-weight:700}
.pfp-row dd{margin:2px 0 0;display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px}
.pfp-row code{font:13px/1.5 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;color:#e6ecf7;word-break:break-all}
.pfp-row b{font-size:13px;padding:2px 8px;border-radius:6px}
.pfp-row b.ok{background:#16382c;color:#7ee2b8}
.pfp-row b.bad{background:#3d1b22;color:#ff9b9b}
.pfp-roll{display:flex;align-items:baseline;gap:12px;margin-top:16px;padding-top:14px;border-top:1px solid #1f2a3d}
.pfp-roll span{color:#98a4b8;font-weight:700}
.pfp-roll strong{font:800 24px ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;color:#fff}
.pfp-note{margin:12px 0 0;color:#dfe5f0}
.pfp-offline{margin-top:16px;color:#b2bfd1}
.pfp-offline summary{cursor:pointer;font-weight:700;color:#c5adff}
.pfp-offline pre{overflow-x:auto;padding:12px;border-radius:10px;background:#0b1220}
.pfp-faq{display:grid;gap:10px}
.pfp-faq details{border:1px solid #2b374b;border-radius:12px;background:#111a29}
.pfp-faq summary{cursor:pointer;padding:14px 18px;list-style-position:inside}
.pfp-faq summary h3{display:inline;margin:0;font-size:16px}
.pfp-faq p{margin:0;padding:0 18px 16px;color:#b8c4d6}
@media(max-width:860px){.pfp-steps{grid-template-columns:1fr}.pfp-form,.pfp-extra{grid-template-columns:repeat(2,minmax(0,1fr))}.pfp-form label.wide{grid-column:1/-1}}
@media(max-width:560px){.pfp{padding:0 14px}.pfp-hero,.pfp-verify{padding:20px}.pfp-form,.pfp-extra{grid-template-columns:1fr}}

/* ---- Item price history ---------------------------------------------------------- */
.ph-summary{max-width:75ch;color:#c3cddd!important}
.ph-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin:0 0 16px}
.ph-stats div{padding:12px 14px;border:1px solid #2b374b;border-radius:12px;background:#111a29}
.ph-stats dt{color:#98a4b8;font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}
.ph-stats dd{margin:4px 0 0;font-size:20px;font-weight:800;color:#fff}
.ph-stats small{color:#98a4b8;font-size:13px}
.ph-change.up dd{color:#7ee2b8}.ph-change.down dd{color:#ff9b9b}
.ph-figure{margin:0 0 16px;padding:14px 14px 10px;border:1px solid #2b374b;border-radius:14px;background:#0b1220}
.ph-chart{display:block;width:100%;height:auto;max-height:300px}
.ph-grid{stroke:#1f2a3d;stroke-width:1}
.ph-axis{fill:#8f9ab0;font:12px Inter,system-ui,sans-serif}
.ph-line{fill:none;stroke:#b69aff;stroke-width:2.5;stroke-linejoin:round;vector-effect:non-scaling-stroke}
.ph-range{stroke:#4d5d7c;stroke-width:6;stroke-linecap:round;vector-effect:non-scaling-stroke}
.ph-dot{fill:#b69aff;stroke:#0b1220;stroke-width:2}
.ph-figure figcaption{margin-top:6px;color:#98a4b8;font-size:13px}
.ph-table td{font-weight:650}
.ph-source{margin:12px 0 0!important;color:#8f9ab0!important;font-size:13px}
.ph-source a{color:#c5adff}
@media(max-width:620px){.ph-figure{overflow-x:auto}.ph-chart{min-width:560px}}

/* Provably fair v2: game chips, own-round picker, check list */
.pfp-verify>p a{color:#c5adff}
.pfp-chips{display:flex;flex-wrap:wrap;gap:8px}
.pfp-chip{position:relative;display:inline-flex}
.pfp-chip input{position:absolute;inset:0;opacity:0;margin:0;cursor:pointer}
.pfp-chip span{display:inline-flex;align-items:center;min-height:40px;padding:0 16px;border:1px solid #354259;border-radius:999px;background:#131c2c;color:#c9d3e3;font-weight:650;font-size:14px;transition:background .15s,border-color .15s,color .15s}
.pfp-chip input:hover+span{border-color:#51607a;color:#fff}
.pfp-chip input:checked+span{background:#b69aff;border-color:#b69aff;color:#191127}
.pfp-chip input:focus-visible+span{outline:2px solid #ccb8ff;outline-offset:2px}
.pfp-mine{display:grid;gap:14px}
.pfp-rounds{list-style:none;margin:0;padding:0;display:grid;gap:8px;max-height:420px;overflow-y:auto;scrollbar-width:thin}
.pfp-rounds-empty{padding:16px;border:1px dashed #2b374b;border-radius:12px;color:#98a4b8}
.pfp-round{display:grid;grid-template-columns:48px minmax(0,1fr) auto auto;align-items:center;gap:14px;width:100%;padding:10px 14px;border:1px solid #2b374b;border-radius:12px;background:#111a29;color:#eef2fa;font:inherit;text-align:left;cursor:pointer}
.pfp-round:hover{border-color:#4a5a78;background:#152034}
.pfp-round[aria-pressed="true"]{border-color:#b69aff;background:#1a1733}
.pfp-round:focus-visible{outline:2px solid #ccb8ff;outline-offset:2px}
.pfp-round-art{display:grid;place-items:center;width:48px;height:48px;border-radius:10px;background:#0b1220;overflow:hidden;color:#56627a;font-weight:800}
.pfp-round-art img{width:100%;height:100%;object-fit:contain}
.pfp-round-copy{min-width:0}
.pfp-round-copy strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pfp-round-copy small{display:block;color:#98a4b8;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pfp-round-value{font-weight:750;color:#7ee2b8}
.pfp-round-go{padding:6px 12px;border-radius:8px;background:#1f2940;color:#d9ccff;font-size:13px;font-weight:700}
.pfp-manual{margin-top:18px;border:1px solid #2b374b;border-radius:14px;background:#0b1220}
.pfp-manual>summary{cursor:pointer;padding:14px 18px;font-weight:700;color:#dfe5f0}
.pfp-manual[open]>summary{border-bottom:1px solid #1f2a3d}
.pfp-manual .pfp-form{padding:18px}
.pfp-fieldset{grid-column:1/-1;margin:0;padding:0;border:0;min-width:0}
.pfp-fieldset legend{margin-bottom:8px;color:#c3cddd;font-size:14px;font-weight:650}
.pfp-result[hidden]{display:none}
.pfp-result-title{margin:0 0 6px;font-size:17px}
.pfp-verdict{margin:0 0 10px;padding:10px 14px;border-radius:10px;font-weight:700}
.pfp-verdict.ok{background:#12302a;color:#7ee2b8}
.pfp-verdict.bad{background:#3a1a22;color:#ff9b9b}
.pfp-checks{list-style:none;margin:14px 0 0;padding:0;display:grid;gap:8px}
.pfp-check{display:grid;grid-template-columns:26px minmax(0,1fr);gap:10px;align-items:start}
.pfp-check>span{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;font-size:13px;font-weight:800}
.pfp-check.ok>span{background:#16382c;color:#7ee2b8}.pfp-check.bad>span{background:#3d1b22;color:#ff9b9b}.pfp-check.info>span{background:#1f2940;color:#98a4b8}
.pfp-check b{display:block;font-weight:650}
.pfp-check code{display:block;margin-top:2px;font:12px/1.5 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;color:#98a4b8;word-break:break-all}
.pfp-workings{margin-top:14px}
.pfp-workings summary{cursor:pointer;color:#c5adff;font-weight:700}
.pfp-workings .pfp-rows{margin-top:10px}
@media(max-width:560px){.pfp-round{grid-template-columns:40px minmax(0,1fr) auto}.pfp-round-art{width:40px;height:40px}.pfp-round-go{display:none}}
.pfp-round-value.zero{color:#8f9ab0}

/* ---- Per-game pages -------------------------------------------------------------- */
.cc-filter-hub a{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;text-decoration:none}
.page-intro{max-width:82ch;margin:-4px 2px 16px;color:#aab4c6;font-size:14px;line-height:1.55}
.gp-top{margin-top:30px}
.gp-top[hidden]{display:none}
.gp-top-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:8px 16px;margin-bottom:14px}
.gp-top-head h2{margin:0;font-size:20px;color:#f3f5fb;letter-spacing:-.01em}
.gp-top-head a{color:#c5adff;font-weight:650;text-decoration:none}
.gp-top-head a:hover{text-decoration:underline}
.gp-top .ic-item{background:#111a29}
.gp-top .ic-item strong{color:#edf2fa}
.ic-games a,.eco-creator .game-filter-row a{display:inline-flex;align-items:center;justify-content:center;gap:6px;box-sizing:border-box;text-decoration:none}
.sf-hubs{display:flex;flex-wrap:wrap;gap:4px 12px;margin:10px 0 0!important;font-size:13px!important}
.sf-hubs a{color:#aab4c6}

/* ---- Footer legal links --------------------------------------------------------- */
.sf-legal-links{display:flex;flex-wrap:wrap;gap:6px 18px}
.sf-legal-links a{color:#c9d3e3;font-size:14px}

/* ---- Information pages ------------------------------------------------------------ */
.info-page{display:grid;grid-template-columns:230px minmax(0,1fr);gap:36px;max-width:1120px;margin:30px auto 0;padding:0 24px;color:#e7ecf5;font:16px/1.7 Inter,system-ui,sans-serif}
.info-side{position:relative;min-width:0}
.info-nav{position:sticky;top:90px;display:grid;gap:4px;padding:10px;border:1px solid #2b374b;border-radius:14px;background:#0f1726}
.info-nav a{display:block;padding:9px 12px;border-radius:9px;color:#b8c4d6;font-size:15px;font-weight:600;text-decoration:none;line-height:1.3}
.info-nav a:hover{background:#172234;color:#fff}
.info-nav a[aria-current="page"]{background:#b69aff;color:#191127}
.info-nav a:focus-visible{outline:2px solid #ccb8ff;outline-offset:2px}
.info-main{min-width:0;padding:34px 40px 40px;border:1px solid #2b374b;border-radius:18px;background:#0f1726}
.info-head{margin-bottom:8px}
.info-kicker{color:#c5adff;font-size:13px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.info-head h1{margin:4px 0 0;font-size:clamp(28px,3.4vw,40px);line-height:1.12;letter-spacing:-.02em}
.info-body{max-width:74ch}
.info-body h2{margin:34px 0 10px;font-size:22px;line-height:1.3;letter-spacing:-.01em;color:#fff;scroll-margin-top:90px}
.info-body p{margin:0 0 14px;color:#c9d3e3}
.info-body ul{margin:0 0 16px;padding-left:22px;color:#c9d3e3}
.info-body li{margin:0 0 8px}
.info-body li strong,.info-body p strong{color:#fff}
.info-body a{color:#c5adff}
.info-body a:hover{color:#dccfff}
.info-lead{font-size:18px;line-height:1.6;color:#dfe5f0!important;margin-top:14px!important}
.info-updated{margin:14px 0 0!important;color:#98a4b8!important;font-size:14px}
.info-points{list-style:none;padding:0!important}
.info-points li{position:relative;padding-left:20px}
.info-points li::before{content:"";position:absolute;left:2px;top:.72em;width:7px;height:7px;border-radius:50%;background:#b69aff}
.info-toc{margin:18px 0 8px;padding:16px 20px;border:1px solid #2b374b;border-radius:14px;background:#0b1220}
.info-toc ol{margin:0;padding-left:20px;columns:2;column-gap:30px;font-size:15px}
.info-toc li{margin:0 0 6px;break-inside:avoid}
.info-help li{margin-bottom:10px}
.info-contact{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;margin:22px 0 10px}
.info-contact-card{display:grid;gap:4px;padding:18px 20px;border:1px solid #2b374b;border-radius:14px;background:#111a29;text-decoration:none}
.info-contact-card:hover{border-color:#4a5a78;background:#152034}
.info-contact-card span{color:#98a4b8;font-size:13px;font-weight:700;letter-spacing:.05em;text-transform:uppercase}
.info-contact-card strong{color:#fff;font-size:18px;word-break:break-all}
.info-contact-card small{color:#b2bfd1;font-size:14px;line-height:1.5}
.info-main.is-loading{opacity:.6;transition:opacity .15s}
@media(max-width:900px){.info-page{grid-template-columns:1fr;gap:16px}.info-nav{position:static;display:flex;overflow-x:auto;scrollbar-width:none;padding:6px}.info-nav::-webkit-scrollbar{display:none}.info-nav a{white-space:nowrap}.info-main{padding:24px 22px 28px}}
@media(max-width:560px){.info-page{padding:0 12px;margin-top:18px}.info-toc ol{columns:1}.info-lead{font-size:17px}}

/* ---- Game explainers ("How X works") ------------------------------------------ */
.game-guide{max-width:1708px;margin:48px auto 0;padding:0 clamp(0px,1vw,12px)}
.guide-inner{padding:30px 32px 26px;border:1px solid #243048;border-radius:18px;background:linear-gradient(180deg,#0f1726e6,#0b1120f2);color:#dfe5f0;font:15px/1.65 Inter,system-ui,sans-serif}
.game-guide h2{margin:0 0 8px;font-size:clamp(22px,2.4vw,28px);letter-spacing:-.015em;color:#fff}
.guide-intro{max-width:80ch;margin:0 0 20px;color:#c3cddd;font-size:16px}
.guide-steps{list-style:none;counter-reset:gs;margin:0 0 22px;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}
.guide-steps li{counter-increment:gs;padding:16px 18px;border:1px solid #2b374b;border-radius:14px;background:#111a29}
.guide-steps li::before{content:counter(gs);display:inline-grid;place-items:center;width:28px;height:28px;margin-bottom:8px;border-radius:50%;background:#b69aff;color:#191127;font-weight:800;font-size:14px}
.guide-steps strong{display:block;margin-bottom:4px;color:#fff;font-size:16px}
.guide-steps p{margin:0;color:#b8c4d6;font-size:14.5px}
.guide-cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:22px}
.game-guide h3{margin:0 0 10px;font-size:15px;letter-spacing:.06em;text-transform:uppercase;color:#c9b8ff}
.guide-notes ul{margin:0;padding-left:20px;color:#c3cddd}
.guide-notes li{margin-bottom:8px}
.guide-faq details,.info-faq details{border:1px solid #2b374b;border-radius:12px;background:#111a29;margin-bottom:8px}
.guide-faq summary,.info-faq summary{cursor:pointer;padding:12px 16px;font-weight:650;color:#eef2fa}
.guide-faq summary:focus-visible,.info-faq summary:focus-visible{outline:2px solid #ccb8ff;outline-offset:2px;border-radius:12px}
.guide-faq details p,.info-faq details p{margin:0;padding:0 16px 14px;color:#b8c4d6}
.guide-more{display:flex;flex-wrap:wrap;gap:6px 18px;margin:18px 0 0;padding-top:14px;border-top:1px solid #1f2a3d;color:#98a4b8;font-size:14px}
.guide-more a{color:#c5adff;text-decoration:none}
.guide-more a:hover{text-decoration:underline}
.info-faq{margin-bottom:6px}
.info-faq-play{margin:-4px 0 10px!important;font-size:14px}
@media(max-width:620px){.game-guide{margin-top:32px}.guide-inner{padding:22px 18px}}

/* Contact page: support ticket card with a button (no support email) */
.info-support-card small{margin-bottom:10px}
.info-support-btn{justify-self:start;display:inline-flex;align-items:center;gap:8px;min-height:42px;padding:0 20px;border-radius:10px;background:linear-gradient(180deg,#8f74ff,var(--accent,#7b5cff));color:#fff!important;font-weight:800;font-size:14px;text-decoration:none!important;box-shadow:0 6px 18px rgba(123,92,255,.28);transition:filter .15s,transform .12s}
.info-support-btn:hover{filter:brightness(1.07)}
.info-support-btn:active{transform:translateY(1px)}
.info-support-btn:focus-visible{outline:2px solid #c5adff;outline-offset:2px}