/* ==========================================================================
   GAMBLETOOLBOX STRUCTURAL BASE
   Layout and interaction only. Visual tokens live in the single light theme
   below; the original dark Workbench palette has been removed.
   ========================================================================== */
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;min-width:280px;line-height:1.5}
button,input,select,textarea{font:inherit}
button{cursor:pointer}
button:disabled{cursor:not-allowed;opacity:.44}
a{text-decoration:none;color:inherit}
p,h1,h2,h3{margin:0}
p{line-height:1.62}
.wrap{width:min(1210px,calc(100% - 76px));margin-inline:auto}
.nav{min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.nav-links{display:flex;align-items:center;justify-content:flex-end;gap:25px;flex:1 1 auto;min-width:0;margin-left:auto;flex-wrap:nowrap}
.nav-links>a,.nav-links>details{flex:0 0 auto}
.logo{display:inline-flex;align-items:center;gap:12px;flex-shrink:0}
.logo-square{display:grid;place-items:center}
.top-strip .wrap{display:flex;justify-content:space-between;gap:15px}
.hero-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);align-items:end;gap:50px;margin-top:28px}
.hero-summary{max-width:460px}
.hero-stats{display:flex;gap:35px;margin-top:32px;padding-top:24px}
.section{padding:0 0 90px}
.section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;padding:0 0 20px;margin-bottom:28px}
.tools-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}
.tool-card{display:flex;flex-direction:column;min-height:265px;padding:25px;position:relative;overflow:hidden}
.tool-card .tool-top{display:flex;justify-content:space-between;align-items:center;gap:9px;margin-bottom:45px}
.tool-card p{margin-bottom:20px}
.tool-card.featured:after{position:absolute;right:27px;top:41px;pointer-events:none}
.method-banner{margin-bottom:84px;display:flex;align-items:center;justify-content:space-between;gap:30px;padding:31px 37px}
.method-banner p{font-size:13px;max-width:750px}
.method-banner a{white-space:nowrap;padding:13px 18px}
.site-footer{padding:31px 0 40px}
.footer-line{display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:12px}
.breadcrumb{margin-top:32px;display:flex;align-items:center;gap:10px}
.tool-hero{display:flex;justify-content:space-between;align-items:flex-end;gap:32px;padding:44px 0 28px}
.tool-hero p{max-width:690px;margin-top:17px;font-size:15px}
.hero-side{display:flex;flex-direction:column;align-items:flex-end;gap:12px;flex-shrink:0}
.workspace{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(300px,1fr);gap:16px;align-items:stretch;margin-bottom:26px}
.panel{padding:26px;min-width:0}
.panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:22px;margin-bottom:28px}
.control-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}
.control-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}
.field{display:flex;flex-direction:column;gap:7px;min-width:0}
.field label{font-size:12px;font-weight:700;display:flex;justify-content:space-between;gap:7px}
.field input,.field select,.field textarea{width:100%;padding:12px 13px;min-height:46px;outline:none;font-variant-numeric:tabular-nums}
.field input[type=range]{padding:0;min-height:18px}
.field textarea{resize:vertical;min-height:88px;font-size:12px;word-break:break-word}
.field small{font-size:10px}
.form-section{padding-top:22px;margin-top:24px}
.form-section:first-child{margin-top:0;padding-top:0}
.btn-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:23px}
.btn{min-height:46px;padding:11px 17px}
.btn:active{transform:translateY(2px)}
.pill-row{display:flex;gap:5px}
.pill{flex:1;min-height:43px;padding:7px}
.metric-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:24px}
.metric{padding:14px;min-height:92px;overflow:hidden}
.metric label{display:block;margin-bottom:6px}
.big-metric{margin:4px 0 15px;overflow-wrap:anywhere}
.panel-note{font-size:12px;padding-top:17px;margin-top:20px}
.status{margin-top:20px;padding:13px 15px;font-size:12px;min-height:46px}
.mine-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;max-width:470px;margin:25px auto 10px}
.mine-tile{aspect-ratio:1;display:grid;place-items:center;min-width:0;padding:0}
.mine-tile:after{content:'';opacity:0}
.mine-tile.safe:after{content:'✓';opacity:1}
.mine-tile.bomb:after,.mine-tile.reveal-bomb:after{content:'✹'}
.mine-tile.reveal-bomb:after{opacity:.55}
.mine-tile:disabled{opacity:1}
.mine-stage{padding:12px 19px 23px}
.stage-caption{display:flex;justify-content:space-between;gap:20px}
.plinko-canvas{width:100%;height:470px;display:block}
.plinko-legend{display:flex;justify-content:space-between;gap:10px;margin-top:12px}
.histogram{display:flex;align-items:flex-end;gap:3px;min-height:106px;margin-top:16px}
.hist-bin{flex:1;min-height:2px;position:relative}
.hist-bin small{position:absolute;left:50%;transform:translateX(-50%);bottom:-18px}
.stats-list{display:flex;flex-direction:column;gap:0;margin-top:21px}
.stats-list div{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 0}
.dice-track{height:100px;position:relative;overflow:hidden;margin:30px 0 18px}
.dice-zone{height:100%;position:absolute}
.dice-needle{position:absolute;top:0;bottom:0;width:3px;z-index:2;transition:left .3s}
.dice-readout{position:absolute;z-index:3;top:50%;left:50%;transform:translate(-50%,-50%)}
.dice-axis{display:flex;justify-content:space-between}
.outcome-history{display:flex;flex-wrap:wrap;gap:6px;margin-top:20px;min-height:31px}
.crash-screen{min-height:323px;padding:22px;position:relative;overflow:hidden}
.crash-svg{width:100%;height:190px;display:block}
.crash-screen .hint{margin-top:10px}
.crash-dots{display:flex;flex-wrap:wrap;gap:7px;margin-top:16px}
.pf-result{overflow-wrap:anywhere;margin-top:22px;padding-top:22px}
.hash-value{word-break:break-all;padding:13px}
.path{display:flex;gap:5px;flex-wrap:wrap;margin:15px 0}
.path span{min-width:29px;height:30px;display:grid;place-items:center}
.progress-outer{height:20px;overflow:hidden;margin:14px 0}
.progress-inner{height:100%;min-width:0%;transition:width .2s}
.two-column-summary{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:18px}
.summary-card{padding:18px}
.summary-card label{font-size:11px;display:block}
.tool-explain{margin:26px 0 84px;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:35px;padding-top:32px}
.tool-explain p{font-size:14px;margin-bottom:14px}
.tool-explain a{text-decoration:underline;text-underline-offset:3px}
.formula-box{padding:24px;overflow-wrap:anywhere}
.fineprint{font-size:11px!important}
.method{max-width:865px;padding:65px 0 120px}
.method h1{line-height:1;margin:20px 0 33px}
.method h2{margin:45px 0 12px}
.method p{margin:15px 0}
.method ul{padding-left:22px}
.method li{margin:8px 0}
.method a{text-decoration:underline}
.internal-links{display:flex;flex-wrap:wrap;gap:9px;padding-top:18px;margin-top:30px}
.internal-links a{padding:9px 12px;font-size:12px}
.show-mobile{display:none}
@media(max-width:1040px){
 .wrap{width:calc(100% - 42px)}
 .tools-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .workspace{grid-template-columns:minmax(0,1.25fr) minmax(290px,1fr)}
 .panel{padding:20px}
 .hero-grid{gap:24px}
}
@media(max-width:760px){
 .nav{min-height:64px}
 .nav-links .nav-label{display:none}
 .hero-grid{grid-template-columns:1fr;gap:25px}
 .hero-summary{max-width:610px}
 .tools-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .method-banner{align-items:flex-start;flex-direction:column}
 .tool-hero{padding:35px 0 25px;display:block}
 .hero-side{align-items:flex-start;margin-top:20px}
 .workspace{grid-template-columns:1fr}
 .plinko-canvas{height:430px}
 .tool-explain{grid-template-columns:1fr;gap:15px}
 .show-mobile{display:initial}
}
@media(max-width:560px){
 .wrap{width:calc(100% - 26px)}
 .nav-links .hide-small{display:none}
 .top-strip .right-side{display:none}
 .section{padding-bottom:50px}
 .section-head small{display:none}
 .tools-grid{grid-template-columns:1fr;gap:12px}
 .tool-card{min-height:205px;padding:21px}
 .tool-card .tool-top{margin-bottom:20px}
 .method-banner{padding:23px;margin-bottom:46px}
 .panel{padding:16px}
 .panel-head{margin-bottom:18px}
 .control-grid{gap:12px}
 .control-grid.three{grid-template-columns:repeat(2,minmax(0,1fr))}
 .mine-grid{gap:5px}
 .plinko-canvas{height:360px}
 .metric-grid{gap:8px}
 .metric{padding:11px;min-height:80px}
 .tool-explain{margin-bottom:49px}
 .footer-line{display:block}
 .footer-line span{display:block;margin-top:10px}
}
@media(max-width:370px){
 .wrap{width:calc(100% - 18px)}
 .control-grid.three{grid-template-columns:1fr 1fr}
 .panel{padding:12px}
 .plinko-canvas{height:310px}
 .btn{padding:9px 12px}
}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}

/* GambleToolbox palette v0.8 — reference: F4F2F3 / C0A9BD / 94A7AE / 64766A.
   Primary information surfaces are light. Interactive games retain a dark-sage
   workbench for contrast, clear virtual-credit feedback, and legible controls. */
:root {
  --bg: #F4F2F3;
  --ink: #23362E;
  --muted: #64766A;
  --card: #fffdfd;
  --card2: #edf0ee;
  --accent: #53695A;
  --border: #d6dcd7;
  --dark: #263B35;
  --orange: #9b654b;
  --red: #b25162;
  --cyan: #617f8b;
  color: var(--ink);
  background: var(--bg);
}
body {
  background: radial-gradient(ellipse 65% 390px at 93% 0%,rgba(192,169,189,.23),transparent 74%),
              radial-gradient(ellipse 55% 350px at 5% 0%,rgba(148,167,174,.15),transparent 72%),#F4F2F3;
  color: #23362E;
}
::selection { background: #C0A9BD; color: #26342d; }
a:hover {color:#53695A}
button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible {outline:3px solid #94A7AE;outline-offset:3px}
.site-header {background:rgba(249,248,248,.95);border-bottom:1px solid #dbded9;box-shadow:0 6px 28px rgba(37,58,52,.035)}
.logo {color:#21362f;letter-spacing:-.065em}
.logo-square {background:#64766A;color:#fff;border-radius:11px;box-shadow:0 3px 8px rgba(51,80,66,.17)}
.logo em{color:#64766A}
.nav-links {color:#495d53}
.nav-links a.active {color:#344f3d}
.nav-links a.active:after{content:'';display:block;height:2px;background:#64766A;margin-top:5px}
.nav-label {color:#596f64;border-color:#c9d2ca;background:#eef1ed}
.top-strip {background:#e9e6e9;color:#55655c;border-bottom:1px solid #d9d6d8}
.light-dot {background:#64766A;box-shadow:none}
.eyebrow {color:#586f5c;letter-spacing:.16em}
.eyebrow .rule {height:2px;background:#64766A}
.hero {position:relative}
.hero h1{color:#24372e;max-width:780px}
.hero h1 span{color:#64766A}
.hero-summary p {color:#56645e}
.hero-summary strong {color:#25372d}
.hero-stats {border-top-color:#cdd4cd}
.hero-stats strong {color:#23362e}
.mini-pill {color:#455e4a;border-color:#b9c9b5;background:#e9f0e8}
.section-head {border-bottom-color:#d0d7d2}
.section-head h2 {color:#24362d}
.tool-card {background:#fffdfd;border:1px solid #d8dcd8;border-radius:14px;box-shadow:0 9px 24px rgba(52,71,66,.035)}
.tool-card:hover {background:#fff;border-color:#64766A;box-shadow:0 19px 38px rgba(52,71,66,.12)}
.tool-card.featured {background:linear-gradient(142deg,#fffefa 20%,#eef0ed 100%)}
.tool-card.featured:nth-child(2){background:linear-gradient(150deg,#fffdfd 10%,#f3eaf1 100%)}
.tool-card.featured:nth-child(3){background:linear-gradient(150deg,#fff 10%,#e6eef1 100%)}
.tool-number,.tool-arrow {color:#536e5a}
.tool-category {border-color:#dde2dd;color:#586a61;background:rgba(255,255,255,.55)}
.tool-card h3 {color:#26372f}
.tool-card p {color:#647168}
.tool-card.featured:after{opacity:.035;color:#64766A}
.method-banner {background:#C0A9BD;color:#29312d;border-radius:14px}
.method-banner a {border-color:#53605a;border-radius:8px}
.method-banner a:hover {color:#26352b;background:#d2bbce}
.site-footer {border-top-color:#d3d7d2;background:rgba(255,255,255,.35)}
.footer-line {color:#69776e}
.footer-line a {color:#475e50}
.breadcrumb{color:#6c7a70}
.breadcrumb b {color:#31453b}
.tool-hero h1 {color:#24362d}
.tool-hero p {color:#64736b}
.metric-tag {border:1px solid #c5d0c6;color:#46664f;background:#eef3ee;border-radius:100px}
.panel {background:#fffdfd;border-color:#d8ded8;border-radius:13px;color:#26372f;box-shadow:0 12px 35px rgba(44,62,56,.045)}
.panel.alt {background:#293e38;color:#f4f5f2;border-color:#293e38}
.panel-head h2 {color:#4b6355}
.panel.alt .panel-head h2 {color:#e4ede7}
.panel.alt .tiny {color:#bbc9c1}
.panel.alt .green {color:#e7ccdf}
.tiny {color:#6e7e73}
.green {color:#536e59}
.muted {color:#65776b}
.warn {color:#a66c4d}
.red {color:#ad5361}
.panel.alt .field label{color:#e1e9df}
.panel.alt .field label span{color:#dfc7dc}
.panel.alt .field input,.panel.alt .field select,.panel.alt .field textarea {background:#f7f8f6;color:#293b31;border:1px solid #a9b8aa;border-radius:7px}
.panel.alt .field input:disabled {background:#e4e8e2;color:#596c5c}
.panel.alt .field input[type=range]{background:transparent;border:0;accent-color:#C0A9BD}
.panel.alt .field small{color:#c0cfc3}
.panel.alt .form-section{border-top-color:#4a6258}
.btn {background:#e8ede8;color:#2d4637;border:1px solid #c7d1c7;border-radius:8px}
.btn:hover:not(:disabled) {background:#dce4dc}
.btn.primary {background:#64766A;border-color:#64766A;color:#fff}
.btn.primary:hover:not(:disabled){background:#4b6153;color:#fff}
.panel.alt .btn {background:#3e564d;color:#f5f5f0;border-color:#6b8779}
.panel.alt .btn.primary {background:#C0A9BD;border-color:#C0A9BD;color:#25342f}
.panel.alt .btn.primary:hover:not(:disabled) {background:#d1bbce;color:#26342e}
.panel.alt .btn.subtle {background:transparent;border-color:#678174;color:#dce5db}
.panel.alt .btn.subtle:hover:not(:disabled){background:#425d51}
.panel.alt .btn.danger {border-color:#b9888d;color:#ffe2dd}
.pill {background:#3e574f;border:1px solid #6e8478;color:#e8eee7}
.pill.selected {background:#C0A9BD;border-color:#C0A9BD;color:#23372f}
.metric {border:1px solid #e1e5e0;background:#f5f7f5;border-radius:9px}
.metric.accent {background:#ecefec}
.metric label {color:#69796f}
.metric strong {color:#2d4337}
.metric.accent strong,.big-metric {color:#536a58}
.panel-note {color:#64746b;border-top-color:#dfe5df}
.panel-note strong {color:#273a2e}
.panel.alt .panel-note {color:#b9cac0;border-top-color:#52685e}
.panel.alt .panel-note strong{color:#fff}
.status {background:#dce8df;border-left:3px solid #64766A;color:#32493b;border-radius:0 8px 8px 0}
.status.error {background:#f9e8e8;color:#8c414b;border-color:#b25162}
.panel.alt .status {background:#3e5b4f;color:#eaf5eb;border-color:#C0A9BD}
.panel.alt .status.error {background:#60494e;color:#ffe3e7;border-color:#efb8ba}
.mine-stage {border-color:#61796c;background:radial-gradient(ellipse 75% 85% at 50% 15%,#536d5e,#2f4640 75%)}
.mine-tile {background:#547066;border-color:#7f9a8c;border-bottom-color:#213a33;color:#d7e2d9}
.mine-tile:hover:not(:disabled) {background:#6e8a7a}
.mine-tile.safe {background:#b7c9b9;color:#1c4533;border-color:#d1e0d0;border-bottom-color:#77947b}
.mine-tile.bomb {background:#d08994;color:#412e36;border-bottom-color:#99545b}
.mine-tile.reveal-bomb {background:#885c63;border-bottom-color:#594149}
.stage-caption {color:#cad9cc}
.balance-line {color:#f2d9e8}
.panel.alt .hint {color:#bfcec4}
.hint {color:#6e8073}
.plinko-canvas {border-color:#70877c;background:radial-gradient(ellipse at top,#48675c,#243b36 76%)}
.plinko-legend,.dice-axis {color:#c0d0c5}
.histogram {border-bottom-color:#788d81}
.hist-bin {background:#91a9a0}
.hist-bin.current {background:#C0A9BD}
.hist-bin small {color:#d4e0d6}
.stats-list div {border-bottom-color:#e1e6e1}
.stats-list span {color:#6a7a70}
.stats-list strong {color:#304539}
.panel.alt .stats-list div {border-bottom-color:#51695d}
.panel.alt .stats-list span {color:#bfd0c4}
.panel.alt .stats-list strong {color:#ecf2ed}
.dice-track {background:linear-gradient(to right,#698b7d,#94A7AE)}
.dice-zone {background:#C0A9BD}
.dice-needle {background:#fff;box-shadow:0 0 0 3px #314d42}
.dice-readout {color:#fff;text-shadow:0 1px 10px #263d34}
.chip {border-color:#799586;color:#e8cce0}
.chip.fail {color:#eeb7bb;border-color:#b38589}
.crash-screen {background:linear-gradient(145deg,#426158,#283f39);border-color:#668378}
.crash-now {color:#ebcfe1}
.crash-now.crashed {color:#ffb9be}
.crash-dots .chip {color:#e3d7e1}
.pf-result {border-top-color:#d7ded9}
.hash-value {color:#42634f;background:#edf2ed;border-color:#d6e1d7;border-radius:8px}
.path span {background:#e0e9e3;border:1px solid #c3d2c8;color:#365946;border-radius:6px}
.path span.right {background:#eee1ed;color:#655064}
.reading {color:#536e5a}
.progress-outer {background:#e2e8e1;border-color:#c6d5c9;border-radius:40px}
.progress-inner {background:#64766A}
.panel.alt .progress-outer {background:#435b4f;border-color:#779285}
.panel.alt .progress-inner {background:#C0A9BD}
.summary-card {background:#f6f8f4;border-color:#dde3dd;border-radius:10px}
.summary-card label {color:#66766a}
.summary-card strong {color:#58715f}
.tool-explain {border-top-color:#d5dcd7}
.tool-explain h2 {color:#273b2e}
.tool-explain p {color:#63746a}
.tool-explain a,.method a,.method code {color:#526f59}
.formula-box {color:#405d4b;background:#e5ece7;border:1px solid #cdd8ce;border-radius:10px}
.fineprint {color:#748376!important}
.method h1,.method h2 {color:#293c31}
.method p,.method ul {color:#586b60}
.internal-links {border-top-color:#d6ddd7}
.internal-links a {border-color:#cbd6cc;color:#455f4e;background:#fff;border-radius:7px}
.internal-links a:hover {background:#eef4ee}
.nav-menu {position:relative}
.nav-menu summary {list-style:none;display:flex;align-items:center;gap:7px;cursor:pointer;color:#495d53}
.nav-menu summary::-webkit-details-marker{display:none}
.nav-menu[open] summary,.nav-menu summary:hover {color:#31593e}
.nav-menu summary span{font-size:14px}
.nav-dropdown {position:absolute;top:calc(100% + 20px);left:50%;transform:translateX(-50%);z-index:100;width:min(285px,90vw);padding:9px;background:#fffdfd;border:1px solid #d2dbd3;border-radius:13px;box-shadow:0 18px 35px rgba(31,48,40,.16);display:flex;flex-direction:column;gap:2px}
.nav-dropdown a{padding:10px 12px;border-radius:7px;color:#354d3d;font-size:12px;white-space:nowrap}
.nav-dropdown a:hover {background:#eef2eb;color:#304a3d}
@media(max-width:760px){.nav-links{gap:12px}.nav-menu summary{font-size:12px}.nav-dropdown{left:auto;right:-55px;transform:none}.hero-summary p{font-size:16px}}
@media(max-width:560px){.logo{font-size:14px}.nav-links{gap:11px}.nav-menu summary{font-size:11px}.nav-dropdown{right:-15px;max-width:80vw}.panel,.panel.alt{padding:15px}.method-banner{padding:25px;border-radius:11px}}


/* Keep the navigation inside narrow mobile screens; all seven tools stay in the menu. */
@media(max-width:370px){.nav-links>a:not(:first-child){display:none}.nav{gap:8px}.nav-dropdown{right:-8px}}

/* New games, keyboard-friendly language navigation and crawlable fallback */
.lang-menu,.nav-menu{position:relative;flex-shrink:0}
.lang-menu summary,.nav-menu summary{list-style:none;cursor:pointer;white-space:nowrap}
.lang-menu summary{border:1px solid #b9c8bf;border-radius:7px;padding:8px 9px;color:#304d3d;background:#f6f8f5;font:700 11px var(--mono)}
.lang-menu summary::-webkit-details-marker,.nav-menu summary::-webkit-details-marker{display:none}
.lang-switcher{position:absolute;right:0;top:calc(100% + 10px);display:flex;flex-direction:column;padding:7px;background:#fffdfd;border:1px solid #bbcbbf;border-radius:9px;min-width:92px;box-shadow:0 12px 30px #23362e1a;z-index:80}
.lang-switcher a{padding:9px 11px;border-radius:4px;font:700 12px var(--mono);color:#35483d}
.lang-switcher a:hover,.lang-switcher a.active{background:#e9ede8;color:#273a2d}
.roulette-wheel-wrap{position:relative;width:min(280px,86%);aspect-ratio:1;margin:20px auto 30px}
.roulette-wheel{width:100%;height:100%;border-radius:50%;border:9px solid #8b9f96;box-shadow:inset 0 0 0 10px #ebebe4,0 10px 23px #0f272d63;display:grid;place-items:center;transition:transform .7s cubic-bezier(.15,.82,.28,1.01)}
.roulette-wheel.spinning{transform:rotate(1080deg)}
.roulette-wheel-center{width:32%;aspect-ratio:1;border-radius:50%;display:grid;place-items:center;background:#e6e9e5;border:5px solid #64766A;font:800 32px var(--mono);color:#273a2f;box-shadow:0 3px 12px #0004}
.roulette-pointer{position:absolute;left:50%;top:-18px;transform:translateX(-50%);z-index:3;color:#c9afbd;font-size:27px;text-shadow:0 2px 5px #20312f}
.coin-stage{height:240px;display:grid;place-items:center;perspective:900px}
.coin{display:grid;place-items:center;width:158px;height:158px;border-radius:50%;background:radial-gradient(circle at 30% 25%,#eee4e8,#c0a9bd 70%);border:13px ridge #99a7a4;box-shadow:inset 0 0 0 5px #e5d4df,0 18px 23px #1428277d;color:#4e5b54;font:800 68px var(--mono);transition:transform .6s ease-in-out;backface-visibility:visible}
.coin.flipping{transform:rotateY(990deg)}
.keno-grid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:7px;margin:20px 0}
.keno-cell{border:1px solid #567267;background:#3b574e;color:#f3f5f0;min-width:0;min-height:44px;padding:2px;border-radius:7px;font:700 14px var(--mono)}
.keno-cell:hover{background:#536c60}
.keno-cell.picked{background:#c0a9bd;color:#21352e;border-color:#d7bbcf}
.keno-cell.drawn{box-shadow:inset 0 0 0 3px #d8ede0}
.keno-cell.hit{background:#c0edbd;color:#1e392e;box-shadow:inset 0 0 0 3px #91ac99}
.keno-odds{margin-top:18px;max-height:350px;overflow:auto;border-top:1px solid #d1dad4}
.keno-odds div{display:grid;grid-template-columns:1fr 1fr 1fr;gap:4px;padding:9px 0;border-bottom:1px solid #dde3dd;font-size:11px}
.keno-odds strong,.keno-odds em{text-align:right;font-family:var(--mono);font-style:normal}
.keno-odds em{color:#526d5d}
.tool-hero h1,.tool-card h3,.hero h1{overflow-wrap:anywhere}
.static-main{padding:50px 0 85px}
.static-main h1{font-size:clamp(32px,5vw,66px);max-width:860px;line-height:1.1;letter-spacing:-.045em;margin:20px 0}
.static-main h2{font-size:24px;margin:30px 0 12px}
.static-main p{max-width:760px;color:#52665b}
.static-main nav a{color:#39674d;text-decoration:underline;margin-right:10px}
.static-index{list-style:none;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.static-index li{padding:17px;background:#fffdfd;border:1px solid #d8ded8;border-radius:12px}
.static-index li p{font-size:12px;margin-top:10px}
.static-main h3{font-size:18px;margin:15px 0 8px}
.prelaunch-note{margin-top:30px;font-size:12px}
@media(max-width:760px){
 .nav-links>a{display:none!important}
 .nav-links{gap:10px;flex:0 0 auto}
 .nav{gap:6px}
 .nav-menu .nav-dropdown{right:0;left:auto;max-width:calc(100vw - 30px);min-width:210px}
 .static-index{grid-template-columns:1fr}
 .keno-grid{gap:5px}
 .keno-cell{min-height:38px;font-size:12px}
}
@media(max-width:380px){
 .logo{font-size:12px}
 .logo-square{width:27px;height:27px}
 .nav-menu summary{font-size:10px}
 .lang-menu summary{padding:6px;font-size:10px}
 .keno-grid{gap:3px}
 .keno-cell{min-height:34px;font-size:11px}
}
[hidden]{display:none!important}

/* --- GambleToolbox international + four newly interactive tools --- */
.lang-menu .nav-dropdown{width:180px}
.lang-menu summary{font-weight:750;letter-spacing:.04em}
.faq-section{width:min(1210px,calc(100% - 76px));max-width:none;margin:48px auto 72px;padding-top:26px;border-top:1px solid var(--line,#cfd6cf);box-sizing:border-box}
.faq-section h2{font-size:clamp(25px,3vw,40px);letter-spacing:-.04em;margin:0 0 18px}
.faq-section details{width:100%;max-width:100%;border-bottom:1px solid #d3dbd3;padding:16px 2px;box-sizing:border-box}
@media(max-width:1040px){.faq-section{width:calc(100% - 42px)}}
@media(max-width:760px){.faq-section{width:calc(100% - 30px);margin:38px auto 54px}}
@media(max-width:560px){.faq-section{width:calc(100% - 26px);margin:32px auto 46px}}
.faq-section summary{cursor:pointer;font-weight:720;color:#2f4939}
.faq-section details p{line-height:1.7;color:#60766a;font-size:15px;max-width:750px}
.roulette-stage,.coin-stage{display:grid;place-items:center;gap:15px;min-height:270px;margin:10px 0 18px;padding:20px;border-radius:12px;background:radial-gradient(ellipse at center,#426154 0%,#20342e 77%);border:1px solid #60786b;color:#e5ebe5}
.roulette-stage{min-height:270px}
.roulette-wheel{position:relative;width:205px;height:205px;display:grid;place-items:center;border:10px solid #af927b;outline:4px solid #bfb6ad;border-radius:50%;background:#142821;box-shadow:0 8px 30px rgba(0,0,0,.3)}
.roulette-disc{width:172px;height:172px;display:grid;place-items:center;border-radius:50%;background:repeating-conic-gradient(#a64e59 0 10deg,#304038 10deg 20deg);box-shadow:inset 0 0 0 14px #263c34,inset 0 0 0 18px #d6c0a7;transition:transform .85s cubic-bezier(.22,.71,.2,1)}
.roulette-disc strong{display:grid;place-items:center;width:78px;height:78px;background:#e9eae4;border:7px solid #907c68;color:#233c31;border-radius:50%;font:750 32px var(--mono,monospace);}
.roulette-puck{position:absolute;transform:translateY(-68px);color:#e6e3da;text-shadow:0 1px 4px #2b4a40;font-size:17px}
.roulette-caption{text-align:center;color:#ccd9cc;min-height:16px}
.roulette-numbers{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:5px;margin:18px 0}
.roulette-num,.keno-tile{cursor:pointer;min-width:0;aspect-ratio:1;display:grid;place-items:center;border-radius:5px;font-weight:800;font-size:13px;transition:transform .12s,border-color .12s}
.roulette-num.red{background:#9d4b54;color:#fff;border:2px solid #b7767e}
.roulette-num.black{background:#152c28;color:#edf1e6;border:2px solid #4b655b}
.roulette-num.zero{background:#3a7454;color:white;border:2px solid #7caa8a}
.roulette-num.selected,.roulette-num:hover{outline:3px solid #dac6dc;outline-offset:1px;transform:translateY(-1px)}
.keno-board{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:7px;margin:14px 0 22px}
.keno-tile{font-family:var(--mono,monospace);background:#3f5b4d;border:1px solid #6e8c79;color:#e5eee6;min-height:40px}
.keno-tile:hover{background:#6c8b78}.keno-tile.selected{background:#d5b9ce;color:#294339;border-color:#f2daea}
.keno-tile.drawn{border:2px solid #8fd3d2}.keno-tile.hit{background:#9cbfaa;color:#183c2d;box-shadow:0 0 0 3px rgba(213,185,206,.9)}
.keno-stats{display:flex;justify-content:space-between;gap:16px;color:#b9ccbe;font-size:12px}.keno-stats strong{color:#ebeee8;margin-left:7px}
.keno-distribution{display:flex;flex-direction:column;gap:11px;margin-top:15px}
.distribution-row{display:grid;grid-template-columns:56px minmax(45px,1fr) minmax(125px,auto);align-items:center;gap:10px;font-size:12px}
.distribution-row strong{font-family:var(--mono,monospace);font-weight:680;text-align:right;font-size:11px}
.distribution-bar{height:8px;border-radius:5px;background:#dce7de;overflow:hidden}
.distribution-bar span{display:block;height:100%;min-width:1px;background:#64766A}
.coin-stage{min-height:255px}.coin{height:142px;width:142px;display:grid;place-items:center;border-radius:50%;border:10px solid #d4b8ce;box-shadow:inset 0 0 0 5px #9b8c93,0 12px 25px rgba(0,0,0,.18);background:radial-gradient(circle at 28% 25%,#f3e0ef,#bea4b9);color:#405b4c;font:800 76px var(--mono,monospace);transform-style:preserve-3d}
.coin.flipping{animation:coin-flip .13s linear infinite}
@keyframes coin-flip{to{transform:rotateY(180deg)}}
.recent-pills{display:flex;flex-wrap:wrap;gap:8px;margin:15px 0 8px;min-height:40px}
.recent-num{min-width:32px;padding:6px 9px;color:#fff;border-radius:6px;font:750 14px var(--mono,monospace);text-align:center}
.recent-num.red{background:#9d4b54}.recent-num.black{background:#253a33}.recent-num.zero{background:#3b8061}
.mini-title{font-size:14px;font-weight:740;color:#455c4d;margin:26px 0 10px}
.static-header,.static-footer,.static-content{width:min(100% - 36px,1100px);margin:20px auto;color:#33453b}
.static-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px;border-bottom:1px solid #d1dad2;padding-bottom:18px}
.static-header nav,.static-header aside{display:flex;flex-wrap:wrap;gap:10px;font-size:12px}
.static-content{min-height:70vh}.static-content h1{font-size:clamp(34px,6vw,65px);max-width:880px;letter-spacing:-.05em}
.static-content>p{max-width:760px;line-height:1.7;color:#64766A}
.static-content section{margin:30px 0;border-top:1px solid #d5dfd6;padding-top:20px}
.static-content section ul{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));list-style:none;gap:14px;padding:0}
.static-content section li{border:1px solid #c8d5c9;padding:15px;border-radius:10px}
.static-content section li a{font-weight:750;text-decoration:underline}
.static-content section li p{font-size:13px;color:#607365}
.static-faq{max-width:850px}.static-faq h3{font-size:16px}.static-faq p{font-size:14px;line-height:1.7}
.static-footer{font-size:12px;border-top:1px solid #d5dfd6;padding:18px 0 50px}
@media(max-width:760px){.roulette-numbers{grid-template-columns:repeat(8,minmax(0,1fr))}.nav-links{flex-wrap:wrap;row-gap:9px;justify-content:flex-end}.lang-menu .nav-dropdown{right:0;left:auto;transform:none}.nav{align-items:flex-start}}
@media(max-width:450px){.roulette-numbers{grid-template-columns:repeat(7,minmax(0,1fr))}.roulette-num{font-size:12px}.keno-board{gap:4px}.keno-tile{min-height:34px;font-size:12px}.distribution-row{grid-template-columns:49px minmax(40px,1fr) minmax(95px,auto);gap:5px}.distribution-row strong{font-size:9px}.nav-menu:not(.lang-menu) .nav-dropdown{right:-48px}.lang-menu .nav-dropdown{right:-8px}}
@media(prefers-reduced-motion:reduce){.coin.flipping{animation:none}.roulette-disc{transition-duration:.05s}}

/* Search-intent-specific, localized, first-party explanations */
.worked-example{background:#fbfaf9;border:1px solid #d3dbd3;border-left:5px solid #94A7AE;border-radius:12px;margin:28px 0 45px;padding:clamp(20px,3vw,34px);color:#2c4337}
.worked-example h2{font:750 clamp(23px,2.7vw,34px)/1.12 var(--mono);letter-spacing:-.045em;margin-bottom:12px}
.worked-example h3{font-size:18px;margin:22px 0 9px}
.worked-example p{font-size:14px;line-height:1.8;max-width:900px;color:#566e5d}
.static-example h3{font-size:18px;margin:22px 0 8px}
.static-example p{max-width:860px;line-height:1.75}


/* Explanation sections share the calm sage/lilac palette of the interactive tools. */
.intent-guide{margin:32px 0 38px;padding:clamp(22px,3.5vw,42px);background:#fffdfd;border:1px solid #d1dbd2;border-radius:15px;color:#2a4235;box-shadow:0 10px 36px rgba(46,69,55,.035)}
.intent-guide h2{font:750 clamp(22px,2.7vw,31px)/1.2 var(--mono);letter-spacing:-.045em;margin:29px 0 13px;color:#30483b}
.intent-guide h2:first-child{margin-top:0}
.intent-guide p{max-width:940px;color:#536d5e;font-size:15px;line-height:1.85;margin:0 0 13px}
.intent-guide ol{list-style:none;counter-reset:tool-step;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:0;margin:23px 0 35px}
.intent-guide li{counter-increment:tool-step;display:flex;flex-direction:column;align-items:flex-start;gap:13px;min-width:0;padding:19px;border:1px solid #d6e0d7;background:#f6f8f5;border-radius:11px;color:#3a5644;line-height:1.6;font-size:14px;overflow-wrap:anywhere}
.intent-guide li:before{content:counter(tool-step,decimal-leading-zero);font:750 13px var(--mono);letter-spacing:-.03em;color:#64766A;background:#e9f0e9;border-radius:7px;padding:7px 9px}
.intent-guide .source-link{margin:20px 0 0}
.source-link a{color:#496c56;font-weight:700;text-decoration:underline;text-decoration-color:#9fb3a5;text-underline-offset:3px;overflow-wrap:anywhere}
.calculation-notes{margin:26px 0 38px;padding:clamp(18px,3vw,30px);background:#f7f9f6;border:1px solid #d1dbd2;border-radius:14px;color:#2d4738}
.calculation-notes h2{font:750 clamp(21px,2.4vw,29px)/1.2 var(--mono);letter-spacing:-.04em;margin:0 0 16px;color:#30483b}
.calculation-notes ul{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;list-style:none;padding:0;margin:0}
.calculation-notes li{padding:16px 17px;border:1px solid #d8e1d9;border-radius:10px;background:#fff}
.calculation-notes strong{display:block;margin-bottom:7px;font-size:14px;color:#2e4a39}
.calculation-notes p{margin:0;font-size:13px;line-height:1.65;color:#5c7062}
.calculation-notes a{color:#496c56;font-weight:700;text-decoration:underline;text-decoration-color:#a7b8ab;text-underline-offset:3px}
.calculation-related{grid-column:1/-1}
.calculation-related-links{display:flex;flex-wrap:wrap;gap:8px}
.calculation-related-links a{display:inline-flex;align-items:center;padding:7px 10px;border:1px solid #ced9d0;border-radius:999px;background:#f8faf8;text-decoration:none;font-size:12px;line-height:1.3}
.calculation-related-links a:hover,.calculation-related-links a:focus-visible{border-color:#829889;background:#edf3ed}
.method-detail{border-top:1px solid #d1ddd3;padding:14px 0 10px;margin:20px 0}
.method-detail h2{margin:20px 0 12px;color:#263f31;font-size:clamp(23px,2.9vw,31px)}
.method-detail p{color:#546e5e;line-height:1.8;max-width:910px}
@media(max-width:800px){.intent-guide ol{grid-template-columns:1fr}.intent-guide{margin:24px 0;padding:clamp(16px,4.5vw,28px)}.intent-guide li{padding:16px}.intent-guide p{font-size:14px}}

/* Homepage H1: compact responsive scale; heading text and semantics unchanged. */
html[data-page="home"] .hero h1 {
  font-size: clamp(38px, 4.5vw, 62px);
  line-height: 1.08;
  letter-spacing: -.055em;
  max-width: 860px;
}
html[data-page="home"] .static-content h1 {
  font-size: clamp(38px, 4.5vw, 62px);
  line-height: 1.08;
  letter-spacing: -.055em;
}
@media (max-width: 760px) {
  html[data-page="home"] .hero h1,
  html[data-page="home"] .static-content h1 { font-size: clamp(32px, 7vw, 44px); }
}
@media (max-width: 380px) {
  html[data-page="home"] .hero h1,
  html[data-page="home"] .static-content h1 { font-size: clamp(29px, 8vw, 34px); }
}

/* Mines: covered cells must never resemble visible mines. Only opened outcomes carry symbols. */
.mine-tile:not(.safe):not(.bomb):not(.reveal-bomb){background-image:linear-gradient(155deg,rgba(255,255,255,.055),rgba(0,0,0,.07));box-shadow:inset 0 1px 0 rgba(255,255,255,.12)}
.mine-tile:not(.safe):not(.bomb):not(.reveal-bomb)::after{content:none;display:none}
.mine-tile:focus-visible{outline:3px solid #d7b7ce;outline-offset:2px}

/* Prioritize playable casino demos and bonuses; keep research tools discoverable. */
.supplementary-section{padding-bottom:72px}
.supplementary-tools{border:1px solid #cad5cc;border-radius:14px;background:#fcfdfc;padding:0 25px 25px}
.supplementary-tools>summary{padding:22px 0;cursor:pointer;font-weight:750;font-size:18px;color:#304d39;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:18px}
.supplementary-tools>summary::-webkit-details-marker{display:none}
.supplementary-tools>summary:hover{color:#64766A}
.supplementary-tools>summary span{font-size:25px;color:#64766A;transition:transform .15s}
.supplementary-tools[open]>summary span{transform:rotate(180deg)}
.supplementary-intro{font-size:14px;color:#586f64;padding:4px 0 14px}
.supplementary-tools h3{font-size:20px;color:#2c4337;margin:23px 0 15px}
.rng-fallback-notice{padding:15px 18px;margin:16px 0 28px;background:#f8f0e9;color:#704723;border:1px solid #e5c7a5;border-radius:9px;font-size:13px;line-height:1.6}
@media(max-width:520px){.supplementary-tools{padding:0 16px 22px}.supplementary-tools>summary{font-size:16px}}

/* Catalog v1.3.2: all 17 tools remain immediately visible; no hidden accordion. */
.supplementary-tools { padding: 23px 25px 30px; }
.supplementary-title { margin: 0 0 12px; font-size: clamp(24px, 2.7vw, 34px); line-height: 1.2; color: #2b4337; letter-spacing: -.045em; display:flex; align-items:center; gap:14px; flex-wrap:wrap; }
.catalog-count { border-radius: 99px; border: 1px solid #b7c6bc; color:#486656; background:#f1f6f1; padding:3px 10px; font-size:15px; font-weight:700; letter-spacing:0; }
.supplementary-tools h3 small { font-size: 13px; color: #738477; }
.hero-stats { flex-wrap: wrap; }
@media(max-width:520px){.supplementary-tools{padding:20px 16px 24px}.hero-stats{gap:14px 22px}.hero-stats strong{font-size:26px}.hero-stats span{font-size:11px}}
/* Long German headings should not widen the mobile canvas. */
.method-banner > div { min-width:0; max-width:100%; }
.method-banner h2 { overflow-wrap:anywhere; }

/* v1.3.3 UX polish: accessible header, shorter route to the games and clear tool affordances. */
.skip-link {
  position:fixed; top:-80px; left:12px; z-index:200;
  padding:11px 16px; border-radius:8px; background:#293e38; color:#fff;
  font:700 14px/1.2 var(--mono); box-shadow:0 6px 20px #15241d33;
}
.skip-link:focus, .skip-link:focus-visible {top:12px; color:#fff}
.eyebrow,.tool-number,.tool-category,.tiny,.top-strip {font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}
.hero-description {margin-top:18px; line-height:1.52}
.hero-stats {gap:24px}
.tool-card {min-height:238px; padding:22px; transition:transform .15s,border-color .15s,box-shadow .15s}
.tool-card .tool-top {margin-bottom:22px}
.tool-card h3 {font-size:clamp(20px,2.1vw,26px); line-height:1.18; letter-spacing:-.045em}
.tool-card p {font-size:13px; line-height:1.55; margin-bottom:22px}
.tool-card .tool-action {
  display:inline-flex; align-items:center; justify-content:space-between; gap:18px;
  margin-top:auto; align-self:stretch; padding-top:11px; border-top:1px solid #dfe5df;
  color:#3e6350; font:750 13px/1.2 var(--mono);
}
.tool-card .tool-action span {font-size:19px; transition:transform .15s}
.tool-card:hover .tool-action span, .tool-card:focus-visible .tool-action span {transform:translate(2px,-2px)}
.tool-card:focus-visible {outline:3px solid #64766A; outline-offset:3px}
.nav-menu summary,.lang-menu summary {min-height:40px; align-items:center}
@media(max-width:760px){
  .intro {padding:32px 0 26px}
  .hero-grid {gap:16px; margin-top:17px}
  .hero h1 {font-size:clamp(32px,7.8vw,46px); line-height:1.09; letter-spacing:-.058em}
  .hero-summary {max-width:560px}
  .hero-description {margin-top:12px; font-size:14px!important; line-height:1.46}
  .hero-stats {margin-top:15px; padding-top:13px; gap:14px 24px}
  .hero-stats strong {font-size:24px}
  .hero-stats span {font-size:11px}
  .section-head {padding-bottom:12px; margin-bottom:16px}
  .section-head h2 {font-size:clamp(23px,5.4vw,30px)}
  .tool-card {min-height:196px; padding:18px}
  .tool-card .tool-top {margin-bottom:16px}
  .tool-card h3 {font-size:23px}
  .supplementary-section {padding-bottom:50px}
}
@media(max-width:560px){
  .intro {padding:24px 0 19px}
  .hero h1 {font-size:clamp(29px,8.2vw,36px); line-height:1.1}
  .eyebrow {font-size:10px; letter-spacing:.11em}
  .hero-stats > div:last-child {display:none}
  .hero-stats {justify-content:space-between; flex-wrap:nowrap}
  .hero-stats > div {min-width:0}
  .hero-stats strong {font-size:25px}
  .hero-stats span {display:block; line-height:1.35}
  .section {padding-bottom:39px}
  .tool-card {min-height:183px}
  .tool-card p {margin-bottom:14px}
  .tool-card .tool-action {padding-top:9px}
  .supplementary-tools {padding:17px 15px 22px}
  .supplementary-title {font-size:23px}
  .nav-dropdown a {min-height:42px; display:flex;align-items:center}
}
@media(max-width:370px){
  .hero h1 {font-size:30px}
  .hero-stats {gap:8px}
}
@media(prefers-reduced-motion:reduce){.tool-card .tool-action span{transition:none}}
/* Desktop hero stays deliberately modest; the simulations are the priority. */
@media(min-width:761px){
  .intro {padding:55px 0 35px}
  .hero-grid {margin-top:21px; align-items:center}
  .hero h1 {font-size:clamp(43px,4.1vw,58px);line-height:1.06;letter-spacing:-.055em}
}
/* Collapse the full navigation before long localized labels can overflow. */
@media(min-width:761px) and (max-width:920px){
  .nav-links>a {display:none!important}
  .nav-links {gap:12px; flex:0 0 auto; flex-wrap:nowrap}
  .nav {gap:8px; align-items:center}
  .nav-menu .nav-dropdown {left:auto;right:0;transform:none;max-width:calc(100vw - 30px)}
}

/* Phase 2: high-intent result interpretation. No ads or fictitious live data. */
.priority-insight {display:grid;grid-template-columns:minmax(0,1.62fr) minmax(240px,.85fr);gap:22px;align-items:start;padding:24px 26px;margin:27px 0 30px;border-radius:13px;border:1px solid #d3dcd5;background:#fffdfc;box-shadow:0 8px 24px rgba(37,53,45,.035)}
.priority-interpret {min-width:0}
.priority-kicker {color:#597466;font:700 10px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.09em;margin-bottom:8px}
.priority-interpret h2 {font-size:clamp(20px,2vw,26px);letter-spacing:-.04em;color:#273f32;line-height:1.18;margin-bottom:10px}
.priority-interpret h3 {font-size:14px;font-weight:750;line-height:1.35;margin:14px 0 6px;color:#355246}
.priority-interpret p {font-size:13px;color:#44584c;line-height:1.65}
.priority-limit {margin-top:13px;background:#f4f2f3;border-left:3px solid #c0a9bd;padding:10px 12px;border-radius:4px}
.priority-limit strong {color:#384e43}
.priority-next {min-width:0;border-left:1px solid #dce2dd;padding-left:22px}
.priority-next h3 {font-size:14px;line-height:1.3;color:#355346;margin-bottom:12px}
.priority-next ul {list-style:none;padding:0;margin:0;display:grid;gap:10px}
.priority-next a {display:flex;justify-content:space-between;gap:10px;padding:11px 13px;border-radius:8px;background:#f2f5f2;border:1px solid #dbe3dd;color:#315846;font-weight:650;font-size:13px;line-height:1.38;transition:background .15s,border-color .15s}
.priority-next a:hover,.priority-next a:focus-visible {background:#e7eee8;border-color:#9bae9c;color:#264938}
.priority-next a span {flex-shrink:0;font-size:17px}
@media(max-width:760px){.priority-insight {grid-template-columns:1fr;gap:16px;padding:19px 18px;margin:20px 0 27px}.priority-next {border-left:0;border-top:1px solid #dce2dd;padding:16px 0 0}.priority-interpret h2 {font-size:21px}}
@media(prefers-reduced-motion:reduce){.priority-next a{transition:none}}
/* v1.3.5 catalog focus: casino, sports betting, rewards, crypto and taxes. */
.nav-catalog-dropdown{width:min(410px,calc(100vw - 26px));max-height:min(73vh,620px);overflow-y:auto;overscroll-behavior:contain;padding:10px 10px 14px;box-shadow:0 18px 44px rgba(25,44,34,.17)}
.nav-drop-group{padding:9px 3px 12px;border-bottom:1px solid #e0e7e0}
.nav-drop-group:last-child{border-bottom:0}
.nav-drop-title{font:750 12px/1.25 var(--mono);color:#294b38;letter-spacing:.01em;padding:4px 10px 8px;display:flex;justify-content:space-between;gap:10px}
.nav-drop-title small{color:#708273;font-size:11px}
.nav-drop-planned{display:block;padding:8px 10px 4px;color:#718075;font:600 11px var(--mono)}
.nav-catalog-dropdown a{display:block;white-space:normal;min-height:35px;padding:8px 10px;line-height:1.3}
.nav-category-link{font-size:12px;white-space:nowrap}
.catalog-quicknav{padding:5px 0 25px;display:flex;align-items:center;gap:17px;flex-wrap:wrap}
.catalog-quicknav>strong{font:750 11px var(--mono);letter-spacing:.03em;color:#526d5e;white-space:nowrap}
.catalog-jumps{display:flex;gap:8px;flex-wrap:wrap}
.catalog-jumps a{display:inline-flex;align-items:center;gap:8px;padding:9px 11px;background:#fff;border:1px solid #d0dbd2;border-radius:100px;color:#344e3d;font:700 11px var(--mono);line-height:1.25;transition:border-color .15s,background .15s}
.catalog-jumps a:hover,.catalog-jumps a:focus-visible{border-color:#64766A;background:#f3f7f2;color:#263e30}
.catalog-jumps span{color:#5b7264;border-radius:99px;background:#edf3ee;padding:2px 6px;font:650 10px var(--mono)}
.catalog-section{scroll-margin-top:105px;padding-bottom:58px}
.catalog-section .section-head{margin-bottom:13px}
.catalog-section-intro{font-size:14px;color:#53675b;max-width:760px;line-height:1.55;margin:0 0 20px}
.catalog-section .tools-grid{margin-top:0}
.catalog-note{margin-top:18px;border-left:3px solid #94A7AE;padding:12px 17px;background:#f2f6f4;border-radius:0 8px 8px 0;color:#445e52;font-size:13px;line-height:1.6}
.catalog-note strong{color:#344e3f}
.catalog-roadmap-section{padding-bottom:38px}
.catalog-roadmap-section .section-head{margin-bottom:12px}
.catalog-roadmap-message{color:#607468;font:700 11px var(--mono);letter-spacing:.05em;text-transform:uppercase}
.catalog-roadmap-section .catalog-note{margin-top:11px}
.static-content .catalog-quicknav{display:flex;margin:15px 0 23px;width:100%}
.static-content .catalog-quicknav a{padding:6px 10px;border:1px solid #d0dbd2;border-radius:20px;margin-right:5px}
.static-content section[id^='casino-games'],.static-content section[id^='sports-betting'],.static-content section[id^='bonuses-rewards'],.static-content section[id^='crypto-gambling'],.static-content section[id^='gambling-taxes']{scroll-margin-top:105px}
@media(max-width:1040px){.nav-category-link{display:none!important}}
@media(max-width:760px){
  .intro{padding:27px 0 16px}
  .hero-grid{gap:14px;margin-top:11px}
  .hero-description{font-size:13px!important;line-height:1.45}
  .hero-stats{margin-top:10px;padding-top:9px}
  .catalog-quicknav{padding:0 0 18px;gap:8px}
  .catalog-jumps{gap:6px}
  .catalog-jumps a{font-size:10px;padding:7px 9px}
  .catalog-section{padding-bottom:37px;scroll-margin-top:82px}
  .catalog-section-intro{font-size:12px;margin-bottom:14px}
  .catalog-note{font-size:12px;padding:11px 12px}
  .nav-catalog-dropdown{right:-35px;left:auto;transform:none}
}
@media(max-width:560px){
  .hero h1{font-size:clamp(29px,7.3vw,36px);line-height:1.08}
  .hero-stats>div:last-child{display:none}
  .catalog-quicknav>strong{font-size:10px}
  .catalog-jumps a{font-size:10px}
  .nav-catalog-dropdown{right:-44px}
  .catalog-section .section-head h2{font-size:clamp(22px,5.5vw,28px)}
}
@media(max-width:370px){.nav-catalog-dropdown{right:-35px}}
/* Category chips stay one line on phones, keeping the first game above the fold. */
@media(max-width:760px){
 .catalog-jumps{flex-wrap:nowrap;max-width:100%;width:100%;overflow-x:auto;overflow-y:hidden;padding:1px 0 6px;scrollbar-width:thin;scroll-snap-type:x proximity;overscroll-behavior-x:contain}
 .catalog-jumps a{flex:0 0 auto;white-space:nowrap;scroll-snap-align:start}
}
@media(min-width:761px) and (max-width:1040px){
 .intro{padding:38px 0 26px}
 .hero-grid{grid-template-columns:1fr;gap:15px;margin-top:19px}
 .hero-summary{max-width:100%}
 .hero-description{margin-top:10px;font-size:15px}
 .hero-stats{margin-top:16px;padding-top:13px;gap:25px}
 .catalog-quicknav{padding-bottom:22px}
}
/* Visible editorial explanations: identical content before and after JS. */
.guide-jump{display:inline-flex;align-items:center;gap:9px;margin-top:16px;padding:10px 0;color:#365b43;font-size:14px;font-weight:700;text-decoration:underline;text-underline-offset:4px;min-height:44px;max-width:100%;overflow-wrap:anywhere}
.guide-jump:hover{color:#23362e}.guide-jump span{font-size:20px}
.seo-article{padding:clamp(20px,3.2vw,38px);margin-top:28px;margin-bottom:32px;background:#fffdfd;border:1px solid #cdd8cf;border-radius:14px;scroll-margin-top:110px;color:#2a4235;min-width:0}
.seo-article:focus{outline:2px solid #94a7ae;outline-offset:4px}
.seo-article h2{font:700 clamp(23px,2.6vw,34px)/1.25 var(--mono);letter-spacing:-.035em;margin:8px 0 20px;max-width:960px;overflow-wrap:anywhere}
.seo-article .seo-kicker{font:700 11px/1.5 var(--mono);text-transform:uppercase;letter-spacing:.1em;color:#617469;margin:0}
.seo-copy{max-width:940px}.seo-copy p{font-size:16px;line-height:1.8;margin:0 0 18px;color:#455f4f;overflow-wrap:anywhere}.seo-copy p:last-child{margin-bottom:0}
@media(max-width:560px){.seo-article{padding:19px 16px;scroll-margin-top:130px}.seo-copy p{font-size:15px;line-height:1.75}}

.hero-summary>.guide-jump{margin:0;min-height:0;padding:7px 12px;font-size:10px;line-height:1.5;letter-spacing:0}.hero-summary>.guide-jump span{font-size:10px}

/* Small-screen long labels must wrap without widening panels. */
@media(max-width:360px){.panel-head{flex-wrap:wrap;align-items:flex-start}.panel-head>*{min-width:0;max-width:100%;overflow-wrap:anywhere}.field label{flex-wrap:wrap}.stats-list>div{flex-wrap:wrap}.panel .hint,.panel-note,.panel .tiny{overflow-wrap:anywhere}}


/* v1.4 discovery UX — one mobile drawer, compact cards, five visible tool categories. */
.mobile-nav{display:none}
.hero-paths{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:20px}
.hero-paths a{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:48px;padding:11px 14px;border:1px solid #cbd6cd;border-radius:11px;background:#fffdfd;color:#315442;font-size:13px;font-weight:750;line-height:1.35}
.hero-paths a:first-child{background:#e6ede5;border-color:#b4c7b8}
.hero-paths a span{font-size:18px;flex-shrink:0}
.hero-paths a:hover,.hero-paths a:focus-visible{background:#e5eee6;border-color:#819e88}
.catalog-finder{display:flex;align-items:center;gap:15px;margin-top:6px;margin-bottom:20px}
.catalog-finder-input{display:flex;align-items:center;gap:10px;background:#fffdfd;border:1px solid #cbd8cd;border-radius:12px;flex:1;max-width:680px;min-width:0;padding:0 15px}
.catalog-finder-input:focus-within{outline:2px solid #829889;outline-offset:2px}
.catalog-finder-input>span{font-size:28px;color:#547563;line-height:1}
.catalog-finder-input input{height:51px;border:0;background:transparent;outline:0;color:#274136;font-size:15px;font-weight:600;width:100%;min-width:0}
.catalog-finder-input input:focus-visible{outline:none}
.catalog-finder-input input::placeholder{color:#78877e;font-weight:500}
#catalog-results{color:#61796b;font:650 11px ui-monospace,SFMono-Regular,Menlo,monospace;white-space:nowrap}
@media(max-width:760px){
 .site-header{backdrop-filter:none}
 .wrap{width:calc(100% - 30px)}
 .nav{min-height:63px;align-items:center;flex-wrap:nowrap;gap:12px}
 .nav-links{display:none!important}
 .logo{font-size:clamp(14px,3.8vw,19px);min-width:0;max-width:calc(100% - 116px);gap:8px;letter-spacing:-.07em}
 .logo-square{width:34px;height:34px;flex-shrink:0;font-size:21px}
 .mobile-nav{display:block;margin-left:auto;flex-shrink:0;position:static}
 .mobile-nav>summary{list-style:none;min-width:88px;min-height:43px;border:1px solid #bccdc0;background:#fffdfd;color:#31503d;border-radius:11px;display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:8px 11px;font:750 13px/1.2 var(--mono);cursor:pointer}
 .mobile-nav>summary::-webkit-details-marker{display:none}
 .mobile-menu-bars{width:18px;height:16px;display:flex;flex-direction:column;justify-content:space-between;padding:1px 0}
 .mobile-menu-bars i{height:2px;width:100%;border-radius:2px;background:#49644f;display:block}
 .mobile-nav[open]>summary{background:#e7eee6;border-color:#8faa95}
 .mobile-nav:not([open])>.mobile-nav-backdrop,.mobile-nav:not([open])>.mobile-nav-panel{display:none!important}
 .mobile-nav-backdrop{position:fixed;inset:0;background:rgba(17,34,29,.52);z-index:130}
 .mobile-nav-panel{position:fixed;right:0;top:0;bottom:0;width:min(92vw,405px);height:100dvh;max-height:100dvh;display:flex;flex-direction:column;padding:18px 16px 20px;background:#f7f6f6;box-shadow:-22px 0 60px rgba(25,44,33,.25);z-index:131;overflow:hidden;color:#2a4236;text-align:left}
 .mobile-nav-top{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 3px 16px}
 .mobile-nav-top strong{font-size:19px;letter-spacing:-.07em}
 .mobile-nav-top em{font-style:normal;color:#64766A}
 .mobile-menu-close{flex-shrink:0;width:42px;height:42px;border:1px solid #c6d3c8;border-radius:11px;background:#fffdfd;color:#3b5b46;font-size:18px}
 .mobile-menu-label{font-size:11px;font-weight:750;letter-spacing:.06em;text-transform:uppercase;color:#697d6f;margin:14px 4px 9px}
 .mobile-menu-label[for]{display:block;margin:4px 4px 9px}
 .mobile-tool-search{width:100%;height:48px;border:1px solid #c5d3c7;border-radius:11px;background:#fffdfd;padding:10px 13px;font:600 14px var(--mono);color:#2c4939;flex-shrink:0}
 .mobile-nav-scroll{flex:1;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;padding-bottom:20px;min-height:0}
 .mobile-cat-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
 .mobile-cat-link{min-width:0;display:flex;align-items:center;gap:8px;min-height:65px;border-radius:11px;border:1px solid #ccd8ce;background:#fffdfd;padding:10px;color:#314b3b;font-weight:740;font-size:12px;line-height:1.25}
 .mobile-cat-symbol{width:28px;height:30px;flex-shrink:0;display:grid;place-items:center;color:#537363;background:#edf2ed;border-radius:8px;font-size:17px}
 .mobile-cat-link small{align-self:flex-start;margin-left:auto;font-size:10px;color:#78907d;flex-shrink:0}
 .mobile-cat-link:nth-child(2){background:#edf0f3}
 .mobile-cat-link:nth-child(3){background:#f4edf2}
 .mobile-cat-link:nth-child(4){background:#f0f0e6}
 .mobile-menu-directory{margin-top:17px;border-top:1px solid #d7dfd8}
 .mobile-tool-group{margin-top:16px}
 .mobile-tool-group h3{font-size:12px;font-weight:750;letter-spacing:.015em;color:#62796b;border-bottom:1px solid #e0e6df;padding:0 4px 9px}
 .mobile-tool-link{display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:42px;padding:9px 6px;border-bottom:1px solid #e6eae6;color:#2c4e39;font-size:13px;line-height:1.25}
 .mobile-tool-link span{font-size:17px;color:#64816a;flex-shrink:0}
 .mobile-tool-link[hidden],.mobile-tool-group[hidden]{display:none!important}
 .mobile-nav-empty{font-size:13px;color:#6b7e71;padding:15px 6px}
 .mobile-lang-links{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}
 .mobile-lang-pill{display:grid;place-items:center;min-height:42px;border-radius:9px;border:1px solid #cad8ca;background:#fffdfd;color:#40604c;font:750 11px var(--mono)}
 .mobile-lang-pill[aria-current="page"]{color:#fff;background:#526c59;border-color:#526c59}
 .mobile-method-link{display:flex;justify-content:space-between;align-items:center;margin-top:18px;padding:12px;border-radius:10px;background:#e5ebe4;color:#2f513b;font-size:13px;font-weight:750}
 .top-strip{padding:6px 0;font-size:9px}
 .top-strip .right-side{display:none}
 .intro{padding-top:24px}
 .hero-paths{margin-top:14px;gap:8px}
 .hero-paths a{padding:10px;font-size:11px;min-height:52px}
 .catalog-finder{position:sticky;top:63px;background:#f4f2f3;padding:10px 0;margin-top:0;margin-bottom:6px;z-index:30}
 .catalog-finder-input{padding:0 12px}
 .catalog-finder-input input{height:46px;font-size:14px}
 #catalog-results{font-size:10px}
 .catalog-quicknav{padding:8px 0 17px}
 .catalog-quicknav>strong{display:none}
 .catalog-section{scroll-margin-top:148px;padding-bottom:33px}
 .catalog-section .section-head{margin-bottom:9px;padding-bottom:8px;align-items:center}
 .catalog-section .section-head h2{font-size:clamp(20px,5.7vw,27px)}
 .catalog-section-intro{max-width:580px;font-size:12px;line-height:1.5;margin-bottom:12px}
 .catalog-section .tools-grid{grid-template-columns:1fr;gap:8px}
 .catalog-section a.tool-card{display:grid;grid-template-columns:36px minmax(0,1fr) 31px;grid-template-rows:auto auto;align-items:center;column-gap:12px;min-height:78px;padding:11px 13px;box-shadow:none;border-radius:11px}
 .catalog-section .tool-card.featured{border-color:#b8cdbf}
 .catalog-section .tool-card .tool-top{grid-column:1;grid-row:1 / span 2;margin:0;align-self:center;display:block}
 .catalog-section .tool-card .tool-number{display:grid;place-items:center;width:36px;height:36px;background:#edf2ec;border-radius:9px;font-size:11px;color:#45664e}
 .catalog-section .tool-card .tool-category{display:none}
 .catalog-section .tool-card h3{grid-column:2;grid-row:1;align-self:end;font-size:clamp(15px,4.3vw,18px);line-height:1.17;letter-spacing:-.035em;margin:0;min-width:0;overflow-wrap:anywhere}
 .catalog-section .tool-card p{grid-column:2;grid-row:2;align-self:start;font-size:11px;line-height:1.35;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin:4px 0 0}
 .catalog-section .tool-card .tool-action{grid-column:3;grid-row:1 / span 2;align-self:center;justify-content:center;min-width:0;display:flex;margin:0;padding:0;border:0;font-size:0}
 .catalog-section .tool-card .tool-action span{font-size:21px}
 .catalog-section .tool-card.featured:after{display:none}
 .catalog-section .tool-card:hover{transform:none}
 .catalog-note{margin-top:12px}
 .tax-tool-card{padding:17px!important}
}
@media(max-width:350px){
 .logo{font-size:12px;letter-spacing:-.08em;gap:5px}
 .logo-square{width:30px;height:30px}
 .catalog-finder{gap:7px}
 #catalog-results{font-size:9px}
 .mobile-cat-link{font-size:11px;padding:7px;gap:5px}
 .mobile-cat-symbol{width:23px;flex-shrink:0}
}


/* First useful tool belongs in the opening mobile viewport; avoid duplicate menus. */
@media(max-width:760px){
 .intro{padding:14px 0 8px}
 .hero-grid{margin-top:7px;gap:7px}
 .hero h1{font-size:clamp(28px,7vw,36px);line-height:1.07}
 .hero-summary{max-width:100%}
 .hero-summary>.guide-jump{display:none}
 .hero-description{margin-top:5px;font-size:12px!important;line-height:1.37}
 .hero-paths,.hero-stats{display:none}
 .catalog-finder{padding:7px 0;margin-bottom:0}
 .catalog-quicknav{padding:2px 0 12px}
 .catalog-section .section-head{margin-bottom:8px;padding-bottom:7px}
 .catalog-section .section-head .eyebrow{margin-bottom:4px!important;font-size:9px}
 .catalog-section-intro{font-size:11px;line-height:1.4;margin-bottom:9px}
}

/* SEO guide remains discoverable and clickable on narrow screens. */
@media(max-width:760px){
 .hero-summary>.guide-jump{display:inline-flex;min-height:26px;height:auto;padding:2px 4px!important;margin:2px 0!important;line-height:1.2;font-size:10px}
 .hero-summary>.guide-jump span{font-size:13px}
 .intro{padding-top:11px}
 .catalog-quicknav{padding-bottom:9px}
}


/* Editorial hubs are part of the Toolbox, not buried after 28 calculators. */
.portal-menu .portal-drop-links{width:min(340px,calc(100vw - 32px));right:0;left:auto;transform:none;max-height:70vh;overflow-y:auto;padding:10px;border-radius:14px}
.portal-drop-links a{display:flex;justify-content:space-between;gap:15px;white-space:normal;padding:12px 13px;border-bottom:1px solid #edf0ed;min-height:44px}
.portal-drop-links a:last-child{border-bottom:0}
.portal-drop-links a span{color:#73917e;font-size:17px}
.portal-quicklinks{display:flex;align-items:center;gap:14px;margin:-2px auto 25px;min-width:0}
.portal-quicklinks>strong{color:#5d7867;font:750 11px ui-monospace,SFMono-Regular,Menlo,monospace;text-transform:uppercase;white-space:nowrap;letter-spacing:.05em}
.portal-quickchips{display:flex;flex-wrap:wrap;align-items:center;gap:8px;min-width:0}
.portal-quickchips a{display:inline-flex;align-items:center;gap:10px;padding:9px 12px;font-size:12px;font-weight:800;color:#375941;border:1px solid #cbd9cf;border-radius:9px;background:#fffdfd;white-space:nowrap}
.portal-quickchips a:first-child{background:#e9f0e9;border-color:#b4cbb8}
.portal-quickchips a span{font-size:17px;line-height:1}
.portal-quickchips a:hover{background:#e7efe8;color:#2b503a}
.mobile-portal-section{margin-top:15px;border-top:1px solid #d7e0d8;padding-top:3px}
.mobile-portal-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.mobile-portal-grid a{display:flex;justify-content:space-between;align-items:center;gap:8px;min-height:44px;padding:10px;border:1px solid #cedacf;border-radius:9px;background:#fffdfd;font-size:12px;font-weight:770;color:#365741;overflow-wrap:anywhere}
.mobile-portal-grid a:first-child{background:#e9f0e9}
.mobile-portal-grid a span{color:#668f70}
@media(min-width:761px){.mobile-portal-section{display:none}}
@media(max-width:760px){
 .portal-quicklinks{gap:8px;margin:0 auto 10px}
 .portal-quicklinks>strong{display:none}
 .portal-quickchips{display:flex;flex-wrap:nowrap;gap:6px;overflow-x:auto;max-width:100%;width:100%;scrollbar-width:thin;overscroll-behavior-x:contain;padding-bottom:3px}
 .portal-quickchips a{padding:7px 10px;font-size:11px;min-height:35px;border-radius:99px}
 .portal-quickchips a span{font-size:13px}
}


/* Deals Radar MVP: integrated navigation and compact homepage entry. */
.nav-links a.radar-top-link{display:inline-flex;align-items:center;white-space:nowrap;border:1px solid #b9cfbc;border-radius:8px;background:#e6f0df;color:#375d3f;padding:8px 11px;font-weight:800;font-size:11px}
.nav-links a.radar-top-link:hover{background:#d4e8cd;color:#294733}
.radar-spotlight{margin-top:11px;margin-bottom:23px;padding:23px 26px;background:linear-gradient(125deg,#22392e,#364c3b);border:1px solid #465e45;border-radius:16px;display:flex;align-items:center;justify-content:space-between;gap:28px;color:#fff;box-shadow:0 12px 30px #273c2718}
.radar-spotlight>div{min-width:0;max-width:750px}
.radar-spotlight-label{font:780 10px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.12em;color:#d6eca6}
.radar-spotlight h2{margin:6px 0 9px;font-size:clamp(21px,2.4vw,31px);font-weight:800;color:#f5faf1;line-height:1.15;letter-spacing:-.05em}
.radar-spotlight p{color:#c1cfbf;font-size:13px;line-height:1.55}
.radar-spotlight>a{flex-shrink:0;display:inline-flex;align-items:center;gap:18px;padding:12px 16px;border-radius:9px;background:#d2eba8;color:#314a30;font:790 12px ui-monospace,SFMono-Regular,Menlo,monospace}
.radar-spotlight>a:hover{background:#e2fabd;color:#293f2f}
.mobile-radar-link{display:flex;justify-content:space-between;align-items:center;background:#d6e9c9;border:1px solid #a8c39f;border-radius:10px;color:#28482f;min-height:48px;padding:10px 13px;margin:8px 0 12px;font-weight:820;font-size:14px}
.mobile-radar-link span{font-size:18px}
@media(max-width:1040px){.nav-links .radar-top-link{display:none!important}}
@media(max-width:760px){.radar-spotlight{padding:15px 15px;gap:12px;flex-wrap:wrap;border-radius:12px;margin-top:4px;margin-bottom:14px}
.radar-spotlight h2{font-size:20px;margin:4px 0 6px}.radar-spotlight p{font-size:11px;line-height:1.4}
.radar-spotlight>a{min-height:37px;font-size:11px;padding:9px 11px;width:100%;justify-content:space-between}}

/* Small phones: one compact Radar entry, not two extra blocks before the first usable tool.
   Portal links remain available from the accessible mobile drawer. */
@media(max-width:760px){
 .portal-quicklinks{display:none!important}
 .radar-spotlight{display:block;margin-top:0;margin-bottom:6px;padding:0;border:0;background:transparent;box-shadow:none;border-radius:0}
 .radar-spotlight>div{display:none}
 .radar-spotlight>a{display:flex;width:100%;min-height:43px;margin:0;padding:10px 13px;border:1px solid #a8c39f;border-radius:10px;background:#d6e9c9;color:#28482f;font-size:12px;justify-content:space-between}
 .radar-spotlight>a:hover,.radar-spotlight>a:focus-visible{background:#c9e1bc;color:#25422c}
}

.game-seo-depth{margin:34px 0;padding:28px;border:1px solid var(--line,#d7d2d5);border-radius:18px;background:rgba(255,255,255,.52);min-width:0;max-width:100%;box-sizing:border-box}
.game-seo-depth>h2:first-child{margin-top:0}
.game-seo-depth h2{margin:30px 0 10px}
.game-seo-depth p{max-width:78ch}
.seo-table-wrap{width:100%;max-width:100%;min-width:0;box-sizing:border-box;overflow-x:auto;margin:18px 0 26px}
.seo-data-table{width:100%;border-collapse:collapse;font-size:.94rem}
.seo-data-table th,.seo-data-table td{padding:11px 12px;text-align:left;border-bottom:1px solid var(--line,#d7d2d5);white-space:nowrap}
.seo-data-table th{font-weight:700}
@media(max-width:640px){.game-seo-depth{padding:20px 16px;overflow:hidden}.seo-data-table{font-size:.88rem;table-layout:fixed;width:100%;max-width:100%}.seo-data-table th,.seo-data-table td{white-space:normal;overflow-wrap:anywhere;word-break:break-word;min-width:0}}

/* v1.5 homepage task wizard */
.hero-discovery{padding-top:58px;padding-bottom:34px}
.hero-discovery .hero-grid{grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);align-items:start;gap:32px}
.home-wizard{min-width:0}
.home-wizard h1{font:700 clamp(36px,4vw,58px)/1.01 var(--mono);letter-spacing:-.06em;max-width:760px;margin:0 0 14px}
.wizard-lead{max-width:760px;margin:0 0 20px;color:#52695b;font-size:16px;line-height:1.62}
.wizard-search-shell{position:relative;z-index:12;margin-bottom:14px}
.wizard-search{display:flex;align-items:center;gap:10px;min-height:52px;background:#fffdfd;border:1px solid #cbd8cd;border-radius:13px;padding:0 15px}
.wizard-search:focus-within{outline:2px solid #829889;outline-offset:2px}
.wizard-search>span{font-size:24px;color:#547563}
.wizard-search input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:#274136;font-size:15px;font-weight:650}
.wizard-search input::placeholder{color:#7b8b81;font-weight:500}
.wizard-search-results{position:absolute;left:0;right:0;top:calc(100% + 7px);max-height:min(420px,55vh);overflow:auto;background:#fff;border:1px solid #cbd6cd;border-radius:13px;box-shadow:0 16px 38px rgba(35,59,44,.14);padding:8px;z-index:50}
.wizard-search-results[hidden]{display:none}
.wizard-search-result-label{padding:7px 10px 5px;color:#788a7f;font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.wizard-search-results a{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;padding:11px 12px;border-radius:9px;color:#2e4b39;text-decoration:none}
.wizard-search-results a:hover,.wizard-search-results a:focus-visible{background:#edf3ed;outline:none}
.wizard-search-results a span{min-width:0}
.wizard-search-results a strong{display:block;font-size:13px;line-height:1.3}
.wizard-search-results a small{display:block;margin-top:3px;color:#75867b;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wizard-search-results a i{font-style:normal;color:#5b7865;font-size:16px}
.wizard-search-empty{margin:0;padding:14px 12px;color:#65786d;font-size:12px;line-height:1.5}
.wizard-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.wizard-card{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-template-rows:auto auto;gap:2px 10px;align-items:center;min-height:78px;padding:13px 14px;border:1px solid #cbd6cd;border-radius:13px;background:#fffdfd;color:#2f4c3b;transition:.16s ease}
.wizard-card:hover,.wizard-card:focus-visible{transform:translateY(-2px);border-color:#86a28d;background:#edf3ed}
.wizard-card>i{grid-row:1/3;width:34px;height:34px;display:grid;place-items:center;border-radius:9px;background:#e7eee7;color:#41634e;font-style:normal;font-size:18px}
.wizard-card>b{font-size:13px;line-height:1.25}
.wizard-card>small{grid-column:2/3;color:#7d8c83;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wizard-card>span:last-child{grid-column:3;grid-row:1/3;font-size:17px;color:#597662}
.wizard-bonus{background:#f5f0f4}.wizard-tracker{background:#eef2f7}.wizard-crypto{background:#f1f1e8}.wizard-deals{background:#e8f0df}
.wizard-popular{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:14px;font-size:11px;color:#677d6f}
.wizard-popular strong{font-weight:750}
.wizard-popular a{padding:6px 9px;border:1px solid #ced9d0;border-radius:999px;background:#fffdfd;color:#3d5b48;font-weight:700}
.hero-product-eyebrow{font-size:10px;letter-spacing:.18em}
.hero-discovery .hero-summary{padding:18px 0 4px 28px;border-left:1px solid #cbd6cd;min-height:100%}
.hero-summary-title{max-width:34ch;margin:0 0 12px;color:#345544;font-size:13px;line-height:1.45;font-weight:850;letter-spacing:.045em;text-transform:uppercase}
.hero-discovery .hero-description{max-width:48ch;font-size:16px;line-height:1.62;color:#53675b}
.hero-discovery .hero-stats{margin:24px 0 20px;padding-top:20px;border-top:1px solid #d7dfd8}
.hero-discovery+.catalog-finder{margin-top:0;min-height:18px;justify-content:flex-end}
.hero-discovery+.catalog-finder .catalog-finder-input{display:none}
@media(max-width:900px){
 .hero-discovery .hero-grid{grid-template-columns:1fr}
 .hero-discovery .hero-summary{padding:0;max-width:none;border-left:0;min-height:0}
}
@media(max-width:560px){
 .hero-discovery{padding-top:36px}
 .wizard-grid{grid-template-columns:1fr}
 .home-wizard h1{font-size:38px}
 .wizard-lead{font-size:15px}
 .wizard-search-results{max-height:48vh}
 .wizard-card{min-height:70px}
}


/* Problem-led discovery and intent clusters */
.problem-picker{padding:38px 0 24px;border-top:1px solid var(--line,#d6ddd7)}
.problem-picker>h2{font-size:clamp(26px,3vw,40px);letter-spacing:-.055em;margin:0 0 8px}
.problem-picker>p{max-width:760px;color:#607166;line-height:1.65;margin:0 0 20px}
.problem-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}
.problem-card{display:grid;grid-template-columns:1fr auto;gap:8px 12px;align-items:start;min-height:145px;padding:20px;border:1px solid #ccd8ce;border-radius:14px;background:#fffdfd;text-decoration:none!important}
.problem-card strong{font-size:18px;line-height:1.18;letter-spacing:-.035em;color:#294638}
.problem-card span:nth-child(2){grid-column:1 / -1;font-size:13px;line-height:1.55;color:#617568}
.problem-card span:last-child{font-size:20px;color:#668672}
.problem-card:hover{transform:translateY(-1px);border-color:#9fb4a4}
.cluster-links,.tool-clusters>div{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
.cluster-chip{display:inline-flex;padding:9px 13px;border:1px solid #c8d6ca;border-radius:999px;background:#f9faf8;font-size:12px;font-weight:800;color:#365944;text-decoration:none!important}
.tool-clusters{margin:26px 0;padding:18px 0;border-top:1px solid #d9e1da;border-bottom:1px solid #d9e1da}
.tool-clusters>strong{font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:#6d8174}
.decision-layer{margin:34px 0;padding:28px;border:1px solid #cad8cd;border-radius:15px;background:#f8faf7}
.decision-layer>h2{font-size:clamp(24px,2.7vw,34px);letter-spacing:-.05em;margin:0 0 18px}
.decision-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.decision-grid>div{padding:17px;border-radius:11px;background:#fff;border:1px solid #dbe4dc}
.decision-grid h3{font-size:12px;text-transform:uppercase;letter-spacing:.05em;color:#58705f;margin:0 0 8px}
.decision-grid p{font-size:13px;line-height:1.65;color:#455f50;margin:0}
.fair-steps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 24px;margin:14px 0 0;padding-left:22px}
.fair-steps li{padding:4px 0;line-height:1.55}
.cluster-hub{padding-bottom:60px}
.cluster-tool-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;list-style:none;padding:0;margin:30px 0}
.cluster-tool-list li>a{display:block;height:100%;padding:20px;border:1px solid #cfdacf;border-radius:13px;background:#fffdfd;text-decoration:none}
.cluster-tool-list strong{display:block;font-size:19px;color:#2d4c3a;margin-bottom:7px}
.cluster-tool-list span{display:block;font-size:13px;line-height:1.55;color:#617568}
.cluster-depth{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:34px 0}
.cluster-depth-item{padding:22px;border:1px solid #d4ddd5;border-radius:14px;background:#fbfcfa}
.cluster-depth-item h2{margin:0 0 10px;font-size:22px;line-height:1.18;letter-spacing:-.035em;color:#2c4a38}
.cluster-depth-item p{margin:0;font-size:14px;line-height:1.72;color:#536b5b}
.cluster-why{max-width:850px;padding:24px 0;border-top:1px solid #d5ded6}
.cluster-why h2{font-size:26px;letter-spacing:-.04em;margin-bottom:10px}
@media(max-width:820px){
 .problem-grid,.decision-grid{grid-template-columns:1fr 1fr}
 .cluster-tool-list,.cluster-depth{grid-template-columns:1fr}
}
@media(max-width:560px){
 .problem-grid,.decision-grid,.fair-steps{grid-template-columns:1fr}
 .problem-card{min-height:0}
 .decision-layer{padding:19px}
}


/* Sticky bonus mean-loss visualization */
.sticky-path{margin-top:18px;padding:16px;border:1px solid #d7e0d8;border-radius:12px;background:#fbfcfa}
.sticky-path-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}
.sticky-path-head strong{font-size:12px;text-transform:uppercase;letter-spacing:.055em;color:#5b7262}
.sticky-path-grid{display:grid;gap:8px}
.sticky-path-row{display:grid;grid-template-columns:42px 1fr minmax(70px,auto);gap:9px;align-items:center;font-size:11px;color:#607166}
.sticky-path-row>strong{text-align:right;font-variant-numeric:tabular-nums;color:#31513f}
.sticky-path-track{height:9px;border-radius:999px;background:#e5ebe6;overflow:hidden}
.sticky-path-track i{display:block;height:100%;border-radius:999px;background:currentColor;color:#789384;transition:width .18s ease}
.sticky-path p{margin:11px 0 0;font-size:11px;line-height:1.55;color:#718176}
@media(max-width:520px){.sticky-path-row{grid-template-columns:36px 1fr minmax(58px,auto)}}

/* Bet Tracker + CLV dashboard */
.bt-settings-head{margin-top:18px}
.bt-journal{margin-top:18px;padding:18px;border:1px solid var(--line);border-radius:18px;background:var(--card)}
.bt-table-wrap{overflow:auto;border:1px solid var(--line);border-radius:14px}
.bt-table{width:100%;border-collapse:collapse;min-width:880px;font-size:.88rem}
.bt-table th,.bt-table td{padding:10px 12px;border-bottom:1px solid var(--line);text-align:left;white-space:nowrap}
.bt-table th{font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;opacity:.72}
.bt-table tr:last-child td{border-bottom:0}
.bt-empty{text-align:center!important;padding:28px!important;opacity:.65}
.bt-chart-wrap{margin-top:18px;border:1px solid var(--line);border-radius:14px;padding:12px}
.bt-chart{width:100%;height:auto;min-height:150px;overflow:visible}
.bt-line{stroke:currentColor;stroke-width:3;vector-effect:non-scaling-stroke}
.bt-axis{stroke:currentColor;stroke-opacity:.18;stroke-width:1}
.bt-chart-label{fill:currentColor;font-size:12px;opacity:.65}
.bt-file-label{cursor:pointer}
@media(max-width:720px){.bt-journal{padding:12px}.bt-table{font-size:.8rem}.bt-chart{min-height:120px}}

/* Bet Tracker product layer */
.bt-filters{margin-top:18px;padding:18px;border:1px solid var(--line);border-radius:18px;background:var(--card)}
.bt-row-actions{display:flex;gap:6px;align-items:center}
.bt-dot{fill:currentColor;opacity:.68}
#bt-edit-mode{margin-top:10px}
@media(max-width:720px){
 .bt-filters{padding:12px}
 .bt-row-actions{flex-direction:column;align-items:stretch}
}

/* Bet Tracker segment analytics */
.bt-segments{margin-top:18px;padding:18px;border:1px solid var(--line);border-radius:18px;background:var(--card)}
.bt-segment-select{min-width:190px;margin:0}
.bt-segment-table{min-width:980px}
.bt-segment-table td:first-child{font-weight:650}
@media(max-width:720px){.bt-segments{padding:12px}.bt-segment-select{min-width:150px}}

/* Full content-depth pass */
.home-depth{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:24px;margin-bottom:24px}
.home-depth-item{padding:18px;border:1px solid var(--line);border-radius:16px;background:var(--card)}
.home-depth-item h2{margin-top:0;font-size:1.05rem}
.home-depth-item p{margin-bottom:0}
.site-footer .footer-line{align-items:flex-start;gap:18px;flex-wrap:wrap}
.site-footer .footer-line nav,.site-footer .footer-line span{display:flex;gap:8px 12px;flex-wrap:wrap}
.static-footer{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;flex-wrap:wrap}
.static-footer nav{display:flex;gap:8px 12px;flex-wrap:wrap}
@media(max-width:760px){.home-depth{grid-template-columns:1fr}.static-footer{display:block}.static-footer nav{margin-top:10px}}

/* Prediction-market tools: accessible result pairs and mobile wrapping */
.pm-metrics{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:0 14px;margin:0}
.pm-metrics dt,.pm-metrics dd{padding:12px 2px;border-bottom:1px solid var(--line);min-width:0;margin:0;overflow-wrap:anywhere}
.pm-metrics dd{text-align:right;font-weight:750;font-variant-numeric:tabular-nums}
[data-prediction-tool] textarea{width:100%;min-height:125px;resize:vertical;font:inherit;padding:12px;border:1px solid var(--line);border-radius:10px;background:var(--card);color:inherit}
@media(max-width:500px){.pm-metrics{grid-template-columns:1fr}.pm-metrics dt{border:0;padding-bottom:1px}.pm-metrics dd{text-align:left;padding-top:1px}}

/* Prediction Markets: purposeful distinct entry, calculator-first form/results */
.prediction-feature{margin-top:22px;margin-bottom:28px;padding:clamp(20px,4vw,36px);display:grid;grid-template-columns:minmax(0,1.8fr) minmax(240px,.9fr);align-items:center;gap:28px;background:linear-gradient(115deg,#edf2ed 0%,#fbf6ee 70%,#f8f9f6 100%);border:1px solid #d5dfd7;border-radius:24px;box-shadow:0 15px 30px -30px #3a5e49}
.prediction-feature h2{font-size:clamp(24px,3vw,37px);line-height:1.08;letter-spacing:-.035em;margin:8px 0 14px}
.prediction-feature p{max-width:65ch;margin:0 0 20px;line-height:1.6}
.prediction-feature nav{display:grid;gap:10px}
.prediction-feature nav a{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;border:1px solid #cad8cc;border-radius:13px;background:#ffffffc7;color:inherit;text-decoration:none;font-weight:650;transition:background .18s ease,transform .18s ease}
.prediction-feature nav a:hover,.prediction-feature nav a:focus-visible{background:#fff;transform:translateY(-2px)}
body:has([data-prediction-tool]) .static-content,body:has(.cluster-hub) .static-content{width:min(1200px,calc(100% - 40px));max-width:1200px;margin:30px auto 52px}
[data-prediction-tool] .control-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;margin-top:16px}
[data-prediction-tool] label.field{display:flex;flex-direction:column;gap:8px;font-weight:650;font-size:13px;min-width:0}
[data-prediction-tool] label.field input,[data-prediction-tool] label.field select,[data-prediction-tool] label.field textarea{width:100%;min-width:0;padding:12px;border:1px solid #c9d6cb;border-radius:10px;background:#fff;color:#173326;font:inherit;font-weight:500}
[data-prediction-tool] label.field input:focus-visible,[data-prediction-tool] label.field select:focus-visible,[data-prediction-tool] label.field textarea:focus-visible{outline:2px solid #3f7553;outline-offset:2px}
[data-prediction-tool] .pm-metrics dt{font-size:.84rem;color:#546b5c}
[data-prediction-tool] .pm-metrics dd{font-size:clamp(15px,1.7vw,20px);letter-spacing:-.02em;color:#1c3d29}
[data-prediction-tool] [data-status]{font-size:.87rem;line-height:1.5;margin:14px 0 0;padding:12px 14px;background:#eff4ef;border-left:3px solid #6c9275;border-radius:0 10px 10px 0}
[data-prediction-tool] [data-status].error{border-color:#b94f40;background:#fff2ee;color:#8d2d25}
[data-prediction-tool] [data-pm-breakdown]{padding:12px 0;border-top:1px solid var(--line);font-size:.85rem}
[data-prediction-tool] [data-pm-breakdown] h3{font-size:1rem;margin:7px 0}
[data-prediction-tool] [data-pm-breakdown] p{margin:7px 0;overflow-wrap:anywhere}
@media(max-width:780px){.prediction-feature{grid-template-columns:1fr;gap:16px}.prediction-feature nav{grid-template-columns:repeat(3,minmax(0,1fr))}.prediction-feature nav a{padding:12px;font-size:12px}}
@media(max-width:520px){.prediction-feature{border-radius:17px;margin-top:16px}.prediction-feature nav{grid-template-columns:1fr}.prediction-feature nav a{font-size:14px}[data-prediction-tool] .control-grid{grid-template-columns:1fr}body:has([data-prediction-tool]) .static-content,body:has(.cluster-hub) .static-content{width:min(100% - 28px,1200px)}}


/* =========================================================================
   GAMBLETOOLBOX — SOFT EDITORIAL WORKSPACE • 28 OCT 2026
   Single design layer replacing the previous dark Workbench patch.
   Source palette: #C1C0C2 #F5E9E7 #837D68 #8A9DB1 #ECC5C6
   ========================================================================= */
:root{
 --bg:#F5E9E7;--ink:#252529;--muted:#55565C;--card:#FFFCFB;
 --card2:#F1EDEB;--accent:#625D4C;--border:#C1C0C2;--dark:#252529;
 --orange:#837D68;--red:#A33E4A;--cyan:#617A92;--line:#C1C0C2;
 --surface:#FFFCFB;--olive:#837D68;--olive-deep:#595546;
 --blue:#8A9DB1;--blue-deep:#485F78;--pink:#ECC5C6;
 --font:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
 --mono:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
 --numbers:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
 font-family:var(--font);color:var(--ink);background:var(--bg);
}
html{scroll-padding-top:98px}
body{background:var(--bg);color:var(--ink);font-family:var(--font);font-size:15px;line-height:1.58}
body,button,input,textarea,select,.site-header,.portal-body{font-family:var(--font)}
button,input,select,textarea{font-size:inherit}
h1,h2,h3,h4{font-family:var(--font);font-weight:700;letter-spacing:-.035em;color:var(--ink);text-wrap:pretty}
button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--blue-deep);outline-offset:3px}
::selection{background:var(--pink);color:var(--ink)}
a{transition:color .13s,background-color .13s,border-color .13s}
a:hover{color:var(--olive-deep)}
.eyebrow,.tiny{color:var(--blue-deep);font-family:var(--font);font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase}
.eyebrow .rule{width:22px;height:2px;background:var(--olive)}
.muted{color:var(--muted)}
.green{color:var(--olive-deep)}
.warn{color:#755F38}
.red{color:var(--red)}

/* Primary navigation — no dark floating bar, no illegible pale pill. */
.site-header{position:sticky;top:0;z-index:50;background:rgba(255,252,251,.97);border-bottom:1px solid var(--border);box-shadow:none;backdrop-filter:blur(14px)}
.site-header .nav{min-height:76px;gap:18px}
.site-header .logo{color:var(--ink);font-family:var(--font);font-weight:750;font-size:20px;letter-spacing:-.04em}
.site-header .logo b{font-weight:750}
.site-header .logo em{font-style:normal;color:var(--olive-deep)}
.site-header .logo-square{width:37px;height:37px;display:grid;place-items:center;background:var(--olive);color:#fff;border-radius:8px;box-shadow:none;font-family:var(--font);font-size:19px}
.site-header .nav-links{color:#3D3D40;gap:clamp(10px,1.4vw,23px);font-size:12px;font-weight:650}
.site-header .nav-links>a{color:#393A3D}
.site-header .nav-links>a:hover,.site-header .nav-links>a:focus-visible,.site-header .nav-links a.active{color:var(--olive-deep)}
.site-header .nav-links a.active:after{background:var(--olive);height:2px}
.site-header .nav-menu>summary{color:#3E3F44}
.site-header .nav-label{border-color:var(--border);border-radius:6px;color:var(--muted);background:var(--surface);font-family:var(--font)}
.site-header .nav-dropdown{background:#FFFCFB;border:1px solid #BAB8BC;box-shadow:0 12px 32px rgba(37,37,41,.10);border-radius:8px}
.site-header .nav-dropdown a{color:var(--ink);border-radius:5px}
.site-header .nav-dropdown a:hover{background:#F5E9E7;color:var(--olive-deep)}
.site-header .nav-links>a.radar-top-link{color:var(--olive-deep);border:1px solid #B9B1A4;background:#F5F0E8;box-shadow:none;padding:8px 11px;border-radius:6px;font-size:12px}
.site-header .nav-links>a.radar-top-link:hover,.site-header .nav-links>a.radar-top-link:focus-visible{background:var(--pink);border-color:var(--olive);color:var(--ink)}
.site-header .lang-menu>summary{display:flex;align-items:center;justify-content:center;min-width:54px;min-height:36px;background:#FFFCFB;border:1px solid var(--border);color:var(--ink);border-radius:6px;opacity:1;font-weight:700}
.site-header .lang-menu>summary:hover,.site-header .lang-menu[open]>summary{background:var(--pink);color:var(--ink);border-color:var(--olive)}
.site-header .lang-menu .nav-dropdown{background:#FFFCFB;color:var(--ink)}
.site-header .lang-menu .nav-dropdown a{background:transparent;color:var(--ink)}
.site-header .lang-menu .nav-dropdown a:hover,.site-header .lang-menu .nav-dropdown a.active{background:var(--pink);color:var(--ink)}
.top-strip{background:#E4DCDB;color:#414146;border:0;border-bottom:1px solid var(--border);padding:7px 0;font:650 10px var(--font);letter-spacing:.03em}
.top-strip .light-dot{background:var(--olive);width:6px;height:6px;border-radius:50%;box-shadow:none}
.top-strip .right-side{color:var(--muted)}

/* First screen — editorial hierarchy on a light canvas. */
.hero-discovery{position:relative;max-width:none;width:100%;margin:0;padding:clamp(37px,5vw,64px) max(23px,calc((100vw - 1240px)/2)) clamp(36px,4.8vw,64px);background:var(--bg);color:var(--ink);border-bottom:1px solid var(--border)}
.hero-discovery .hero-grid{display:grid;grid-template-columns:minmax(0,1.13fr) minmax(315px,.86fr);align-items:start;gap:clamp(27px,5vw,66px);margin-top:23px}
.hero-discovery .hero-product-eyebrow,.hero-discovery .eyebrow{color:var(--olive-deep)}
.hero-discovery .home-wizard h1{font-family:var(--font);font-weight:750;letter-spacing:-.055em;line-height:1.09;font-size:clamp(37px,4.35vw,62px);color:#252529;max-width:720px;text-wrap:balance}
.hero-discovery .wizard-lead{font-size:15px;line-height:1.66;color:#4C4C53;max-width:56ch;margin:18px 0 25px}
.hero-discovery .wizard-search-shell{margin:0 0 21px}
.hero-discovery .wizard-search{min-height:59px;display:flex;align-items:center;gap:12px;background:#FFFCFB;border:1.5px solid #AFACB1;box-shadow:none;border-radius:8px;padding:0 17px}
.hero-discovery .wizard-search:focus-within{outline:3px solid #8A9DB177;outline-offset:1px;border-color:var(--blue-deep)}
.hero-discovery .wizard-search>span{color:var(--blue-deep);font-size:23px}
.hero-discovery .wizard-search input{background:transparent;color:var(--ink);font-size:15px;font-family:var(--font)}
.hero-discovery .wizard-search input::placeholder{color:#60616A;opacity:1}
.hero-discovery .wizard-search-results{background:#FFFCFB;border:1px solid var(--border);box-shadow:0 12px 26px #2b2b301c;border-radius:8px}
.hero-discovery .wizard-search-results a{border-radius:5px;color:var(--ink)}
.hero-discovery .wizard-search-results a:hover,.hero-discovery .wizard-search-results a:focus-visible{background:#F3E4E4;color:var(--ink)}
.hero-discovery .wizard-grid{display:grid;grid-template-columns:1fr;gap:0;border-top:1px solid #B4B1B4}
.hero-discovery .wizard-card,.hero-discovery .wizard-card.wizard-bonus,.hero-discovery .wizard-card.wizard-tracker,.hero-discovery .wizard-card.wizard-crypto{
 display:grid;grid-template-columns:40px minmax(0,1fr) 24px;grid-template-rows:auto auto;gap:3px 10px;align-items:center;
 min-height:69px;padding:13px 7px 13px 0;margin:0;border:0;border-bottom:1px solid #C7C4C6;border-radius:0;
 background:transparent!important;box-shadow:none;transform:none;color:var(--ink)
}
.hero-discovery .wizard-card>i{grid-row:1/3;align-self:start;display:flex;justify-content:flex-start;align-items:flex-start;width:auto;height:auto;background:transparent;color:var(--olive-deep);font:700 12px var(--numbers);padding:3px 0 0;border-radius:0}
.hero-discovery .wizard-card>b{color:#26252A;font-size:15px;font-weight:700;line-height:1.28;letter-spacing:-.015em}
.hero-discovery .wizard-card>small{grid-column:2;grid-row:2;display:block;white-space:normal;overflow-wrap:anywhere;line-height:1.5;font-size:12px;color:#56565C}
.hero-discovery .wizard-card>span:last-child{grid-column:3;grid-row:1/3;color:var(--olive-deep);font-size:20px;justify-self:end}
.hero-discovery .wizard-card:hover,.hero-discovery .wizard-card:focus-visible{background:#EEE1E0!important;border-bottom-color:var(--olive);padding-left:9px;border-left:2px solid var(--olive);transform:none}
.hero-discovery .wizard-popular{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px 15px;color:#505159;font-size:12px;margin-top:20px;padding-top:15px;border-top:1px solid #C7C3C5}
.hero-discovery .wizard-popular strong{font-weight:700}
.hero-discovery .wizard-popular a{color:#514F45;border:0;border-bottom:1px solid #A19A88;border-radius:0;background:transparent;padding:2px 0;font-size:12px}
.hero-discovery .wizard-popular a:hover{color:#23242A;border-color:#23242A}

/* The right side is an actual quick calculator, not a hero stat card. */
.hero-discovery .workbench-preview{margin:0;min-height:0;max-width:none;padding:clamp(22px,2.8vw,34px);background:#FFFCFB;color:var(--ink);border:1px solid #C4BDBD;border-top:4px solid var(--olive);border-radius:10px;box-shadow:0 14px 36px rgba(73,59,66,.065)}
.workbench-preview-top{display:flex;justify-content:space-between;gap:12px;padding-bottom:17px;margin-bottom:20px;border-bottom:1px solid #C8C5C7;font:700 11px var(--font);letter-spacing:.025em;color:var(--olive-deep)}
.workbench-preview h2{color:var(--ink);font:750 clamp(24px,2.5vw,34px)/1.12 var(--font);letter-spacing:-.035em;max-width:23ch;margin-bottom:23px}
.workbench-inputs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.workbench-inputs label{display:flex;flex-direction:column;gap:9px;color:#4D4F54;font:650 12px var(--font)}
.workbench-inputs input{width:100%;min-width:0;min-height:54px;padding:11px 13px;background:#F9F5F4;color:var(--ink);border:1px solid #B6B3B6;border-radius:6px;font:700 22px var(--numbers);font-variant-numeric:tabular-nums}
.workbench-inputs input:focus-visible{outline-color:var(--blue-deep);border-color:var(--blue-deep)}
.workbench-receipt{margin-top:23px;border-top:1px solid #C8C5C7}
.workbench-receipt>div{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:13px 0;border-bottom:1px solid #DED9DA}
.workbench-receipt span{font-size:12px;font-weight:600;color:#515158}
.workbench-receipt output{font:700 17px var(--numbers);color:#26252A;font-variant-numeric:tabular-nums}
.workbench-receipt .workbench-receipt-main{padding:17px 13px;background:#F2DCDD;border-bottom:1px solid #ECC5C6;margin:0 -13px}
.workbench-receipt-main span{max-width:16ch;color:#3E3C40}
.workbench-receipt-main output{color:#433B3D;font:700 clamp(25px,2.7vw,37px)/1 var(--numbers);letter-spacing:-.04em}
.workbench-warning{color:#585961!important;font-size:12px!important;line-height:1.5;margin:14px 0 16px}
.workbench-action{display:flex;justify-content:space-between;gap:14px;padding:13px 16px;border:1px solid var(--olive-deep);border-radius:6px;background:var(--olive-deep);color:#FFFFFF;font:700 13px var(--font)}
.workbench-action:hover,.workbench-action:focus-visible{background:#464334;border-color:#464334;color:#FFFFFF}
.hero-discovery .workbench-preview .workbench-meta{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:11px;border-top:1px solid #D4CDCC;margin:19px 0 0;padding:14px 0 0}
.hero-discovery .workbench-preview .workbench-meta>div{display:flex;align-items:baseline;gap:7px}
.hero-discovery .workbench-preview .workbench-meta strong{font:700 12px var(--numbers);color:var(--olive-deep)}
.hero-discovery .workbench-preview .workbench-meta span{font:650 10px var(--font);color:#5E6066}
.hero-discovery+.catalog-finder{position:absolute;overflow:hidden;clip-path:inset(50%);width:1px;min-width:0;height:1px;min-height:0;padding:0;margin:0;white-space:nowrap;pointer-events:none}

/* Browse by user problem — high-contrast editorial rows. */
.problem-picker{padding:35px 0 30px;border:0}
.problem-picker>h2{font-size:clamp(27px,3vw,38px);font-weight:750;letter-spacing:-.035em;margin:0 0 7px;color:var(--ink)}
.problem-picker>p{font-size:15px;color:#4F5057;margin-bottom:25px;max-width:67ch}
.problem-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 30px;border-top:2px solid #99949A}
.problem-card{display:flex;flex-direction:column;align-items:flex-start;gap:7px;min-height:0;padding:21px 10px 22px 0;border:0;border-bottom:1px solid #C1C0C2;border-radius:0;background:transparent!important;box-shadow:none;color:var(--ink);transform:none;min-width:0;width:100%}
.problem-card strong{display:block;width:100%;min-width:0;color:var(--ink);font-size:17px;line-height:1.33;font-weight:700;letter-spacing:-.018em}
.problem-card span,.problem-card span:nth-child(2),.problem-card span:last-child{display:block;width:100%;min-width:0;font-size:14px;line-height:1.55;color:#51525A;max-width:59ch;overflow-wrap:normal;word-break:normal;white-space:normal}
.problem-card:hover,.problem-card:focus-visible{border-bottom-color:var(--olive);background:#F0DFDF!important;transform:none}
.problem-picker .cluster-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 30px;margin-top:21px;padding:0;border-top:1px solid var(--border)}
.problem-picker .cluster-chip{display:block;min-width:0;white-space:normal;overflow-wrap:anywhere;border:0;border-bottom:1px solid #C1C0C2;border-radius:0;padding:12px 7px 12px 0;background:transparent;font-size:12px;font-weight:650;color:#44444B}
.cluster-chip,.static-content .catalog-quicknav a{border-radius:4px;color:var(--olive-deep);font-weight:650}
.cluster-chip:hover,.problem-picker .cluster-chip:hover{color:#212227;border-color:var(--olive);background:#F2DEDF}

/* Category navigation and catalog: preserve row-based browsing. */
.catalog-quicknav{width:100%;max-width:none;padding:13px max(23px,calc((100vw - 1240px)/2));display:flex;align-items:center;flex-wrap:wrap;gap:14px 24px;background:#E8E2E2;border-top:1px solid var(--border);border-bottom:1px solid var(--border);color:var(--ink)}
.catalog-quicknav>strong{color:var(--olive-deep);font:700 12px var(--font);white-space:nowrap}
.catalog-quicknav .catalog-jumps{display:flex;flex-wrap:wrap;align-items:center;gap:8px 22px;min-width:0}
.catalog-quicknav .catalog-jumps a{background:transparent;border:0;border-radius:0;color:#393B42;padding:5px 0;font-size:12px;font-weight:650}
.catalog-quicknav .catalog-jumps a:hover{color:var(--olive-deep);text-decoration:underline;text-underline-offset:4px}
.catalog-quicknav .catalog-jumps span{display:inline-block;padding:0 0 0 6px;border:0;border-radius:0;color:#4B5F75;font:700 11px var(--numbers)}
.catalog-section{padding:35px 0 22px;scroll-margin-top:120px}
.catalog-section .section-head{display:flex;justify-content:space-between;align-items:end;gap:14px;margin:0;padding-bottom:14px;border-bottom:2px solid #96949A}
.catalog-section .section-head h2{color:var(--ink);font-size:clamp(25px,3vw,35px);font-weight:750;letter-spacing:-.038em}
.catalog-section .section-head small{font:650 12px var(--font);color:var(--olive-deep)}
.catalog-section-intro{margin:0;padding:14px 0 17px;color:#56555B;font-size:14px;line-height:1.6;max-width:790px}
.catalog-section .tools-grid{display:block;gap:0;margin:0;border-top:1px solid var(--border)}
.catalog-section .tool-card,.catalog-section .tool-card.featured,.catalog-section .tool-card.featured:nth-child(2),.catalog-section .tool-card.featured:nth-child(3){
 display:grid;grid-template-columns:minmax(72px,.22fr) minmax(175px,.9fr) minmax(170px,1.2fr) auto;
 gap:14px;align-items:center;min-height:95px;padding:16px 7px;
 border:0;border-bottom:1px solid var(--border);border-radius:0;background:transparent!important;box-shadow:none;transform:none;color:var(--ink)
}
.catalog-section .tool-card.featured:after{display:none}
.catalog-section .tool-card:hover,.catalog-section .tool-card:focus-visible{background:#F1DEDF!important;border-bottom-color:#AFA1A0;transform:none;box-shadow:none}
.catalog-section .tool-card .tool-top{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:6px;margin:0}
.catalog-section .tool-card .tool-number{font:700 12px var(--numbers);color:var(--olive-deep)}
.catalog-section .tool-card .tool-category{padding:0;border:0;background:transparent;color:#5B5960;font:650 10px var(--font);border-radius:0}
.catalog-section .tool-card h3{color:var(--ink);font:700 clamp(16px,1.55vw,19px)/1.28 var(--font);letter-spacing:-.022em;margin:0}
.catalog-section .tool-card p{color:#51525A;font-size:13px;line-height:1.55;margin:0}
.catalog-section .tool-card .tool-action{color:var(--olive-deep);font:700 12px var(--font);white-space:nowrap;margin:0;text-align:right}

/* Dedicated prediction hub: use gentle blue for a meaningful distinction. */
.prediction-feature{width:min(1240px,calc(100% - 48px));display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,.74fr);align-items:center;gap:42px;padding:31px 25px;margin:28px auto 10px;background:#E5EAF0;border:1px solid #B9C5D0;border-left:5px solid #8A9DB1;border-radius:9px;box-shadow:none}
.prediction-feature h2{font:750 clamp(27px,3.4vw,43px)/1.13 var(--font);letter-spacing:-.04em;color:var(--ink);margin:8px 0 11px}
.prediction-feature p{color:#444B55;font-size:14px;line-height:1.65;margin:0 0 18px;max-width:60ch}
.prediction-feature .btn.primary{display:inline-flex;align-items:center;background:var(--olive-deep);color:#fff;border:1px solid var(--olive-deep);border-radius:6px;min-height:44px;padding:12px 18px;font:700 12px var(--font)}
.prediction-feature .btn.primary:hover{background:#464334;color:#fff}
.prediction-feature nav{display:grid;gap:0;border-top:1px solid #B1BAC5}
.prediction-feature nav a{border:0;border-bottom:1px solid #B1BAC5;border-radius:0;box-shadow:none;background:transparent!important;padding:14px 5px;color:#333E4B;font-size:14px;font-weight:650}
.prediction-feature nav a:hover{color:#1C2939;background:#D5DFE9!important;transform:none}
.home-depth{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:23px}
.home-depth-item{background:transparent;border:0;border-top:2px solid var(--olive);border-radius:0;padding:20px 0}
.home-depth-item h2{font-size:17px;color:var(--ink);font-weight:700}
.home-depth-item p{font-size:13px;line-height:1.7;color:#55565D}
.decision-layer{background:transparent;border:0;border-top:2px solid var(--olive);border-radius:0;padding:23px 0;margin:28px 0}
.decision-grid{gap:0;border-top:1px solid var(--border)}
.decision-grid>div{background:transparent;border:0;border-right:1px solid var(--border);border-radius:0;padding:20px 18px}
.decision-grid>div:last-child{border:0}
.decision-grid h3{color:var(--olive-deep);font:700 12px var(--font)}
.decision-grid p{color:#4C4E53}

/* Tool pages — same accessible palette, varied components by function. */
.tool-hero{padding:27px 0 24px;align-items:flex-end;gap:24px}
.tool-hero h1{font:750 clamp(32px,3.8vw,53px)/1.12 var(--font);letter-spacing:-.043em;color:var(--ink);max-width:980px;overflow-wrap:break-word}
.tool-hero p{font-size:15px;line-height:1.7;color:#505158;margin-top:16px}
.breadcrumb{font:650 12px var(--font);color:#5B5B63}
.breadcrumb b{color:var(--ink)}
.hero-side{gap:10px}
.metric-tag,.mini-pill,.chip,.tool-category{border-radius:6px}
.metric-tag{background:#E5E9ED;color:#43556A;border:1px solid #BDC8D2;font-size:11px;font-weight:650}
.workspace{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(290px,1fr);gap:16px;align-items:stretch;border:0;margin-bottom:24px}
.panel,.panel.alt{border:1px solid var(--border);border-radius:9px;background:#FFFCFB;box-shadow:none;color:var(--ink);padding:clamp(18px,2.5vw,29px);min-width:0}
.panel.alt{background:#EFE7E5;border-color:#C6BDBD;color:var(--ink)}
.panel .panel-head h2,.panel.alt .panel-head h2,.panel:not(.alt) .panel-head h2{font:700 12px var(--font);letter-spacing:.04em;text-transform:uppercase;color:#4D4E54}
.panel.alt .tiny,.panel .tiny{color:#606066}
.panel.alt .field label,.panel.alt .field small,.panel.alt label.field,.field label{color:#494A51;font-size:13px;font-weight:650}
.panel.alt .field label span,.field label span{color:#4D657D}
.field input,.field select,.field textarea,.panel.alt .field input,.panel.alt .field select,.panel.alt .field textarea{
 background:#FFFCFB;border:1px solid #B9B6BA;border-radius:6px;color:var(--ink);padding:12px 13px;font:550 15px var(--font);min-height:45px
}
.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--blue-deep);outline:2px solid #8A9DB17D}
.field input[type=range]{accent-color:var(--olive)}
.field small{color:#606167}
.form-section{border-top-color:var(--border)}
.btn,.btn.primary,.btn.subtle{min-height:44px;border-radius:6px;box-shadow:none;font:700 13px var(--font);transition:background .15s,color .15s,border-color .15s}
.btn{border:1px solid #B4AFB0;background:#FFFCFB;color:var(--ink)}
.btn:hover:not(:disabled){background:#F1E1E1;border-color:var(--olive)}
.btn.primary,.panel.alt .btn.primary,.static-content .panel.alt .btn.primary{background:var(--olive-deep);border:1px solid var(--olive-deep);color:#FFFFFF}
.btn.primary:hover:not(:disabled),.panel.alt .btn.primary:hover:not(:disabled),.static-content .panel.alt .btn.primary:hover:not(:disabled){background:#464334;border-color:#464334;color:#fff}
.btn.subtle{background:#F9F5F4;color:#45464B;border:1px solid #B8B5B8}
.btn.subtle:hover{background:#ECC5C6;color:var(--ink)}
.btn.danger{background:#FFF5F6;border-color:#B77980;color:#903743}
.pill-row{gap:5px}
.pill{background:#FFFCFB;border:1px solid #ABA8AE;color:#3F4146;font:650 12px var(--font);border-radius:5px;min-height:43px}
.panel.alt .pill.selected,.pill.selected{background:#837D68;border-color:#837D68;color:#fff}
.pill:first-child,.pill:last-child{border-radius:5px}
.metric{background:#F6F3F2;border:1px solid #D0CACE;border-radius:6px}
.metric label{font:650 11px var(--font);color:#57565E;letter-spacing:0;text-transform:none}
.metric strong,.big-metric{font-family:var(--numbers);font-weight:700;letter-spacing:-.03em;color:#313036}
.metric.accent strong,.big-metric{color:#4A5869}
.panel-note{border-top:1px solid #C7C3C7;color:#56565D}
.panel-note strong{color:var(--ink)}
.status,.panel.alt .status{background:#E4E8EE;border-left:3px solid var(--blue-deep);color:#303C4A;border-radius:4px;padding:12px 15px;font-size:12px}
.status.error,.panel.alt .status.error{background:#F4DEDF;border-left-color:#AA4854;color:#7D2A35}
.mine-tile{border:1px solid #A8AFB3;border-bottom:3px solid #9A9A9F;border-radius:5px;background:#DDE3E7;color:#3A4755;font-family:var(--numbers)}
.mine-tile:hover:not(:disabled){background:#C7D4DE}
.mine-tile.safe{background:#C5D2C6;border-color:#849A89;color:#304734;border-bottom-color:#849A89}
.mine-tile.bomb{background:#ECC5C6;border-color:#B78D95;color:#6B3038;border-bottom-color:#B78D95}
.mine-stage{background:#EDF0F2;border:1px solid #BBC3CA;border-radius:8px}
.plinko-canvas{border-color:#B8C1C9;border-radius:8px;background:linear-gradient(180deg,#E9EEF2,#DDE5EA)}
.hist-bin{background:#8A9DB1}
.hist-bin.current{background:#837D68}
.method-banner{background:#E2E7EC;color:var(--ink);border:1px solid #BAC5CE;border-radius:8px;box-shadow:none;padding:25px 30px;margin-bottom:48px}
.method-banner h2{font:750 24px var(--font);letter-spacing:-.03em;color:var(--ink)}
.method-banner p{color:#4B505A}
.method-banner a{border:1px solid var(--olive-deep);border-radius:6px;color:var(--olive-deep)}
.method-banner a:hover{background:#D1DCE6;color:var(--ink)}

/* Source and editorial pages, including Prediction Markets standalone routes. */
.static-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:17px;width:100%;max-width:none;margin:0;padding:18px max(23px,calc((100vw - 1240px)/2));background:#FFFCFB;color:var(--ink);border-bottom:1px solid var(--border)}
.static-header a{color:var(--ink);font-family:var(--font);font-weight:700}
.static-header nav{display:flex;flex-wrap:wrap;gap:10px;font-size:12px}
.static-header nav a:hover{color:var(--olive-deep)}
.static-content{color:var(--ink)}
.static-content h1{font:750 clamp(31px,4.4vw,53px)/1.14 var(--font);letter-spacing:-.04em}
.static-content>p{color:#52535B}
.static-content section{border-top:1px solid #C1C0C2}
.static-content .seo-article,.seo-article{background:#FFFCFB;border:1px solid #D1CACD;border-radius:9px;box-shadow:none;padding:clamp(20px,3vw,29px);margin-top:27px;color:var(--ink)}
.static-content .seo-article h2,.seo-article h2{font:700 clamp(23px,2.5vw,32px)/1.28 var(--font);color:var(--ink);letter-spacing:-.035em}
.static-content .seo-article .seo-kicker,.seo-article .seo-kicker{color:var(--olive-deep);letter-spacing:.045em;font-family:var(--font)}
.static-content .seo-article p,.static-content .seo-article .seo-copy p{color:#505158;font-size:14px;line-height:1.73}
.static-content .guide-jump{color:var(--olive-deep)}
.game-seo-depth{background:transparent;border:0;border-top:1px solid var(--border);border-radius:0;padding:23px 0;box-shadow:none}
.game-seo-depth h2{color:var(--ink)}
.game-seo-depth p{color:#51525A}
.cluster-tool-list,.static-content section ul.cluster-tool-list{display:block;border-top:2px solid #AAA3A5}
.cluster-tool-list li,.static-content section .cluster-tool-list li{border:0!important;border-bottom:1px solid #C1C0C2!important;border-radius:0!important;padding:0!important;margin:0}
.cluster-tool-list li>a,.static-content .cluster-tool-list li>a{display:block;padding:16px 10px;min-height:84px;color:var(--ink);text-decoration:none;background:transparent;border-radius:0}
.cluster-tool-list li>a:hover{background:#F2DCDD}
.cluster-tool-list strong{font-size:17px;color:var(--ink)}
.cluster-tool-list p,.cluster-tool-list span{color:#55555B;font-size:13px}
.cluster-depth-item,.static-content .cluster-depth-item{border:0;border-top:1px solid #C1C0C2;border-radius:0;background:transparent;padding:21px 0}
.cluster-depth-item h2{color:var(--ink)}
.cluster-depth-item p{color:#4E5056}
.static-content .formula-box{background:#E1E8EF;border-radius:6px;color:#39485A;padding:16px;font:600 13px/1.6 var(--numbers)}
[data-prediction-tool] .control-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
[data-prediction-tool] label.field{font-size:13px;color:var(--ink);gap:8px}
[data-prediction-tool] label.field input,[data-prediction-tool] label.field select,[data-prediction-tool] label.field textarea{background:#FFFCFB;color:var(--ink);border:1px solid #B8B6B8;border-radius:6px;font:550 15px var(--font)}
[data-prediction-tool] [data-status]{font-size:13px;background:#E5EAF0;color:#343E4A;border-left:3px solid #627B94;border-radius:4px;padding:12px}
[data-prediction-tool] [data-status].error{background:#F4DEDF;color:#7C2F39;border-left-color:#A33E4A}
[data-prediction-tool] .pm-metrics dt{font:550 13px var(--font);color:#51525A}
[data-prediction-tool] .pm-metrics dd{font:700 16px var(--numbers);color:#2F3540;font-variant-numeric:tabular-nums}
[data-prediction-tool] [data-pm-breakdown]{border-color:#C1C0C2}
.site-footer,.static-footer{background:#EBE1E1;border-top:1px solid var(--border);color:#55555B}
.footer-line{color:#505057}
.footer-line a,.site-footer a{color:var(--olive-deep)}
.site-footer a:hover,.static-footer a:hover{color:var(--ink)}
.faq-section details,.static-faq details{border-color:var(--border);background:transparent;color:var(--ink)}
.faq-section details summary,.static-faq summary{color:var(--ink)}
.faq-section details p,.static-faq p{color:#54555C}

/* Navigation drawer retains functionality but not the old dark mobile palette. */
@media(max-width:760px){
 .site-header .mobile-nav>summary{display:flex;align-items:center;min-width:88px;border:1px solid #AFA9AB;border-radius:6px;background:#FFFCFB;color:var(--ink)}
 .site-header .mobile-nav>summary:hover,.site-header .mobile-nav[open]>summary{background:#ECC5C6;color:var(--ink)}
 .site-header .mobile-menu-bars i{background:var(--olive-deep)}
 .mobile-nav-panel{background:#FFFCFB;color:var(--ink);box-shadow:-9px 0 30px rgba(45,40,43,.16)}
 .mobile-nav-panel .mobile-cat-link,.mobile-nav-panel .mobile-cat-link:nth-child(n){background:transparent;border:0;border-bottom:1px solid var(--border);border-radius:0;color:var(--ink);min-height:52px;padding:10px 5px}
 .mobile-nav-panel .mobile-cat-symbol{background:#E5EAF0;border-radius:5px;color:#465F76}
 .mobile-nav-panel .mobile-lang-pill{background:#FFFCFB;color:var(--ink);border:1px solid var(--border);border-radius:5px}
 .mobile-nav-panel .mobile-lang-pill[aria-current=page]{background:var(--olive-deep);border-color:var(--olive-deep);color:#FFF}
 .mobile-nav-panel .mobile-radar-link{background:var(--olive-deep);color:#fff;border-color:var(--olive-deep);border-radius:6px}
 .mobile-nav-panel .mobile-menu-close{border-radius:5px}
 .mobile-nav-panel .mobile-tool-link{color:#3B3D45;border-color:var(--border)}
}
@media(max-width:1080px){
 .hero-discovery{padding-inline:24px}
 .hero-discovery .hero-grid{gap:25px}
 .catalog-section .tool-card{grid-template-columns:78px minmax(155px,1fr) minmax(130px,1.15fr);gap:13px}
 .catalog-section .tool-card .tool-action{grid-column:2/4;text-align:left}
}
@media(max-width:840px){
 .hero-discovery .hero-grid{grid-template-columns:1fr}
 .hero-discovery .workbench-preview{max-width:650px}
 .workbench-preview h2{max-width:none}
 .catalog-section .tool-card{grid-template-columns:74px minmax(0,1fr) auto}
 .catalog-section .tool-card p{grid-column:2/4}
 .catalog-section .tool-card .tool-action{grid-column:3;grid-row:1/3}
 .problem-grid,.problem-picker .cluster-links{grid-template-columns:minmax(0,1fr)}
 .home-depth{grid-template-columns:minmax(0,1fr)}
 .prediction-feature{grid-template-columns:1fr;gap:10px}
 .decision-grid{grid-template-columns:1fr}
 .decision-grid>div{border-right:0;border-bottom:1px solid var(--border)}
}
@media(max-width:560px){
 .hero-discovery{padding:31px 15px 36px}
 .hero-discovery .hero-grid{gap:23px}
 .hero-discovery .home-wizard h1{font-size:clamp(34px,9vw,46px)}
 .hero-discovery .wizard-lead{font-size:14px}
 .hero-discovery .wizard-card{grid-template-columns:35px minmax(0,1fr) 21px}
 .hero-discovery .wizard-card>b{font-size:14px}
 .hero-discovery .workbench-preview{padding:20px;min-width:0;max-width:100%}
 .workbench-inputs{gap:9px}
 .workbench-inputs input{font-size:19px;padding:10px;min-width:0}
 .catalog-quicknav{padding:11px 15px}
 .catalog-quicknav .catalog-jumps a{white-space:normal;overflow-wrap:anywhere}
 .catalog-section .tool-card{grid-template-columns:50px minmax(0,1fr) auto;gap:6px 10px;min-height:90px}
 .catalog-section .tool-card h3{font-size:15px}
 .catalog-section .tool-card .tool-top{gap:3px}
 .catalog-section .tool-card p{grid-column:2/4;font-size:12px}
 .catalog-section .tool-card .tool-action{grid-column:2/4;grid-row:auto;text-align:left}
 .prediction-feature{width:calc(100% - 28px);padding:21px 17px;gap:16px}
 .prediction-feature nav{grid-template-columns:1fr}
 .static-header{padding:15px;align-items:flex-start;flex-direction:column}
 .static-header nav{font-size:11px}
 .workspace{grid-template-columns:1fr}
 [data-prediction-tool] .control-grid{grid-template-columns:1fr}
 .method-banner{padding:22px 17px}
}
@media(max-width:380px){
 .workbench-receipt-main output{font-size:25px}
 .workbench-receipt>div{gap:8px}
 .hero-discovery .workbench-preview .workbench-meta{gap:8px}
}
@media(prefers-reduced-motion:reduce){
 .workbench-action,.wizard-card,.tool-card,.prediction-feature nav a{transition:none!important}
}


/* Editorial links: readable in-paragraph navigation, not unrelated link dumps. */
.seo-copy a.contextual-link,
.pm-contextual-next a,
.pm-heading-link{
 color:#595546;
 font-weight:700;
 text-decoration:underline;
 text-decoration-color:#837D68;
 text-decoration-thickness:1.5px;
 text-underline-offset:3px;
}
.seo-copy a.contextual-link:hover,
.pm-contextual-next a:hover,.pm-heading-link:hover{
 color:#252529;text-decoration-color:#252529;
}
.seo-copy a.contextual-link:focus-visible,
.pm-contextual-next a:focus-visible,.pm-heading-link:focus-visible{
 outline:3px solid #485F78;outline-offset:3px;border-radius:3px;
}
.cluster-depth-item .pm-heading-link{
 display:inline-flex;gap:8px;align-items:baseline;
 font-weight:750;font-size:inherit;line-height:inherit;
 text-decoration:none;color:#252529;
}
.cluster-depth-item .pm-heading-link:hover{text-decoration:underline;text-underline-offset:5px}
.pm-heading-link span{font-size:.73em;color:#595546}
.pm-contextual-next{color:#4D5057;font-size:14px;line-height:1.7;margin:12px 0 0;max-width:78ch}
.cluster-depth-item .pm-contextual-next{padding:11px 15px 11px 16px;border-left:3px solid #8A9DB1;background:#E7EBF0;margin-top:15px;}
body:has(.pm-footer) .static-content{min-height:0;margin-bottom:0}
body:has(.pm-footer) .cluster-hub{padding-bottom:15px}
body:has(.pm-footer) .static-content .cluster-depth-item:last-of-type{margin-bottom:16px}
.pm-footer{display:block;width:100%;max-width:none;margin:26px 0 0;background:#EBE1E1;border-top:1px solid #C1C0C2;color:#252529;padding:0;box-shadow:none}
.pm-footer-inner{width:min(1200px,calc(100% - 48px));margin:0 auto;padding:33px 0 20px;display:grid;grid-template-columns:minmax(220px,1.15fr) minmax(185px,.95fr) minmax(165px,.75fr);column-gap:clamp(22px,5vw,78px);row-gap:24px;align-items:start}
.pm-footer-about{max-width:36ch}
.pm-footer-brand{display:inline-flex;color:#252529;font-family:var(--font);font-size:19px;font-weight:750;letter-spacing:-.035em;text-decoration:none}
.pm-footer-about p{font-size:13px;line-height:1.65;color:#56565C;margin:10px 0 0}
.pm-footer nav{display:flex;flex-direction:column;align-items:flex-start;gap:9px;min-width:0}
.pm-footer nav h2{font-family:var(--font);font-size:13px;line-height:1.35;letter-spacing:0;font-weight:750;color:#252529;margin:0 0 6px;text-transform:none}
.pm-footer nav a,.pm-footer-bottom a{display:inline-block;font-size:13px;line-height:1.5;color:#595546;font-weight:600;text-decoration:none;overflow-wrap:anywhere}
.pm-footer nav a:hover,.pm-footer-bottom a:hover{text-decoration:underline;text-underline-offset:4px;color:#252529}
.pm-footer-bottom{grid-column:1/-1;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid #C1C0C2;padding-top:16px;color:#56565C;font-size:12px}
@media(max-width:780px){
 .pm-footer-inner{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
 .pm-footer-about{grid-column:1/-1;max-width:70ch}
 .pm-footer-bottom{grid-column:1/-1}
}
@media(max-width:460px){
 .pm-footer-inner{width:calc(100% - 30px);grid-template-columns:minmax(0,1fr);padding-top:25px;row-gap:24px}
 .pm-footer-about,.pm-footer-bottom{grid-column:1}
 .pm-footer-bottom{align-items:flex-start;flex-direction:column}
 .pm-contextual-next{font-size:13px}
}


/* Game-specific editorial illustrations — original scalable SVGs, seven distinct mechanics. */
.catalog-section .tool-card.has-game-art{
 display:grid;grid-template-columns:110px minmax(165px,.9fr) minmax(150px,1.18fr) auto;
 grid-template-rows:1fr;column-gap:18px;align-items:center;min-height:112px;padding:14px 8px 14px 0;
}
.catalog-section .tool-card.has-game-art .game-miniart{
 grid-column:1;grid-row:1;display:block;width:105px;height:78px;
 aspect-ratio:7/4;object-fit:cover;overflow:hidden;
 border:1px solid #C1C0C2;border-radius:9px;background:#F5E9E7;
}
.catalog-section .tool-card.has-game-art .tool-top{display:none}
.catalog-section .tool-card.has-game-art h3{grid-column:2;grid-row:1;align-self:center;margin:0;min-width:0}
.catalog-section .tool-card.has-game-art p{
 grid-column:3;grid-row:1;align-self:center;line-height:1.45;min-width:0;
 white-space:normal;overflow:visible;text-overflow:clip
}
.catalog-section .tool-card.has-game-art .tool-action{grid-column:4;grid-row:1;align-self:center;margin:0;text-align:right}
.tool-hero.with-game-art{
 display:grid;grid-template-columns:minmax(0,1fr) minmax(180px,240px);
 gap:clamp(18px,3vw,35px);align-items:center
}
.tool-hero.with-game-art>div:first-child{min-width:0}
.tool-hero.with-game-art .hero-side{display:flex;flex-direction:column;align-items:flex-end;gap:10px;min-width:0}
.tool-hero.with-game-art .game-hero-art{
 display:block;max-width:100%;width:240px;aspect-ratio:7/4;height:auto;
 object-fit:cover;border:1px solid #C1C0C2;border-radius:11px;
 background:#F5E9E7;box-shadow:0 9px 24px rgba(37,37,41,.06)
}
.static-content .static-game-figure{
 margin:14px 0 20px;max-width:380px;display:block;
 background:transparent;border:0;padding:0
}
.static-content .static-game-figure .game-hero-art{
 width:100%;height:auto;display:block;aspect-ratio:7/4;
 border:1px solid #C1C0C2;border-radius:10px
}
.static-content section li .game-miniart{
 display:inline-block;vertical-align:middle;margin:0 12px 7px 0;
 width:110px;height:70px;object-fit:cover;
 border:1px solid #C1C0C2;border-radius:8px
}
.seo-article .seo-copy .seo-contextual-step,
.static-content .seo-article .seo-copy .seo-contextual-step{
 margin:13px 0 22px;padding:0;max-width:82ch;
 border:0;background:transparent;color:#41454A;
 font-size:14px;line-height:1.67;font-weight:500
}
.seo-article .seo-copy .seo-contextual-step a,
.static-content .seo-article .seo-copy .seo-contextual-step a{
 color:#595546;text-decoration:underline;text-decoration-color:#837D68;
 text-decoration-thickness:1.5px;text-underline-offset:3px;font-weight:750
}
.seo-article .seo-copy .seo-contextual-step a:hover{
 color:#252529;text-decoration-color:#252529
}
@media(max-width:840px){
 .catalog-section .tool-card.has-game-art{grid-template-columns:100px minmax(0,1fr) auto;grid-template-rows:auto auto;column-gap:13px;row-gap:5px}
 .catalog-section .tool-card.has-game-art .game-miniart{grid-column:1;grid-row:1/3;width:96px;height:75px}
 .catalog-section .tool-card.has-game-art h3{grid-column:2;grid-row:1}
 .catalog-section .tool-card.has-game-art p{grid-column:2;grid-row:2;font-size:12px;line-height:1.4}
 .catalog-section .tool-card.has-game-art .tool-action{grid-column:3;grid-row:1/3}
}
@media(max-width:660px){
 .tool-hero.with-game-art{grid-template-columns:minmax(0,1fr);gap:9px}
 .tool-hero.with-game-art .hero-side{flex-direction:row;justify-content:flex-start;align-items:center;flex-wrap:wrap}
 .tool-hero.with-game-art .game-hero-art{width:172px;max-width:50%;height:auto;aspect-ratio:7/4}
 .catalog-section .tool-card.has-game-art{grid-template-columns:83px minmax(0,1fr) 22px;column-gap:11px;min-height:95px;padding:12px 6px 12px 0}
 .catalog-section .tool-card.has-game-art .game-miniart{width:81px;height:65px}
 .catalog-section .tool-card.has-game-art h3{font-size:15px}
 .catalog-section .tool-card.has-game-art p{
   grid-column:2;grid-row:2;white-space:normal;overflow:visible;
   font-size:12px;line-height:1.4;max-width:100%
 }
 .catalog-section .tool-card.has-game-art .tool-action{grid-column:3;grid-row:1/3;min-width:0;font-size:0}
 .catalog-section .tool-card.has-game-art .tool-action span{font-size:22px}
}
@media(max-width:360px){
 .catalog-section .tool-card.has-game-art{grid-template-columns:74px minmax(0,1fr) 20px;column-gap:8px}
 .catalog-section .tool-card.has-game-art .game-miniart{width:72px;height:60px}
 .tool-hero.with-game-art .game-hero-art{width:150px}
}

/* Cluster-specific links and illustrated casino simulation directory. */
.cluster-hub .cluster-context-step{
 max-width:76ch;margin:13px 0 20px;font-size:14px;
 line-height:1.65;color:#43474A
}
.cluster-hub .cluster-context-step a{
 font-weight:750;color:#595546;text-decoration:underline;
 text-underline-offset:3px;text-decoration-color:#837D68
}
.cluster-tool-list li>a img.game-miniart{
 display:block;width:138px;max-width:100%;height:88px;
 object-fit:cover;border:1px solid #C1C0C2;border-radius:10px;
 margin:0 0 12px;background:#F5E9E7
}
.cluster-tool-list li>a:has(img.game-miniart){min-height:178px}
@media(max-width:560px){
 .cluster-tool-list li>a:has(img.game-miniart){min-height:0}
 .cluster-tool-list li>a img.game-miniart{width:120px;height:76px}
}


/* Tool catalog v3 — each calculator has a recognizable vector mark.
   Casino: illustrated choices. Sport: grouped problem-solving tools. Crypto: compact decisions.
   Uses the approved five-color palette without extra neon or stock icon fonts. */
.catalog-title-row{display:flex;align-items:center;gap:15px;min-width:0}
.catalog-title-row h2{min-width:0}
.catalog-heading-glyph,.tool-glyph{
 display:inline-grid;place-items:center;flex:0 0 auto;
 width:51px;height:51px;border:1px solid #C6C1BD;border-radius:12px;
 background:#E6E7E3;color:#595546
}
.catalog-heading-glyph svg,.tool-glyph svg{width:26px;height:26px;max-width:100%;display:block}
.catalog-title-row .catalog-heading-glyph{width:42px;height:42px;border-radius:11px;background:#E5EAF0;border-color:#BDC7D2;color:#485F78}
.catalog-casino-games .catalog-title-row .catalog-heading-glyph{background:#ECC5C6;border-color:#D5A8AB;color:#6A4E51}
.catalog-sports-betting .catalog-title-row .catalog-heading-glyph{background:#DFE6EC}
.catalog-bonuses-rewards .catalog-title-row .catalog-heading-glyph{background:#ECC5C6}
.catalog-crypto-gambling .catalog-title-row .catalog-heading-glyph{background:#E4E5D9;border-color:#C6C1B1;color:#595546}
.catalog-gambling-taxes .catalog-title-row .catalog-heading-glyph{background:#E7E5E8}
.catalog-quicknav .catalog-jumps a{display:inline-flex;align-items:center;gap:7px;white-space:nowrap}
.catalog-quicknav .catalog-jumps .catalog-heading-glyph{width:21px;height:21px;border:0;border-radius:5px;background:transparent;color:#595546}
.catalog-quicknav .catalog-jumps .catalog-heading-glyph svg{width:18px;height:18px}
.mobile-nav-panel .mobile-cat-symbol .catalog-heading-glyph{width:27px;height:27px;border:0;background:transparent;color:inherit}
.mobile-nav-panel .mobile-cat-symbol svg{width:22px;height:22px}

/* A compact, consistent base for non-game calculators. */
.catalog-section .tool-card:not(.has-game-art),
.catalog-section .tool-card:not(.has-game-art).featured{
 display:grid;grid-template-columns:54px minmax(0,1fr) auto;
 grid-template-rows:auto auto;gap:5px 13px;align-content:center;align-items:center;
 min-height:118px;padding:18px 12px;margin:0;min-width:0;
 border:0;border-bottom:1px solid #C1C0C2;border-radius:0;background:transparent!important;
 box-shadow:none;transform:none
}
.catalog-section .tool-card:not(.has-game-art) .tool-glyph{
 grid-column:1;grid-row:1/3;align-self:center;justify-self:start;
 width:48px;height:48px
}
.catalog-section .tool-card:not(.has-game-art) .tool-top{display:none}
.catalog-section .tool-card:not(.has-game-art) h3{
 grid-column:2;grid-row:1;font-size:16px;line-height:1.3;font-weight:720;letter-spacing:-.019em;align-self:end;min-width:0
}
.catalog-section .tool-card:not(.has-game-art) p{
 grid-column:2;grid-row:2;font-size:12px;line-height:1.5;color:#50515A;
 align-self:start;min-width:0;max-width:65ch
}
.catalog-section .tool-card:not(.has-game-art) .tool-action{
 grid-column:3;grid-row:1/3;align-self:center;text-align:right;white-space:nowrap;
 font-size:12px;color:#595546;min-width:70px
}
.catalog-section .tool-card:hover,.catalog-section .tool-card:focus-visible{
 outline-offset:2px;border-color:#837D68;background:#F3E7E6!important
}
.catalog-section .tool-card[hidden],.catalog-sport-group[hidden],.catalog-section[hidden]{display:none!important}

/* Games: larger artwork and real previews, not a data table with tiny screenshots. */
.catalog-section.catalog-casino-games .tools-grid{
 display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;
 border:0;margin-top:10px
}
.catalog-section.catalog-casino-games .tool-card,
.catalog-section.catalog-casino-games .tool-card.featured,
.catalog-section.catalog-casino-games .tool-card.has-game-art,
.catalog-section.catalog-casino-games .tool-card:not(.has-game-art){
 display:grid;grid-template-columns:minmax(0,1fr);
 grid-template-rows:auto auto auto 1fr;
 align-content:start;justify-items:stretch;gap:9px;min-width:0;
 padding:0 0 17px;min-height:0;margin:0;
 border:1px solid #D1CBCE;border-radius:12px;
 background:#FFFCFB!important;overflow:hidden;box-shadow:none
}
.catalog-section.catalog-casino-games .tool-card .game-miniart,
.catalog-section.catalog-casino-games .tool-card.has-game-art .game-miniart{
 display:block;grid-column:1;grid-row:1;
 width:100%;height:auto;aspect-ratio:7/4;object-fit:cover;
 margin:0;border:0;border-bottom:1px solid #D1CBCE;border-radius:0;
 background:#F5E9E7
}
.catalog-section.catalog-casino-games .tool-card .tool-glyph{
 grid-column:1;grid-row:1;display:grid;place-items:center;
 width:calc(100% - 24px);height:147px;
 margin:12px 12px 3px;border:1px solid #D5C7C8;border-radius:9px;
 background:#E5EAF0;color:#485F78
}
.catalog-section.catalog-casino-games .tool-card .tool-glyph svg{width:65px;height:65px}
.catalog-section.catalog-casino-games .tool-card h3,
.catalog-section.catalog-casino-games .tool-card:not(.has-game-art) h3{
 grid-column:1;grid-row:2;margin:9px 17px 0;font-size:17px;
 line-height:1.27;letter-spacing:-.02em;align-self:start;overflow-wrap:anywhere
}
.catalog-section.catalog-casino-games .tool-card p,
.catalog-section.catalog-casino-games .tool-card:not(.has-game-art) p{
 grid-column:1;grid-row:3;margin:0 17px;color:#53545A;
 font-size:12.5px;line-height:1.55;align-self:start
}
.catalog-section.catalog-casino-games .tool-card .tool-action,
.catalog-section.catalog-casino-games .tool-card:not(.has-game-art) .tool-action{
 grid-column:1;grid-row:4;align-self:end;
 display:flex;justify-content:space-between;gap:10px;align-items:center;
 min-width:0;margin:5px 17px 0;padding:12px 0 0;
 border-top:1px solid #E2DADC;text-align:left;color:#595546;font-weight:700
}
.catalog-section.catalog-casino-games .tool-card .tool-top{display:none}
.catalog-section.catalog-casino-games .tool-card:hover,
.catalog-section.catalog-casino-games .tool-card:focus-visible{
 background:#FFFCFB!important;border-color:#837D68;box-shadow:0 7px 24px rgba(37,37,41,.09);
 transform:translateY(-2px)
}

/* Sports: group 17 tools by the actual decision; 2-column compact work surfaces. */
.catalog-section.catalog-sports-betting{padding-bottom:27px}
.catalog-sport-group{margin:14px 0 29px;min-width:0}
.catalog-sport-group-head{
 display:flex;align-items:center;justify-content:space-between;gap:15px;
 padding:10px 2px 12px;border-bottom:2px solid #A5A6AA
}
.catalog-sport-group-label{font:730 15px/1.45 var(--font);letter-spacing:-.013em;color:#35383D}
.catalog-sport-count{font:650 12px var(--font);color:#535661}
.catalog-section.catalog-sports-betting .catalog-sport-group .tools-grid{
 display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 15px;
 margin:0;border:0
}
.catalog-section.catalog-sports-betting .tool-card:not(.has-game-art){
 grid-template-columns:49px minmax(0,1fr) 20px;
 min-height:116px;padding:19px 7px;gap:5px 10px;
 border-bottom:1px solid #CDC8CA
}
.catalog-section.catalog-sports-betting .tool-card:not(.has-game-art) .tool-glyph{
 width:44px;height:44px;border-radius:11px;background:#E5EAF0;color:#485F78;border-color:#B8C5CF
}
.catalog-section.catalog-sports-betting .tool-card:not(.has-game-art) .tool-glyph svg{width:24px;height:24px}
.catalog-section.catalog-sports-betting .tool-card:not(.has-game-art) h3{font-size:15px}
.catalog-section.catalog-sports-betting .tool-card:not(.has-game-art) p{
 display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;
 font-size:12px
}
.catalog-section.catalog-sports-betting .tool-card:not(.has-game-art) .tool-action{
 grid-column:3;min-width:0;align-self:center;font-size:0
}
.catalog-section.catalog-sports-betting .tool-card:not(.has-game-art) .tool-action span{font-size:22px}

/* Bonus cards: 3 columns, annotated icons, same restrained palette. */
.catalog-section.catalog-bonuses-rewards .tools-grid{
 display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;border:0
}
.catalog-section.catalog-bonuses-rewards .tool-card:not(.has-game-art){
 grid-template-columns:48px minmax(0,1fr);
 grid-template-rows:auto auto auto;align-content:start;min-height:178px;gap:8px 12px;
 padding:19px 16px;border:1px solid #D1C9CB;border-radius:10px;background:#FFFCFB!important
}
.catalog-section.catalog-bonuses-rewards .tool-card:not(.has-game-art) .tool-glyph{
 grid-column:1;grid-row:1/3;background:#F0DDDE;color:#76545B;border-color:#DFC2C4
}
.catalog-section.catalog-bonuses-rewards .tool-card:not(.has-game-art) h3{
 grid-column:2;grid-row:1;font-size:16px;align-self:end
}
.catalog-section.catalog-bonuses-rewards .tool-card:not(.has-game-art) p{
 grid-column:2;grid-row:2;align-self:start;font-size:12px
}
.catalog-section.catalog-bonuses-rewards .tool-card:not(.has-game-art) .tool-action{
 grid-column:1/3;grid-row:3;display:flex;justify-content:space-between;
 padding-top:10px;border-top:1px solid #DDD3D4;margin-top:4px;min-width:0;text-align:left
}

/* Crypto: cost tools come first, with 1 prominent deposit card and 4 compact choices. */
.catalog-section.catalog-crypto-gambling .tools-grid{
 display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;
 border:0;margin-top:8px
}
.catalog-section.catalog-crypto-gambling .tool-card:not(.has-game-art){
 display:grid;grid-template-columns:50px minmax(0,1fr) auto;
 min-height:128px;padding:19px 17px;border:1px solid #CCC7C3;
 border-radius:10px;background:#FFFCFB!important;gap:7px 12px
}
.catalog-section.catalog-crypto-gambling .tool-card:not(.has-game-art) .tool-glyph{
 background:#E7E7DF;color:#595546;border-color:#C6C1AF
}
.catalog-section.catalog-crypto-gambling .tool-card:not(.has-game-art) h3{font-size:16px}
.catalog-section.catalog-crypto-gambling .tool-card:not(.has-game-art) .tool-action{min-width:20px;font-size:0}
.catalog-section.catalog-crypto-gambling .tool-card:not(.has-game-art) .tool-action span{font-size:21px}
.catalog-section.catalog-crypto-gambling .tool-card.catalog-tool-depositfee{
 grid-column:1/-1;min-height:115px;background:#E5EAF0!important;border-color:#B4C1CB;
 grid-template-columns:63px minmax(0,1fr) 40px
}
.catalog-section.catalog-crypto-gambling .tool-card.catalog-tool-depositfee .tool-glyph{
 width:56px;height:56px;background:#CEDAE4;border-color:#A5B8C8;color:#405B76
}
.catalog-section.catalog-crypto-gambling .tool-card:hover,.catalog-section.catalog-crypto-gambling .tool-card:focus-visible{
 border-color:#837D68;background:#F5F0ED!important
}
.catalog-section.catalog-crypto-gambling .catalog-note{margin-top:17px;padding:14px 18px;border-radius:8px}

/* Small displays keep larger tap targets without horizontal overflow. */
@media(max-width:980px){
 .catalog-section.catalog-casino-games .tools-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .catalog-section.catalog-bonuses-rewards .tools-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .catalog-section.catalog-sports-betting .catalog-sport-group .tools-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .catalog-section.catalog-crypto-gambling .tools-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:690px){
 .catalog-section.catalog-sports-betting .catalog-sport-group .tools-grid{grid-template-columns:minmax(0,1fr)}
 .catalog-section.catalog-bonuses-rewards .tools-grid{grid-template-columns:minmax(0,1fr)}
 .catalog-section.catalog-bonuses-rewards .tool-card:not(.has-game-art){min-height:127px}
 .catalog-section.catalog-crypto-gambling .tools-grid{grid-template-columns:minmax(0,1fr)}
 .catalog-section.catalog-crypto-gambling .tool-card.catalog-tool-depositfee{grid-column:1}
 .catalog-title-row{gap:11px}
 .catalog-title-row .catalog-heading-glyph{width:36px;height:36px;border-radius:9px}
 .catalog-title-row .catalog-heading-glyph svg{width:22px;height:22px}
}
@media(max-width:510px){
 .catalog-section.catalog-casino-games .tools-grid{grid-template-columns:minmax(0,1fr);gap:13px}
 .catalog-section.catalog-casino-games .tool-card.has-game-art .game-miniart{max-height:220px}
 .catalog-section.catalog-casino-games .tool-card,
 .catalog-section.catalog-casino-games .tool-card.has-game-art,
 .catalog-section.catalog-casino-games .tool-card:not(.has-game-art){gap:7px}
 .catalog-section.catalog-casino-games .tool-card .tool-glyph{height:145px}
 .catalog-section.catalog-sports-betting .tool-card:not(.has-game-art){grid-template-columns:45px minmax(0,1fr) 20px;gap:6px 10px}
 .catalog-section.catalog-crypto-gambling .tool-card:not(.has-game-art){grid-template-columns:44px minmax(0,1fr) 20px;gap:6px 10px}
 .catalog-section.catalog-crypto-gambling .tool-card.catalog-tool-depositfee{grid-template-columns:48px minmax(0,1fr) 20px}
 .catalog-section.catalog-crypto-gambling .tool-card.catalog-tool-depositfee .tool-glyph{width:44px;height:44px}
 .catalog-sport-group{margin:12px 0 20px}
 .catalog-quicknav .catalog-jumps a{white-space:normal}
}


/* Prediction Markets — standard GambleToolbox navigation, not an isolated mini-header. */
.pm-site-header .wrap.nav{width:min(1240px,calc(100% - 44px));margin:0 auto}
.pm-site-header .pm-desktop-links{display:flex;align-items:center;justify-content:flex-end;flex:1;gap:clamp(7px,1.1vw,15px);min-width:0}
.pm-site-header .pm-desktop-links>a{white-space:nowrap;font-size:12px;font-weight:650}
.pm-site-header .pm-desktop-links>a.active{font-weight:750;white-space:nowrap}
.pm-site-header .pm-desktop-links .nav-menu summary{white-space:nowrap;font-size:12px;font-weight:650;min-height:38px}
.pm-site-header .pm-desktop-links .nav-menu{min-width:0}
.pm-site-header .pm-desktop-links .nav-dropdown{min-width:176px;max-height:min(74vh,640px);overflow-y:auto;overscroll-behavior:contain}
.pm-site-header .pm-desktop-links .pm-menu-list a{white-space:normal;line-height:1.4}
.pm-site-header .pm-desktop-links .pm-tool-menu>.nav-dropdown{width:min(270px,calc(100vw - 28px))}
.pm-site-header .pm-desktop-links .pm-explore-menu>.nav-dropdown{width:min(245px,calc(100vw - 28px))}
.pm-site-header .lang-menu>.nav-dropdown{left:auto;right:0;transform:none;min-width:194px}
.pm-site-header .logo{display:flex;align-items:center;flex-shrink:0;gap:9px;white-space:nowrap}
.pm-site-header .logo>span:last-child{font-weight:750}
.pm-site-header .logo em{font-style:normal}
.pm-top-strip .wrap{display:flex;align-items:center;justify-content:space-between;gap:16px}
.pm-top-strip span{display:inline-flex;align-items:center;gap:7px;min-width:0}
.pm-top-strip span.right-side{white-space:nowrap}
.pm-site-header .pm-mobile-nav{display:none}
.pm-site-header .mobile-lang-links.pm-lang-links{grid-template-columns:repeat(5,minmax(0,1fr))}
.pm-site-header .pm-mobile-primary{display:grid;grid-template-columns:minmax(0,1fr);gap:0}
.pm-site-header .pm-mobile-primary a{
 display:block;padding:13px 9px;line-height:1.35;font-size:14px;font-weight:650;
 border-bottom:1px solid #D4D0D1;color:#33363B;
 overflow-wrap:anywhere
}
.pm-site-header .pm-mobile-primary a[aria-current=page]{
 border-left:3px solid #837D68;background:#E5EAF0;padding-left:11px
}
.pm-site-header .pm-mobile-primary a:hover{background:#F0E2E2;color:#252529}
.pm-site-header .pm-mobile-calculators a{font-size:13px;font-weight:580}
.pm-site-header .pm-mobile-nav .mobile-nav-panel{background:#F5E9E7;color:#252529}
.pm-site-header .pm-mobile-nav .mobile-nav-top em{color:#595546}
.pm-site-header .pm-mobile-nav .mobile-menu-label{color:#595546}
.pm-site-header .pm-mobile-nav .mobile-lang-pill{font-family:var(--font);color:#595546}
.pm-site-header .pm-mobile-nav .mobile-lang-pill[aria-current=page]{color:#fff;background:#595546;border-color:#595546}
.pm-site-header .pm-mobile-nav .mobile-method-link{background:#E5EAF0;color:#485F78}
.pm-site-header .pm-mobile-nav .mobile-menu-close{background:#FFFCFB;color:#252529;border-color:#AFA9AB}
.pm-site-header .pm-mobile-nav>summary{font-family:var(--font);color:#252529;background:#FFFCFB;border-color:#B7B3B6}
.pm-menu-open{overflow:hidden}
@media (max-width:1220px) and (min-width:761px){
 .pm-site-header .pm-desktop-links>a.radar-top-link,
 .pm-site-header .pm-desktop-links>a.pm-method-link{display:none}
 .pm-site-header .nav{gap:10px}
 .pm-site-header .pm-desktop-links{gap:clamp(6px,.75vw,12px)}
 .pm-site-header .pm-desktop-links>a{font-size:11.5px}
}
@media (max-width:965px) and (min-width:761px){
 .pm-site-header .pm-desktop-links>a[href$="#bonuses-rewards"],
 .pm-site-header .pm-desktop-links>a[href$="#casino-games"]{display:none}
}
@media (max-width:760px){
 .pm-site-header .nav-links{display:none!important}
 .pm-site-header .pm-mobile-nav{display:block;margin-left:auto}
 .pm-site-header .pm-mobile-nav>summary{font-size:13px}
 .pm-site-header .wrap.nav{width:calc(100% - 30px);min-height:63px}
 .pm-site-header .logo{max-width:calc(100% - 112px)}
 .pm-site-header .logo-square{flex-shrink:0}
 .pm-top-strip .wrap{width:calc(100% - 30px)}
 .pm-site-header .mobile-nav-scroll{padding-bottom:18px}
}
@media (max-width:360px){
 .pm-site-header .pm-mobile-nav .mobile-lang-links{gap:4px}
 .pm-site-header .pm-mobile-nav .mobile-lang-pill{min-width:0;font-size:10px}
 .pm-site-header .logo{font-size:15px}
}


/* No ornamental arrows: whole tool cards are links with clear focus and hover affordances. */
.catalog-section .tool-card{cursor:pointer}
.catalog-section .tool-card:hover h3,.catalog-section .tool-card:focus-visible h3{
 text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1.5px;
}
.catalog-section.catalog-sports-betting .tool-card:not(.has-game-art){
 grid-template-columns:49px minmax(0,1fr)!important;
 padding-right:12px;
}
.catalog-section.catalog-crypto-gambling .tool-card:not(.has-game-art){
 grid-template-columns:50px minmax(0,1fr)!important;
}
.catalog-section.catalog-crypto-gambling .tool-card.catalog-tool-depositfee{
 grid-template-columns:63px minmax(0,1fr)!important;
}
.catalog-section.catalog-sports-betting .tool-card:not(.has-game-art) .tool-action,
.catalog-section.catalog-crypto-gambling .tool-card:not(.has-game-art) .tool-action{
 display:none!important;
}
.catalog-section.catalog-casino-games .tool-card .tool-action,
.catalog-section.catalog-bonuses-rewards .tool-card .tool-action{font-size:12px!important}
.catalog-section.catalog-casino-games .tool-card:hover,
.catalog-section.catalog-bonuses-rewards .tool-card:hover,
.catalog-section.catalog-crypto-gambling .tool-card:hover{
 box-shadow:0 5px 17px rgba(37,37,41,.08);
}
@media(max-width:510px){
 .catalog-section.catalog-sports-betting .tool-card:not(.has-game-art){
  grid-template-columns:45px minmax(0,1fr)!important;
 }
 .catalog-section.catalog-crypto-gambling .tool-card:not(.has-game-art){
  grid-template-columns:44px minmax(0,1fr)!important;
 }
 .catalog-section.catalog-crypto-gambling .tool-card.catalog-tool-depositfee{
  grid-template-columns:48px minmax(0,1fr)!important;
 }
}