/* Jogo do Touro — jade, warm paper and gold. Shared foundation, not page copy. */
@font-face{font-family:Sora;src:url('./fonts/sora-800.woff2') format('woff2');font-weight:800;font-style:normal;font-display:swap}
@font-face{font-family:Sora;src:url('./fonts/sora-600.woff2') format('woff2');font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:Manrope;src:url('./fonts/manrope-400.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:Manrope;src:url('./fonts/manrope-600.woff2') format('woff2');font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:Manrope;src:url('./fonts/manrope-700.woff2') format('woff2');font-weight:700;font-style:normal;font-display:swap}

:root{
  color-scheme:light;
  --jade:#073f35;--jade-deep:#042d27;--jade-bright:#096751;
  --gold:#f6c453;--gold-deep:#c28a24;--gold-dark:#9c6817;--gold-light:#fff0bd;
  --coral:#c33b35;--game-red:var(--coral);
  --paper:#fbf7ee;--paper-deep:#f2e8d6;--white:#fffdfa;
  --ink:#182f28;--muted:#66766b;--line:#d9dec9;
  --red:var(--jade);--red-deep:var(--jade-deep);--red-dark:#03241f;
  --display:"Sora","Arial Black",sans-serif;--body:"Manrope",Arial,sans-serif;
  --radius:20px;--shadow:0 16px 40px rgb(29 54 34 / 8%);
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:108px;-webkit-text-size-adjust:100%}
body{margin:0;color:var(--ink);background:var(--paper);font-family:var(--body);font-size:17px;line-height:1.75;-webkit-font-smoothing:antialiased}
body.menu-open{overflow:hidden}
::selection{color:var(--jade-deep);background:var(--gold)}
a{color:inherit;text-decoration-thickness:1px;text-underline-offset:4px}
button,input,select,textarea{font:inherit}
button,a,input,summary{-webkit-tap-highlight-color:transparent;touch-action:manipulation}
button{cursor:pointer}
button:disabled{cursor:default;opacity:.5}
img,svg{max-width:100%;vertical-align:middle}
img{height:auto}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--gold-dark);outline-offset:5px}
.site-header :focus-visible,.hero :focus-visible,.site-footer :focus-visible,.cta-band :focus-visible{outline-color:var(--gold)}
[hidden]{display:none!important}
.wrap{width:calc(100% - 64px);max-width:1264px;margin-inline:auto}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);clip-path:inset(50%);white-space:nowrap;border:0}
.skip-link{position:fixed;z-index:200;top:10px;left:16px;padding:10px 18px;transform:translateY(-150%);border-radius:10px;color:var(--jade-deep);background:var(--gold);font-weight:700}
.skip-link:focus{transform:none}
h1,h2,h3,h4{font-family:var(--display);font-weight:800;text-wrap:balance}
h1,h2,h3,h4,p,figure{margin-top:0}
h1{line-height:1.08;letter-spacing:-2.4px}
h2{line-height:1.18;letter-spacing:-1.4px}
h3,h4{line-height:1.3;letter-spacing:-.65px}
.eyebrow{display:block;margin:0 0 13px;color:var(--jade-bright);font-size:13px;font-weight:700;line-height:1.5;letter-spacing:1.7px;text-transform:uppercase}

/* Navigation and actions */
.site-header{--header-height:90px;--menu-bottom-gap:16px;position:sticky;z-index:70;top:0;border-bottom:1px solid rgb(246 196 83 / 17%);color:#fff5da;background:var(--jade-deep)}
.header-main{display:flex;align-items:center;justify-content:space-between;gap:26px;min-height:90px}
.brand{display:inline-flex;align-items:center;gap:12px;flex-shrink:0;color:#fff6df;text-decoration:none}
.brand-icon{display:block;flex:0 0 51px;width:51px;height:51px}
.brand-icon img,.brand-icon svg{display:block;width:100%;height:100%;object-fit:contain}
img.brand-icon{object-fit:contain}
.brand-copy{display:flex;flex-direction:column;line-height:1.1}
.brand-copy small{margin-bottom:3px;color:#d8bd7d;font-size:10px;font-weight:700;letter-spacing:2.4px}
.brand-copy strong{color:#fff4d6;font:800 28px/1.12 var(--display);letter-spacing:-1.1px}
.desktop-nav{display:flex;align-items:center;gap:7px;margin-left:auto}
.desktop-nav a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 11px;border-radius:8px;color:#d8e4d5;font-size:14px;font-weight:600;line-height:1.3;text-decoration:none}
.desktop-nav a:hover{color:#fff4cf;background:rgb(255 255 255 / 6%)}
.desktop-nav a[aria-current="page"]{color:var(--gold);box-shadow:inset 0 -2px var(--gold)}
.nav-more{position:relative}
.nav-more>summary{display:flex;align-items:center;gap:7px;min-height:44px;padding:10px 11px;border-radius:8px;color:#d8e4d5;font-size:14px;font-weight:600;line-height:1.3;list-style:none;cursor:pointer}
.nav-more>summary::-webkit-details-marker{display:none}
.nav-more>summary:hover,.nav-more[open]>summary{color:#fff4cf;background:rgb(255 255 255 / 6%)}
.nav-more[data-current="true"]>summary{color:var(--gold);box-shadow:inset 0 -2px var(--gold)}
.nav-more>summary svg{flex:0 0 16px;transition:transform .16s ease}
.nav-more[open]>summary svg{transform:rotate(180deg)}
.nav-more-panel{position:absolute;top:calc(100% + 14px);right:0;width:350px;max-height:calc(100dvh - 110px);overflow-y:auto;overscroll-behavior:contain;padding:12px;border:1px solid var(--line);border-radius:16px;color:var(--ink);background:var(--paper);box-shadow:0 16px 44px rgb(4 45 39 / 22%)}
.nav-more-panel>p{margin:2px 12px 8px;color:var(--muted);font-size:11px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase}
.desktop-nav .nav-more-panel>a{display:flex;justify-content:flex-start;gap:13px;padding:12px;border-radius:10px;color:var(--jade);text-align:left}
.desktop-nav .nav-more-panel>a:hover,.desktop-nav .nav-more-panel>a[aria-current="page"]{color:var(--jade);background:#eaf0df;box-shadow:none}
.desktop-nav .nav-more-panel>a[aria-current="page"]{box-shadow:inset 3px 0 var(--gold-dark)}
.nav-more-icon{display:grid;place-items:center;flex:0 0 40px;width:40px;height:40px;border:1px solid #d2ddc0;border-radius:10px;background:#f5f2df}
.nav-more-copy{display:block;min-width:0}
.nav-more-title{display:block;font-size:15px;font-weight:700;line-height:1.4}
.nav-more-copy small{display:block;margin-top:3px;color:#596e5f;font-size:12px;line-height:1.45}
.header-actions{display:flex;align-items:center;gap:12px;flex-shrink:0}
.button{display:inline-flex;align-items:center;justify-content:center;gap:11px;min-height:54px;padding:14px 24px;border:1px solid transparent;border-radius:12px;font-size:16px;font-weight:700;line-height:1.4;text-align:center;text-decoration:none;transition:background-color .16s ease,border-color .16s ease,transform .16s ease;overflow-wrap:anywhere}
.button svg{flex:0 0 21px;width:21px;height:21px}
.button-gold{border-color:#e0a537;color:#45300b;background:var(--gold);box-shadow:0 4px 0 #b98225}
.button-gold:hover{background:#ffda7b;border-color:#edb23b;transform:translateY(-1px)}
.button-outline{border-color:#a8bca9;color:var(--jade);background:transparent}
.button-outline:hover{border-color:var(--jade);background:#edf1df}
.button-dark,.button-red,.button-jade{border-color:var(--jade);color:#fff6dc;background:var(--jade)}
.button-dark:hover,.button-red:hover,.button-jade:hover{background:var(--jade-bright);border-color:var(--jade-bright)}
.button-secondary{border-color:#9caf8f;color:var(--jade);background:#f0f3df}.button-secondary:hover{border-color:var(--jade);background:#e2ebcb}
.header-actions>.button{min-height:45px;padding:11px 18px;font-size:14px}
.menu-toggle{display:none;align-items:center;justify-content:center;width:44px;height:44px;padding:9px;border:1px solid #49766a;border-radius:9px;color:#fff2ce;background:transparent}
.menu-toggle svg{width:24px;height:24px}
.mobile-nav{max-height:calc(100dvh - var(--header-height) - var(--menu-bottom-gap));overflow-y:auto;overscroll-behavior:contain;padding:12px 0 18px;border-top:1px solid #28554a}
.mobile-nav>.wrap{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px 16px}
.mobile-nav a{display:flex;align-items:center;min-height:46px;padding:10px 12px;border-radius:8px;color:#e7eedf;font-size:15px;font-weight:600;line-height:1.4;text-decoration:none}
.mobile-nav a:hover,.mobile-nav a[aria-current="page"]{color:var(--gold);background:#104a3e}
.text-link{display:inline-flex;align-items:center;gap:8px;min-height:44px;color:var(--jade-bright);font-size:16px;font-weight:700;text-decoration:none}
.text-link:hover{text-decoration:underline}

/* A deep-jade stage, with room for the standing Ox rather than a boxed banner. */
.hero{position:relative;isolation:isolate;overflow:clip;padding:62px 0 54px;color:#fff7e1;background:var(--jade)}
.hero::before{content:"";position:absolute;z-index:-1;width:760px;aspect-ratio:1;right:-130px;top:-255px;border:1px solid rgb(247 203 110 / 22%);border-radius:50%;box-shadow:0 0 0 72px rgb(246 196 83 / 3%),0 0 0 145px rgb(246 196 83 / 3%);pointer-events:none}
.hero-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);align-items:center;gap:42px}
.hero-copy{position:relative;z-index:2;min-width:0;padding:10px 0 20px}
.hero .eyebrow{color:#edcf80}
.hero h1{max-width:720px;margin:0 0 25px;color:#fff4d9;font-size:clamp(51px,5.1vw,78px);line-height:1.05;letter-spacing:-3.1px}
.hero h1 span{display:block;margin-top:13px;color:var(--gold);font-size:.73em;line-height:1.16;letter-spacing:-1.9px}
.hero-lead{max-width:600px;margin:0;color:#d5e2d4;font-size:19px;line-height:1.8}
.hero-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:28px}
.hero .button{min-height:58px;padding-inline:25px}
.hero .button-outline,.cta-band .button-outline{border-color:#6f9680;color:#fff3d2;background:rgb(255 255 255 / 3%)}
.hero .button-outline:hover,.cta-band .button-outline:hover{border-color:var(--gold);background:#155747}
.hero-note{max-width:560px;margin:19px 0 0;color:#adc7b4;font-size:14px;line-height:1.65}
.hero-art{position:relative;isolation:isolate;display:flex;align-items:flex-end;justify-content:center;min-width:0;min-height:470px;margin:0}
.hero-art::before{content:"";position:absolute;z-index:-1;inset:11% -4% 2%;border:1px solid #477b54;border-radius:47% 47% 18px 18px;background:#105344;box-shadow:inset 0 0 0 17px rgb(246 196 83 / 3%);transform:rotate(5deg)}
.hero-art::after{content:"";position:absolute;z-index:-1;left:-6%;bottom:8%;width:88px;height:88px;border:9px solid var(--coral);border-radius:24px;opacity:.85;transform:rotate(-13deg)}
.hero-art>img,.hero-art>picture{position:relative;z-index:1;display:block;width:100%;max-height:560px;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 19px 18px rgb(0 23 16 / 22%))}
.hero-art picture img{display:block;width:100%;max-height:560px;object-fit:contain;object-position:center bottom}
.hero-art figcaption{position:absolute;right:0;bottom:12px;z-index:2;max-width:210px;padding:9px 13px;border:1px solid #68854f;border-radius:8px;color:#f6e4b1;background:var(--jade-deep);font-size:13px;line-height:1.5}
.hero-label{position:absolute;z-index:3;left:-8px;bottom:23px;display:flex;align-items:center;gap:14px;max-width:255px;padding:15px 19px;border:1px solid #eec257;border-radius:16px;color:var(--jade-deep);background:var(--gold);box-shadow:0 8px 0 rgb(0 31 21 / 17%);transform:rotate(-3deg)}
.hero-label strong{font:800 45px/1 var(--display);letter-spacing:-2px}.hero-label span{font-size:13px;font-weight:700;line-height:1.45}
.hero-orbit{position:absolute;z-index:0;right:2%;bottom:9%;width:90%;height:19%;border:1px solid #8a9851;border-radius:50%;transform:rotate(-9deg)}
.hero-spark{position:absolute;z-index:2;right:2%;top:12%;color:var(--gold);font-size:46px;line-height:1;transform:rotate(13deg)}
.live-dot{display:inline-block;width:8px;height:8px;margin:0 8px 2px 0;border-radius:50%;background:var(--gold);box-shadow:0 0 0 4px rgb(246 196 83 / 12%)}
.age-badge{display:inline-flex;align-items:center;justify-content:center;min-width:35px;min-height:29px;padding:2px 6px;border:1px solid currentColor;border-radius:7px;font-size:12px;font-weight:700;line-height:1.2;vertical-align:middle}
.hero-note .age-badge{margin-left:12px;color:#d0d9b1}.small{color:var(--muted);font-size:14px;line-height:1.7}
.hero-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:23px 0;border-bottom:1px solid #d6c69f;color:var(--jade);background:#f7edcf}
.hero-stats>.wrap{display:grid;grid-column:1/-1;grid-template-columns:repeat(4,minmax(0,1fr))}
.stat{display:flex;align-items:center;justify-content:center;gap:15px;min-width:0;padding:4px 20px}
.stat+.stat{border-left:1px solid #dcca9f}
.stat>svg,.stat>img,.stat-icon{flex:0 0 43px;width:43px;height:43px;color:var(--jade-bright);object-fit:contain}
.stat strong{display:block;color:var(--jade);font:800 23px/1.25 var(--display);letter-spacing:-.7px}
.stat small,.stat span:not(.stat-icon){display:block;margin-top:4px;color:#6b7351;font-size:14px;line-height:1.4}

/* Editorial sections and route cards */
.section{padding:80px 0}
.section-tinted{background:var(--paper-deep);border-block:1px solid #e6dbc6}
.section-head{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);align-items:end;gap:16px 68px;margin-bottom:35px}
.section-head>.eyebrow{grid-column:1/-1;margin-bottom:-3px}
.section-head h2{max-width:720px;margin:0;color:var(--jade);font-size:clamp(30px,3.2vw,43px)}
.section-head p:not(.eyebrow){max-width:560px;margin:0;color:var(--muted);font-size:17px;line-height:1.8}
.section-head>.text-link{justify-self:end;align-self:end}
.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.feature-card{position:relative;min-width:0;overflow:hidden;padding:28px;border:1px solid var(--line);border-bottom:4px solid #c7d2b6;border-radius:20px;background:var(--white)}
.feature-card h3{margin:18px 0 13px;color:var(--jade);font-size:23px}
.feature-card p{margin:0 0 17px;color:var(--muted);font-size:16px;line-height:1.8}
.feature-card p:last-child{margin-bottom:0}
.feature-card>img{display:block;width:calc(100% + 56px);max-width:none;height:205px;margin:-28px -28px 25px;object-fit:cover}
.feature-card .feature-icon{display:grid;place-items:center;width:58px;height:58px;border:1px solid #ddbf77;border-radius:16px;color:var(--jade);background:#fce6a9}
.feature-icon svg,.feature-icon img{width:32px;height:32px;object-fit:contain}
.feature-card .feature-number{display:block;margin-bottom:9px;color:var(--jade-bright);font:800 46px/1.1 var(--display);letter-spacing:-2px}
.feature-card.is-featured{border-color:var(--jade);color:#fff4d6;background:var(--jade)}
.feature-card.is-featured h3{color:#fff0c4}
.feature-card.is-featured p{color:#d1e0cd}
.feature-card.is-featured .text-link{color:var(--gold)}
.author-line{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin:25px 0;color:var(--muted);font-size:14px;line-height:1.55}
.author-line img{flex:0 0 44px;width:44px;height:44px;border:2px solid #e4dfc9;border-radius:50%;object-fit:cover}
.author-line strong{display:block;color:var(--ink);font-weight:700}
.author-line .author-meta{display:flex;flex-direction:column;gap:2px}
.author-line>div{flex:1;min-width:0}
.author-line>div>span{display:block;margin-top:3px}
.author-line a{color:var(--jade);font-weight:700}
.hero .author-line,.hero .author-line strong,.hero .author-line a{color:#e3ead5}
.breadcrumb{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:0;padding:14px 0;color:var(--muted);font-size:14px;line-height:1.5}
.breadcrumb a{display:inline-flex;align-items:center;min-height:44px;color:var(--jade-bright);text-decoration:none}
.breadcrumb a:hover{text-decoration:underline}

/* Long-form pages keep a reading column and a real navigation rail. */
.article-hero{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(240px,.85fr);align-items:center;gap:42px;padding:36px;border:1px solid var(--line);border-radius:24px;background:#f1eddf}
.article-hero>div{min-width:0}.article-hero-art{overflow:hidden;border:1px solid #baad7a;border-radius:18px;background:var(--jade)}
.article-hero-art img{display:block;width:100%;max-height:380px;object-fit:cover}
.article-hero h1{max-width:1040px;margin:0 0 21px;color:var(--jade);font-size:clamp(37px,3.6vw,53px);line-height:1.14;letter-spacing:-1.9px}
.article-hero .lead,.article-hero>.wrap>p:not(.eyebrow){max-width:890px;margin:0;color:#52695c;font-size:20px;line-height:1.75}
.article-hero .author-line{margin-bottom:0}
.article-layout{display:grid;grid-template-columns:240px minmax(0,1fr);align-items:start;gap:45px;padding-top:43px;padding-bottom:76px}
.article-layout>*{min-width:0}
.article-content{min-width:0;color:var(--ink);font-size:17px;line-height:1.85}
.article-content p{margin:0 0 20px}
.article-content p:last-child{margin-bottom:0}
.article-content strong{color:#213e2e;font-weight:700}
.article-content a:not(.button):not(.text-link){color:var(--jade-bright)}
.article-section{padding:36px 0 29px;border-top:1px solid var(--line);scroll-margin-top:110px}
.article-section:first-child{padding-top:0;border-top:0}
.article-section h2{margin:0 0 23px;color:var(--jade);font-size:33px;line-height:1.23}
.article-section h3{margin:31px 0 15px;color:var(--jade);font-size:24px}
.article-section h4{margin:24px 0 12px;color:#28513d;font-size:19px}
.article-section ul,.article-section ol{margin:18px 0 24px;padding-left:25px}
.article-section li{margin-bottom:10px;padding-left:4px}
.article-section li::marker{color:var(--jade-bright);font-weight:700}
.article-toc{position:sticky;top:113px;padding:23px;border:1px solid #cfdbc2;border-radius:17px;background:#edf0df}
.article-toc h2,.article-toc h3,.article-toc>strong{display:block;margin:0 0 15px;color:var(--jade);font:800 15px/1.5 var(--display);letter-spacing:.1px}
.article-toc ul,.article-toc ol{margin:0;padding:0;list-style:none}
.article-toc li{margin:0;border-bottom:1px solid #d8dfc9}
.article-toc li:last-child{border-bottom:0}
.article-toc a{display:block;min-height:44px;padding:12px 0;color:#4c6b54;font-size:14px;line-height:1.55;text-decoration:none}
.article-toc a:hover,.article-toc a.is-active,.article-toc a[aria-current="true"]{color:var(--jade-deep);font-weight:700}
.article-toc nav>a{display:flex;align-items:flex-start;gap:11px;border-bottom:1px solid #d6dec5}.article-toc nav>a:last-child{border-bottom:0}.article-toc nav>a>span{flex:0 0 19px;padding-top:1px;color:#7d9568;font-size:12px;font-weight:700}
.article-toc .button{width:100%;margin-top:20px;color:#45300b;font-size:14px}
.media-figure{margin:29px 0;padding:21px;border:1px solid #d4c594;border-radius:19px;background:#f7edcf}
.media-figure img{display:block;width:auto;max-width:100%;max-height:680px;margin-inline:auto;border-radius:12px;object-fit:contain}
.media-figure img.official-game-frame{width:100%;max-width:240px;height:auto;object-fit:contain}
.media-figure figcaption{max-width:760px;margin:15px auto 0;color:#6b7053;font-size:14px;line-height:1.65;text-align:center}
.two-col,.three-col{display:grid;gap:22px;margin:27px 0}
.two-col{grid-template-columns:repeat(2,minmax(0,1fr))}
.three-col{grid-template-columns:repeat(3,minmax(0,1fr))}
.two-col>*,.three-col>*{min-width:0}
.info-box,.callout{margin:25px 0;padding:23px 25px;border:1px solid #cfdbc0;border-left:5px solid var(--jade-bright);border-radius:0 15px 15px 0;background:#eef2df}
.info-box p,.callout p{font-size:16px;line-height:1.8}
.info-box h3,.callout h3{margin:0 0 12px;font-size:22px}
.info-box.gold,.callout.gold{border-color:#dfc389;border-left-color:#c18a23;background:#fff0c8}
.info-box.red,.callout.red{border-color:#e3c6aa;border-left-color:var(--coral);background:#fff0e3}
.info-box.dark,.callout.dark{border-color:var(--jade);color:#e1ecd9;background:var(--jade)}
.info-box.dark h3,.callout.dark h3,.info-box.dark strong,.callout.dark strong{color:#ffedbd}
.two-col>.info-box,.three-col>.info-box,.two-col>.callout{margin:0}
.table-wrap{max-width:100%;overflow-x:auto;margin:27px 0;border:1px solid #cfd6bd;border-radius:16px;-webkit-overflow-scrolling:touch}
.table-wrap table{width:100%;border-collapse:collapse;background:var(--white);font-size:16px;line-height:1.65}
.table-wrap caption{padding:14px 18px;color:var(--jade);font-size:14px;font-weight:700;text-align:left;background:#edf0dd}
.table-wrap th,.table-wrap td{min-width:110px;padding:16px 18px;border-bottom:1px solid #e0e1cd;text-align:left;vertical-align:top}
.table-wrap thead th{color:#fff2c6;background:var(--jade);font-size:14px;font-weight:700;line-height:1.5}
.table-wrap tbody tr:nth-child(even){background:#f8f4e7}
.table-wrap tr:last-child td{border-bottom:0}
.table-wrap td:first-child{color:var(--jade);font-weight:700}
.step-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:19px;margin:28px 0;counter-reset:guide-step}
.step-card{min-width:0;padding:24px;border:1px solid #dac698;border-radius:17px;background:#fff8e6;counter-increment:guide-step}
.step-card .step-number,.step-card:not(:has(.step-number))::before{display:grid;place-items:center;width:51px;height:51px;margin-bottom:22px;border:1px solid #d5a747;border-radius:13px;color:var(--jade);background:var(--gold);font:800 24px/1 var(--display)}
.step-card:not(:has(.step-number))::before{content:counter(guide-step,decimal-leading-zero)}
.step-card h3,.step-card h4{margin:0 0 12px;color:var(--jade);font-size:21px}
.step-card p{margin:0;color:#667453;font-size:16px;line-height:1.75}
.faq-list{margin:28px 0;border-top:1px solid #c9d4ba}
.faq-list details{border-bottom:1px solid #c9d4ba;background:transparent}
.faq-list summary{display:flex;align-items:center;justify-content:space-between;gap:22px;min-height:74px;padding:20px 7px;color:var(--jade);font-size:18px;font-weight:700;line-height:1.5;cursor:pointer;list-style:none}
.faq-list summary::-webkit-details-marker{display:none}
.faq-list summary>span[aria-hidden="true"]{display:none}
.faq-list summary::after{content:"+";display:grid;place-items:center;flex:0 0 31px;height:31px;border:1px solid #cfb26f;border-radius:50%;color:#6d4c13;background:#fae8b6;font-size:24px;font-weight:400;line-height:1}
.faq-list details[open] summary::after{content:"−"}
.faq-list details[open]{background:#f3f1e3}
.faq-list details>div{padding:0 20px 23px 7px;color:#52654e;font-size:16px;line-height:1.8}
.faq-list details>p{padding:0 20px 23px 7px;font-size:16px}
.related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:28px 0}
.related-grid>a{display:block;min-width:0;padding:24px;border:1px solid #ccd7bd;border-radius:16px;color:var(--jade);background:#f2f3e5;text-decoration:none}
.related-grid>a:hover{border-color:var(--jade-bright);background:#e9efda}
.related-grid h3{margin:0 0 10px;font-size:20px}
.related-grid strong{color:var(--jade)}
.related-grid p{margin:0;color:#697655;font-size:15px;line-height:1.7}
.related-grid img{display:block;width:72px;height:72px;margin-bottom:17px;border-radius:15px;object-fit:contain}

/* Compact illustrated facts and a deliberate, consistent platform catalogue. */
.visual-feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:28px 0}
.visual-feature-grid>article,.visual-feature-grid>div{min-width:0;padding:24px;border:1px solid #d2d7bb;border-radius:18px;background:var(--white)}
.visual-feature-grid h3,.visual-feature-grid h4{margin:0 0 13px;color:var(--jade);font-size:21px;line-height:1.35}
.visual-feature-grid p{margin:0;color:#5d7254;font-size:16px;line-height:1.8}
.visual-feature-grid>article>img,.visual-feature-grid>div>img{display:block;width:100%;aspect-ratio:16/10;margin-bottom:20px;border-radius:11px;object-fit:cover}
.visual-feature-grid .feature-number{display:block;margin-bottom:18px;color:var(--jade-bright);font:800 43px/1.1 var(--display);letter-spacing:-1.8px}
.quick-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;overflow:hidden;margin:28px 0;border:1px solid #d1ba7d;border-radius:17px;background:#d1ba7d}
.quick-facts>div{display:flex;flex-direction:column;justify-content:center;min-width:0;padding:22px 20px;background:#fff0c4}
.quick-facts strong{display:block;color:var(--jade);font:800 32px/1.15 var(--display);letter-spacing:-1px;overflow-wrap:anywhere}
.quick-facts span{display:block;margin-top:9px;color:#6b6d44;font-size:14px;line-height:1.55}
.history-readout{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;overflow:hidden;margin:24px 0;border:1px solid #d4bf87;border-radius:13px;background:#d4bf87}
.history-readout>div{min-width:0;padding:18px;background:#fffaf0}.history-readout dt{color:#6c704b;font-size:13px;font-weight:600;line-height:1.5}.history-readout dd{margin:7px 0 0;color:var(--jade);font-size:19px;font-weight:700;line-height:1.5}.history-readout dd small{display:block;margin-top:4px;color:#6b7558;font-size:13px;font-weight:400;line-height:1.55}
.history-readout+details>summary{min-height:44px;padding:8px 0;line-height:1.6;cursor:pointer}
.platform-selection{margin:30px 0 40px;scroll-margin-top:110px}
.platform-selection-heading{display:flex;align-items:flex-end;justify-content:space-between;flex-wrap:wrap;gap:15px 35px;margin-bottom:25px}
.platform-selection-heading h2,.platform-selection-heading h3{max-width:750px;margin:0;color:var(--jade);font-size:33px;line-height:1.25}
.platform-selection-heading p:not(.eyebrow){max-width:630px;margin:0;color:var(--muted);font-size:16px;line-height:1.8}
.platform-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.platform-card{display:flex;flex-direction:column;min-width:0;overflow:hidden;border:1px solid #c7d1b4;border-radius:21px;background:var(--white);box-shadow:0 6px 0 #e5e6d2}
.platform-brand{display:flex;align-items:center;justify-content:center;min-height:139px;padding:27px 35px;border-bottom:4px solid var(--gold);background:var(--jade-deep)}
.platform-brand img{display:block;width:auto;max-width:82%;max-height:62px;object-fit:contain}
.platform-card[data-platform="7k"] .platform-brand img{width:115px;max-height:62px}
.platform-card[data-platform="donald"] .platform-brand img{width:238px}
.platform-card[data-platform="betano"] .platform-brand img{width:220px}
.platform-card[data-platform="vera"] .platform-brand img{width:210px}
.platform-card-content{flex:1;min-width:0;padding:24px 26px 8px}
.platform-card-content h3{margin:0 0 12px;color:var(--jade);font-size:25px;line-height:1.3}
.platform-card-content p{margin:0 0 17px;color:#617451;font-size:16px;line-height:1.8}
.platform-features,.article-section .platform-features{display:flex;flex-wrap:wrap;gap:8px;margin:15px 0 20px;padding:0;list-style:none}
.platform-features li,.article-section .platform-features li{margin:0;padding:6px 10px;border:1px solid #dce0c7;border-radius:7px;color:#506746;background:#f0f3e4;font-size:13px;font-weight:600;line-height:1.5}
.platform-card-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px 20px;margin-top:auto;padding:9px 26px 27px}
.platform-card-actions .button{flex:1 1 200px;min-height:55px;padding-inline:18px;font-size:16px}
.platform-detail-link{display:inline-flex;align-items:center;justify-content:center;min-height:44px;color:var(--jade-bright);font-size:14px;font-weight:700;line-height:1.45;text-decoration:underline}
.platform-demo-callout{display:flex;align-items:center;gap:20px;margin-top:27px;padding:23px 26px;border:1px solid #c7d3b4;border-radius:18px;background:#eaf0da}
.platform-demo-callout>img{flex:0 0 62px;width:62px;height:62px;border-radius:15px;object-fit:contain}
.platform-demo-callout>div{flex:1;min-width:0}
.platform-demo-callout strong{display:block;color:var(--jade);font-size:18px;line-height:1.45}
.platform-demo-callout p{margin:5px 0 0;color:#657653;font-size:15px;line-height:1.7}
.platform-demo-callout .button{flex-shrink:0}

/* The home page has its own rhythm: a portrait, three game moments and six routes. */
.game-overview{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:center;gap:74px;margin-top:35px}
.game-overview h2{margin:0 0 23px;color:var(--jade);font-size:43px;line-height:1.2}
.game-overview p{margin:0 0 20px;color:#5d7055;font-size:17px;line-height:1.85}.game-overview p.small{font-size:14px}
.phone-stage{position:relative;isolation:isolate;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:560px;margin:0;padding:29px 25px 23px;overflow:hidden;border:1px solid #b6c59e;border-radius:170px 170px 24px 24px;background:#e8edda}
.phone-stage-glow{position:absolute;z-index:-1;inset:14% -25% 8%;border:1px solid #c1ba78;border-radius:50%;transform:rotate(-25deg);box-shadow:0 0 0 34px rgb(191 175 92 / 8%)}
.phone-stage>img{display:block;width:244px;max-width:100%;height:auto;border:3px solid #be923b;border-radius:24px;box-shadow:0 15px 25px rgb(47 65 29 / 17%)}
.phone-stage figcaption{margin-top:17px;color:#63754d;font-size:13px;line-height:1.5;text-align:center}
.spec-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px;margin:25px 0 18px;border-top:1px solid #ccd2b7}
.spec-grid>div{min-width:0;padding:16px 0;border-bottom:1px solid #ccd2b7}.spec-grid dt{color:#7b825c;font-size:13px;line-height:1.5}.spec-grid dd{margin:5px 0 0;color:var(--jade);font:800 20px/1.4 var(--display);letter-spacing:-.7px}
.feature-grid-three .feature-card,.route-card,.family-card{display:flex;flex-direction:column}
.feature-grid-three .feature-card>img{width:146px;height:130px;max-width:100%;margin:0 0 25px;border-radius:18px;object-fit:contain;background:#30303c}
.feature-grid-three .feature-card .eyebrow{font-size:11px;letter-spacing:1px}.feature-grid-three .feature-card h3{margin-top:2px}
.feature-grid-three .feature-card .text-link,.route-card .text-link,.family-card .text-link{margin-top:auto}
.home-demo-section{background:var(--paper)}
.home-demo-banner{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);align-items:center;gap:65px;padding:49px 64px;border:1px solid #385f3f;border-bottom:6px solid #c09c36;border-radius:26px;color:#dae7cd;background:var(--jade)}
.home-demo-banner .eyebrow{color:#d4c173}.home-demo-banner h2{margin:0 0 22px;color:#fff0c5;font-size:46px;line-height:1.15}.home-demo-banner p{max-width:590px;font-size:17px;line-height:1.85}.home-demo-banner .button{margin-top:8px;min-height:58px}.home-demo-banner .small{margin:20px 0 0;color:#a9c29e;font-size:13px}
.demo-banner-art{position:relative;display:flex;align-items:center;justify-content:center;min-width:0;min-height:415px}.demo-banner-art img{display:block;width:auto;max-width:100%;max-height:420px;border:4px solid #dac88e;border-radius:25px;object-fit:contain;transform:rotate(6deg);box-shadow:0 17px 30px rgb(1 25 18 / 23%)}
.demo-play-mark{position:absolute;top:calc(50% - 39px);left:calc(50% - 39px);display:grid;place-items:center;width:78px;height:78px;padding-left:5px;border:5px solid #fff3c3;border-radius:50%;color:var(--jade);background:var(--gold);font-size:29px;box-shadow:0 9px 25px rgb(0 24 14 / 30%)}
.route-grid{gap:22px}.route-card{position:relative;min-height:330px;color:var(--jade);text-decoration:none}.route-card:hover{border-color:#849e69;background:#fcf6dd}.route-card .route-number{display:block;align-self:flex-start;margin-bottom:62px;color:#aa8c3b;font:800 31px/1.1 var(--display);letter-spacing:-1px}
.feature-card.route-card>img{position:absolute;top:25px;right:24px;width:110px;height:98px;max-width:110px;margin:0;border-radius:14px;object-fit:contain;background:#30303c}.route-card h3{margin:0 0 12px}.route-card p{margin-bottom:19px}
.family-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:22px;margin:0}.family-card{flex:0 1 calc((100% - 44px)/3);min-width:0;color:var(--jade);text-decoration:none}.family-card:hover{border-color:#9caf85}.feature-card.family-card>img{width:88px;height:88px;max-width:88px;margin:0 0 5px;border-radius:19px;object-fit:contain}.feature-card.family-card>img.family-logo-wide{width:166px;max-width:100%;border-radius:0}.family-provider{display:block;margin:10px 0 7px;color:#62715d;font-size:12px;font-weight:700;letter-spacing:.5px}.family-card h3{font-size:25px}.family-card .text-link{font-size:15px}
.faq-home{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);align-items:start;gap:80px}.faq-home h2{margin:0 0 20px;color:var(--jade);font-size:45px;line-height:1.17}.faq-home>div:first-child>p:not(.eyebrow){color:var(--muted);font-size:17px;line-height:1.8}.faq-home .faq-list{margin:0}

/* Media assets keep their original proportions, with aligned information below. */
.media-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:23px;margin:29px 0}
.media-card{display:flex;flex-direction:column;min-width:0;overflow:hidden;border:1px solid #c8d1b1;border-radius:20px;background:var(--white)}
.media-preview{display:flex;align-items:center;justify-content:center;min-width:0;height:320px;padding:20px;border-bottom:4px solid #ddbb59;background:#164c3e;text-decoration:none}
.media-preview img{display:block;width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain}
.media-card-body{display:flex;flex:1;flex-direction:column;align-items:flex-start;min-width:0;padding:23px}.media-kind{display:block;margin-bottom:12px;color:#88702c;font-size:12px;font-weight:700;line-height:1.5;letter-spacing:.7px;text-transform:uppercase}
.media-card-body h3{margin:0 0 12px;color:var(--jade);font-size:23px;line-height:1.35}.media-card-body p{margin:0 0 20px;color:#647651;font-size:16px;line-height:1.8}.media-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:auto;padding-top:3px;width:100%}.media-actions .button{flex:1;min-height:49px;padding:12px 16px;font-size:15px}
.author-profile{display:grid;grid-template-columns:310px minmax(0,1fr);align-items:center;gap:57px;padding:37px 0 48px}.author-profile>img{display:block;width:100%;height:auto;border:5px solid #e1d7ae;border-radius:27px}.author-profile h1{margin:0 0 21px;color:var(--jade);font-size:49px;line-height:1.15;letter-spacing:-1.7px}.author-profile p{color:#5f7154}.author-profile .lead{color:var(--jade);font-size:21px;font-weight:600}
.narrow-page{max-width:850px;padding-bottom:60px}.narrow-page>h1{margin:15px 0 25px;color:var(--jade);font-size:53px}.narrow-page>.lead{margin-bottom:32px;color:#627753;font-size:21px;line-height:1.8}

/* Demo: controls stay above the player, and launch remains in view on mobile. */
.page-demo .article-hero{display:block;padding:24px 28px}.page-demo .article-hero h1{margin-bottom:15px;font-size:clamp(32px,3.1vw,43px);line-height:1.2}.page-demo .article-hero .lead{max-width:970px;font-size:18px;line-height:1.7}.page-demo .article-hero .author-line{margin-top:17px}.page-demo .demo-stage{margin-top:22px}
.demo-stage{margin:29px 0;overflow:hidden;border:1px solid #51784f;border-radius:23px;background:var(--jade-deep);box-shadow:0 7px 0 #d5b883}
.demo-cover{display:grid;grid-template-columns:minmax(120px,.85fr) minmax(0,1.15fr);align-items:center;gap:32px;min-height:440px;padding:34px;color:#fff2d2;background:var(--jade)}
.demo-cover-poster{max-width:207px;margin:auto;transform:rotate(-4deg)}
.demo-cover-poster img{display:block;width:100%;max-height:380px;border:3px solid #b88e38;border-radius:21px;object-fit:contain;box-shadow:0 13px 26px rgb(0 18 11 / 24%)}
.demo-overlay h2,.demo-overlay h3{margin:0 0 17px;color:#fff2cc;font-size:31px;line-height:1.25;letter-spacing:-1.1px}
.demo-overlay p{margin:17px 0 0;color:#d2e1c9;font-size:16px;line-height:1.7}
.demo-overlay .eyebrow{color:#e5bd63}
.demo-overlay .button{width:100%;margin-top:9px;min-height:59px}
.demo-frame{width:100%;height:720px;min-height:480px;background:#072d25}
.demo-frame iframe{display:block;width:100%;height:100%;border:0;background:#072d25}
.control-bar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;padding:15px 18px;border-bottom:1px solid #3f6650;color:#e6edce;background:#0a3a2d}
.control-group{display:flex;align-items:center;flex-wrap:wrap;gap:7px}
.control-group>span{margin-right:4px;color:#d1dfbc;font-size:13px}
.control-group button,.control-bar>.button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:44px;padding:9px 13px;border:1px solid #63815a;border-radius:8px;color:#f0ebc9;background:#164c37;font-size:14px;font-weight:700;line-height:1.3}
.control-group button[aria-pressed="true"],.control-group button.is-active{border-color:#dcae45;color:#52390c;background:var(--gold)}
.control-group button:hover{border-color:var(--gold)}
.demo-fallback{padding:22px 25px;color:#d4e2c9;background:#0a392b;font-size:15px;line-height:1.7}
.demo-fallback p{color:inherit;font-size:inherit}
.demo-fallback a{color:#ffdf8c!important}
.demo-stage:fullscreen{display:flex;flex-direction:column;border:0;border-radius:0;box-shadow:none}
.demo-stage:fullscreen .demo-frame{height:auto;flex:1;min-height:0}
.calculator{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,.8fr);gap:24px;margin:29px 0;padding:27px;border:1px solid #d5be83;border-radius:21px;background:#fbefcd}
.calc-fields{display:grid;align-content:start;gap:18px;min-width:0}
.field{display:flex;flex-direction:column;gap:8px;min-width:0}
.field label,.field>span{color:#566a43;font-size:15px;font-weight:700;line-height:1.5}
.field input{width:100%;min-width:0;min-height:53px;padding:11px 15px;border:1px solid #c4c6a3;border-radius:10px;color:var(--jade);background:#fffdfa;font-size:19px;font-weight:700;font-variant-numeric:tabular-nums}
.input-money{position:relative;display:flex;align-items:center;gap:9px;min-width:0}
.input-money>span{position:absolute;left:15px;z-index:1;color:#82916a;font-size:16px;font-weight:700}
.input-money input{padding-left:48px}
.field small{color:#7a7c5a;font-size:13px;line-height:1.55}
.calc-result{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;min-width:0;padding:25px;border:1px solid #2b6950;border-radius:16px;color:#d8e8cd;background:var(--jade)}
.calc-result>span,.calc-result>p{margin:0 0 10px;color:#d6e3bf;font-size:15px;line-height:1.6}
.calc-result strong,.calc-result output{display:block;max-width:100%;margin:7px 0;color:var(--gold);font:800 clamp(27px,3vw,38px)/1.25 var(--display);letter-spacing:-1.3px;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}
.calc-result small{display:block;margin-top:11px;color:#b8cda8;font-size:13px;line-height:1.65}

/* Closing actions, handoff and footer */
.cta-band{padding:50px 0;color:#fff3d1;background:var(--jade);border-top:6px solid #be9d40}
.cta-band>.wrap{display:flex;align-items:center;justify-content:space-between;gap:40px}
.cta-band h2{max-width:760px;margin:0 0 12px;color:#fff0c7;font-size:36px;line-height:1.2}
.cta-band p{max-width:770px;margin:0;color:#c7dcbf;font-size:17px;line-height:1.75}
.cta-band .button{flex-shrink:0;min-width:205px}
.site-footer{padding:55px 0 0;color:#cbdbc5;background:var(--jade-deep)}
.footer-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr 1.1fr;gap:45px;padding-bottom:35px}
.footer-grid>div:first-child{max-width:360px}
.footer-grid .brand{margin-bottom:20px}
.footer-grid h2,.footer-grid h3,.footer-grid h4{margin:0 0 15px;color:#f5e8b9;font:600 16px/1.5 var(--display);letter-spacing:0}
.footer-grid p{margin:0 0 16px;color:#aac3ac;font-size:14px;line-height:1.8}
.footer-grid ul{margin:0;padding:0;list-style:none}
.footer-grid a:not(.brand){display:flex;align-items:center;width:fit-content;max-width:100%;min-height:44px;color:#c5d8bd;font-size:14px;line-height:1.5;text-decoration:none}
.footer-grid a:hover{color:var(--gold)}
.footer-bottom{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px 30px;min-height:80px;padding:20px 0;border-top:1px solid #315545;color:#9eb89d;font-size:13px;line-height:1.7}
.footer-bottom p{margin:0}
.footer-bottom a{color:#c5d3a7}
.mobile-dock{display:none}
.conversion-page{padding:50px 0 80px;background:#f0ebdb}
.conversion-card{display:grid;grid-template-columns:minmax(0,1.06fr) minmax(0,1fr);max-width:1100px;margin-inline:auto;overflow:hidden;border:1px solid #bbbd8e;border-radius:27px;background:var(--white);box-shadow:0 22px 60px rgb(24 55 35 / 11%),0 6px 0 #d6c697}
.conversion-art{position:relative;isolation:isolate;display:flex;align-items:center;justify-content:center;min-width:0;min-height:650px;overflow:hidden;padding:33px 27px 45px;background:var(--jade)}
.conversion-art>img{position:relative;z-index:2;display:block;width:100%;max-height:585px;object-fit:contain;filter:drop-shadow(0 16px 19px rgb(0 23 16 / 27%));animation:touro-float 6.5s ease-in-out infinite}
.conversion-aura{position:absolute;z-index:0;inset:0;overflow:hidden;pointer-events:none}
.conversion-aura::before{content:"";position:absolute;inset:5% -17% 7%;border-radius:50%;background:radial-gradient(ellipse at 50% 52%,rgb(246 196 83 / 27%) 0%,rgb(71 146 89 / 17%) 38%,transparent 70%)}
.conversion-aura::after{content:"";position:absolute;left:16%;right:16%;bottom:8%;height:9%;border-radius:50%;background:radial-gradient(ellipse,rgb(246 196 83 / 21%),transparent 72%)}
.conversion-orbit{position:absolute;display:block;aspect-ratio:1;border:1px solid rgb(246 196 83 / 38%);border-radius:50%;animation:touro-orbit 42s linear infinite}
.conversion-orbit::before,.conversion-orbit::after{content:"";position:absolute;left:calc(50% - 4px);width:8px;height:8px;border:1px solid #f4cf72;background:var(--jade);transform:rotate(45deg)}
.conversion-orbit::before{top:-4px}.conversion-orbit::after{bottom:-4px}
.orbit-one{top:17%;left:4%;width:92%}.orbit-two{top:29%;left:-12%;width:124%;border-color:rgb(246 196 83 / 18%);border-style:dashed;animation-duration:63s;animation-direction:reverse}
.orbit-two::before,.orbit-two::after{width:5px;height:5px;left:calc(50% - 2.5px);background:#b49e4d;border:0}.orbit-two::before{top:-2.5px}.orbit-two::after{bottom:-2.5px}
.conversion-spark{position:absolute;color:#f8d779;line-height:1;text-shadow:0 0 17px rgb(246 196 83 / 20%);animation:touro-spark 5.8s ease-in-out infinite}
.spark-one{top:16%;left:12%;font-size:27px}.spark-two{top:30%;right:10%;font-size:18px;animation-delay:-2.3s}.spark-three{bottom:26%;left:8%;font-size:15px;animation-delay:-3.5s}.spark-four{bottom:15%;right:13%;font-size:25px;animation-delay:-1.1s}
.conversion-feature{position:absolute;z-index:3;left:26px;bottom:27px;display:flex;align-items:center;gap:13px;max-width:calc(100% - 52px);padding:13px 17px;border:1px solid #efcf7d;border-radius:15px;color:var(--jade-deep);background:#f9ce68;box-shadow:0 7px 0 rgb(0 30 19 / 19%);transform:rotate(-3deg)}
.conversion-feature strong{color:var(--jade-deep);font:800 41px/1 var(--display);letter-spacing:-1.8px}.conversion-feature span{max-width:130px;font-size:13px;font-weight:700;line-height:1.5}
.conversion-copy{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;min-width:0;padding:43px}
.conversion-copy h1,.conversion-copy h2{margin:0 0 23px;color:var(--jade);font-size:50px;line-height:1.12;letter-spacing:-1.8px}
.conversion-copy h1 span{color:var(--jade-bright)}
.conversion-copy p{color:#647558;font-size:17px;line-height:1.8}
.conversion-copy .button{width:100%;min-height:58px;margin-top:13px}
.conversion-copy>.text-link{margin-top:15px;font-size:15px;line-height:1.65}.conversion-copy .conversion-facts{width:100%;margin:23px 0 15px;padding:16px 0;border-block:1px solid #e1ddc5;color:#4d7148;font-size:14px;font-weight:700;line-height:1.7}.conversion-copy>small{color:#7b8465;font-size:13px;line-height:1.7}
@keyframes touro-float{0%,100%{transform:translateY(3px) rotate(-.3deg)}50%{transform:translateY(-7px) rotate(.3deg)}}
@keyframes touro-orbit{to{transform:rotate(360deg)}}
@keyframes touro-spark{0%,100%{opacity:.58;transform:translateY(5px) rotate(-7deg)}50%{opacity:1;transform:translateY(-7px) rotate(7deg)}}

/* A full editorial scene gives an article a visual pause without hiding its copy. */
.editorial-scene{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;overflow:hidden;margin:30px 0;border:1px solid #315e43;border-bottom:4px solid #c8a346;border-radius:22px;background:var(--jade)}
.editorial-scene>img,.editorial-scene>picture{display:block;width:100%;height:auto;min-height:0;object-fit:contain}.editorial-scene>picture>img{display:block;width:100%;height:auto;object-fit:contain}
.scene-copy{align-self:center;min-width:0;padding:29px;color:#dce8cd}.scene-copy .eyebrow{margin:0 0 13px;color:#edcf7b;font-size:12px;letter-spacing:1.4px}.scene-copy h2,.scene-copy h3{margin:0 0 17px;color:#fff0c8;font-size:27px;line-height:1.28;letter-spacing:-.8px}.scene-copy p{margin:0 0 18px;color:#d4e2c6;font-size:16px;line-height:1.8}.scene-copy p:last-child{margin-bottom:0}.scene-copy strong{color:#fff2cb}.scene-copy .text-link{color:var(--gold)}
.section>.wrap>.editorial-scene .scene-copy h2{font-size:36px}
.error-page{max-width:740px;margin-inline:auto;padding:80px 0 105px;text-align:center}
.error-page .error-code{display:block;margin-bottom:21px;color:var(--jade);font:800 112px/1 var(--display);letter-spacing:-6px}
.error-page h1{margin-bottom:24px;color:var(--jade);font-size:43px}
.error-page p{max-width:560px;margin-inline:auto;color:var(--muted);font-size:18px}
.error-page .button{margin:9px}

/* Breakpoints follow available reading space, not individual device models. */
@media(min-width:1101px){.mobile-nav{display:none!important}}
@media(max-width:1100px){
  .site-header{--header-height:82px}
  .desktop-nav{display:none}.menu-toggle{display:flex}.header-actions{margin-left:auto}
  .header-main{min-height:82px}.hero-grid{gap:26px}.hero h1{font-size:clamp(47px,5.5vw,66px)}
  .hero-art{min-height:430px}.hero-art>img,.hero-art>picture,.hero-art picture img{max-height:510px}
  .article-layout{grid-template-columns:220px minmax(0,1fr);gap:32px}.article-toc{padding:20px}.article-hero{gap:29px;padding:29px;grid-template-columns:minmax(0,1.4fr) minmax(220px,.8fr)}
  .game-overview{gap:42px}.game-overview h2{font-size:37px}.home-demo-banner{gap:35px;padding:40px}.home-demo-banner h2{font-size:41px}.faq-home{gap:44px}.author-profile{grid-template-columns:265px minmax(0,1fr);gap:38px}
  .section-head{gap:16px 36px}.stat{gap:10px;padding-inline:14px}.stat strong{font-size:21px}
  .stat>svg,.stat>img,.stat-icon{width:38px;height:38px;flex-basis:38px}
  .footer-grid{gap:35px}.feature-card{padding:24px}.feature-card>img{width:calc(100% + 48px);margin:-24px -24px 23px}
}
@media(max-width:900px){
  .family-card{flex-basis:calc((100% - 22px)/2)}
  .article-layout{grid-template-columns:minmax(0,1fr);gap:34px}.article-toc{position:static;grid-row:1;padding:22px}
  .article-toc ul,.article-toc ol{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 25px}.article-toc a{padding:10px 0}
  .article-toc nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px}.article-toc nav>a>span{display:none}
  .article-toc .button{width:auto;min-width:190px}.article-content{font-size:17px}
  .feature-grid,.related-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .visual-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .step-grid,.three-col{grid-template-columns:repeat(2,minmax(0,1fr))}
  .cta-band>.wrap{gap:25px}.cta-band h2{font-size:32px}.cta-band .button{min-width:180px;padding-inline:18px}
}
@media(max-width:800px){
  .site-header{--menu-bottom-gap:calc(90px + env(safe-area-inset-bottom))}
  body{padding-bottom:78px}.hero{padding:43px 0 35px}.hero-grid{grid-template-columns:minmax(0,1fr);gap:29px}
  .hero-copy{padding:0}.hero h1{max-width:650px;font-size:clamp(48px,8vw,64px)}.hero-lead{max-width:660px;font-size:18px}
  .hero-art{width:min(100%,480px);min-height:350px;margin-inline:auto}.hero-art>img,.hero-art>picture,.hero-art picture img{max-height:440px}
  .hero-art::before{inset:7% 1% 1%}.hero-art::after{left:0;width:65px;height:65px;border-width:7px}
  .hero-label{left:0;bottom:14px;padding:12px 16px}.hero-label strong{font-size:39px}.hero-spark{right:4%;font-size:37px}
  .hero-stats,.hero-stats>.wrap{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-stats{padding:6px 0}
  .stat{justify-content:flex-start;min-height:95px;padding:16px 21px}.stat+.stat{border-left:0}.stat:nth-child(even){border-left:1px solid #dcca9f}.stat:nth-child(n+3){border-top:1px solid #dcca9f}
  .section{padding:60px 0}.section-head{grid-template-columns:minmax(0,1fr);gap:17px}.section-head>.text-link{justify-self:start}
  .section-head>.eyebrow{grid-column:auto;margin-bottom:-4px}.section-head p:not(.eyebrow){max-width:690px}
  .article-hero{grid-template-columns:minmax(0,1fr);padding:28px}.article-hero h1{font-size:43px}.article-hero .lead,.article-hero>.wrap>p:not(.eyebrow){font-size:18px}.article-hero-art{max-width:520px;width:100%;margin-inline:auto}.article-hero-art img{max-height:300px}.page-demo .article-hero-art{display:none}
  .game-overview{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:30px}.phone-stage{min-height:480px;padding:22px 18px}.game-overview h2{font-size:32px}.spec-grid{gap:0 18px}.spec-grid dd{font-size:17px}
  .home-demo-banner{gap:24px;padding:33px}.home-demo-banner h2{font-size:35px}.demo-banner-art{min-height:350px}.demo-banner-art img{max-height:340px}.faq-home{grid-template-columns:minmax(0,1fr);gap:29px}.faq-home h2{font-size:38px}.faq-home>div:first-child>p:not(.eyebrow){max-width:600px}
  .author-profile{grid-template-columns:220px minmax(0,1fr);gap:29px}.author-profile h1{font-size:39px}
  .footer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:29px}.footer-grid>div:first-child{grid-column:1/-1;max-width:550px}
  .footer-grid>div:nth-child(4){grid-column:1/-1}
  .mobile-dock{position:fixed;z-index:80;inset:auto 0 0;display:flex;align-items:center;justify-content:space-between;gap:15px;min-height:73px;padding:10px 22px calc(10px + env(safe-area-inset-bottom));border-top:1px solid #c9cca5;color:var(--jade);background:rgb(255 251 238 / 96%);box-shadow:0 -8px 24px rgb(15 57 35 / 7%);backdrop-filter:blur(12px)}
  .mobile-dock>.wrap{display:flex;align-items:center;justify-content:space-between;gap:15px;width:100%}.mobile-dock strong{display:block;color:var(--jade);font-size:14px;line-height:1.4}.mobile-dock small{display:block;margin-top:2px;color:#6c7b59;font-size:12px;line-height:1.4}
  .mobile-dock .button{flex-shrink:0;min-height:46px;padding:11px 19px;font-size:14px}
  .page-jogar .mobile-dock,.page-go .mobile-dock,body.demo-playing-visible .mobile-dock{display:none}
  .conversion-card{grid-template-columns:minmax(0,1fr)}.conversion-art{min-height:330px;max-height:360px;padding:22px}.conversion-art>img{max-height:310px;animation:none}.conversion-copy{padding:34px}
  .conversion-orbit,.conversion-spark{animation:none}.orbit-one{top:-5%;left:18%;width:64%}.orbit-two{top:-19%;left:3%;width:94%}.spark-three,.spark-four{display:none}.conversion-feature{left:23px;bottom:20px;padding:11px 15px}.conversion-feature strong{font-size:35px}
  .editorial-scene{grid-template-columns:minmax(0,1fr)}.editorial-scene>img,.editorial-scene>picture{height:auto;min-height:0;max-height:none;aspect-ratio:auto}
}
@media(max-width:600px){
  .family-grid{gap:18px}.family-card{flex-basis:100%}
  .site-header{--header-height:74px}
  .wrap{width:calc(100% - 36px)}.header-main{gap:14px;min-height:74px}.brand{gap:10px}.brand-icon{flex-basis:45px;width:45px;height:45px}
  .brand-copy strong{font-size:25px}.brand-copy small{font-size:9px;letter-spacing:2px}.header-actions>.button{display:none}.header-actions{gap:0}
  .mobile-nav>.wrap{gap:4px 8px}.mobile-nav a{padding-inline:8px;font-size:14px}
  .hero{padding:34px 0 28px}.hero h1{margin-bottom:22px;font-size:47px;letter-spacing:-2.1px}.hero h1 span{margin-top:10px;font-size:.72em;letter-spacing:-1px}
  .hero-lead{font-size:17px;line-height:1.8}.hero-actions{gap:11px;margin-top:23px}.hero-actions .button{flex:1 1 auto;min-height:55px;padding:13px 17px;font-size:15px}
  .hero-note{font-size:13px}.hero-art{width:100%;min-height:300px}.hero-art>img,.hero-art>picture,.hero-art picture img{max-height:385px}
  .hero-label{max-width:205px;gap:11px;padding:11px 14px}.hero-label strong{font-size:37px}.hero-label span{font-size:12px}.hero-spark{top:9%;font-size:33px}
  .hero-art::after{width:55px;height:55px;bottom:10%}.hero-art figcaption{max-width:160px;font-size:12px}
  .stat{gap:10px;min-height:91px;padding:15px 10px}.stat strong{font-size:19px}.stat small,.stat span:not(.stat-icon){font-size:13px}
  .stat>svg,.stat>img,.stat-icon{width:34px;height:34px;flex-basis:34px}
  .section{padding:48px 0}.section-head{margin-bottom:27px}.section-head h2{font-size:32px;letter-spacing:-1.1px}.section-head p:not(.eyebrow){font-size:16px}
  .eyebrow{font-size:12px;letter-spacing:1.4px}.feature-grid,.related-grid,.step-grid,.two-col,.three-col{grid-template-columns:minmax(0,1fr);gap:18px}
  .visual-feature-grid,.platform-grid{grid-template-columns:minmax(0,1fr);gap:19px}.visual-feature-grid>article,.visual-feature-grid>div{padding:23px}.visual-feature-grid .feature-number{font-size:39px}
  .quick-facts{grid-template-columns:minmax(0,1fr)}.quick-facts>div{flex-direction:row;align-items:center;justify-content:flex-start;gap:20px;padding:19px 22px}.quick-facts strong{flex:0 0 94px;font-size:29px}.quick-facts span{margin:0;font-size:14px}
  .history-readout{grid-template-columns:minmax(0,1fr)}.history-readout>div{display:grid;grid-template-columns:76px minmax(0,1fr);align-items:center;gap:12px;padding:15px 13px}.history-readout dt{font-size:13px}.history-readout dd{margin:0;font-size:16px;overflow-wrap:anywhere}
  .platform-selection-heading h2,.platform-selection-heading h3{font-size:28px}.platform-card{border-radius:18px}.platform-brand{min-height:125px;padding:25px}.platform-card-content{padding:23px 23px 7px}.platform-card-actions{gap:12px;padding:8px 23px 25px}.platform-detail-link{width:100%}
  .platform-demo-callout{flex-wrap:wrap;gap:15px;padding:22px}.platform-demo-callout>img{width:52px;height:52px;flex-basis:52px}.platform-demo-callout strong{font-size:17px}.platform-demo-callout .button{width:100%}
  .feature-card{padding:23px}.feature-card h3{font-size:23px}.feature-card>img{width:calc(100% + 46px);margin:-23px -23px 22px;height:220px}
  .feature-card .feature-number{font-size:43px}.author-line{gap:10px;font-size:13px}.author-line img{flex-basis:40px;width:40px;height:40px}
  .game-overview{grid-template-columns:minmax(0,1fr);gap:32px;margin-top:29px}.phone-stage{width:100%;max-width:390px;min-height:510px;margin-inline:auto;padding:25px 20px 23px}.phone-stage>img{width:240px}.game-overview h2{font-size:33px}.game-overview p{font-size:16px}.spec-grid dd{font-size:19px}
  .feature-grid-three .feature-card>img{width:137px;height:122px;margin-bottom:22px}.home-demo-banner{grid-template-columns:minmax(0,1fr);gap:29px;padding:29px 25px}.home-demo-banner h2{font-size:36px}.home-demo-banner p{font-size:16px}.home-demo-banner .button{width:100%}.demo-banner-art{min-height:295px}.demo-banner-art img{max-height:315px}.demo-play-mark{width:66px;height:66px;top:calc(50% - 33px);left:calc(50% - 33px);font-size:24px}
  .route-card{min-height:310px}.route-card .route-number{margin-bottom:60px}.feature-card.route-card>img{top:23px;right:23px}.feature-card.family-card>img{margin-bottom:2px}.faq-home h2{font-size:34px}
  .media-grid{grid-template-columns:minmax(0,1fr);gap:22px}.media-preview{height:300px;padding:18px}.media-card-body{padding:22px}.media-card-body h3{font-size:23px}.media-kind{font-size:12px}.author-profile{grid-template-columns:minmax(0,1fr);gap:28px;padding:23px 0 30px}.author-profile>img{max-width:230px}.author-profile h1{font-size:36px}.narrow-page>h1{font-size:38px}.narrow-page>.lead{font-size:18px}
  .breadcrumb{gap:6px;padding:7px 0;font-size:13px}.article-hero{gap:23px;padding:23px 21px;border-radius:20px}.article-hero h1{font-size:34px;letter-spacing:-1.45px;line-height:1.17}
  .article-hero .lead,.article-hero>.wrap>p:not(.eyebrow){font-size:17px;line-height:1.8}.article-layout{padding-top:29px;padding-bottom:50px;gap:28px}
  .article-toc{padding:18px}.article-toc ul,.article-toc ol{gap:0 20px}.article-toc a{font-size:13px;line-height:1.55}
  .article-toc nav{gap:0 18px}.article-hero-art img{max-height:255px}.page-demo .article-hero .hero-actions{display:none}.page-demo .article-hero .author-line{margin-top:18px}
  .article-content{font-size:16px;line-height:1.85}.article-section{padding:29px 0 23px}.article-section h2{font-size:28px;letter-spacing:-1px;line-height:1.27}.article-section h3{font-size:23px;line-height:1.35}
  .media-figure{padding:14px;margin:25px 0;border-radius:15px}.media-figure img{border-radius:8px;max-height:540px}.media-figure figcaption{font-size:13px}
  .info-box,.callout{padding:20px}.info-box p,.callout p{font-size:16px}.table-wrap th,.table-wrap td{min-width:100px;padding:13px 12px;font-size:14px}
  .step-card{padding:22px}.step-card .step-number,.step-card:not(:has(.step-number))::before{width:47px;height:47px;margin-bottom:18px;font-size:22px}
  .faq-list summary{gap:14px;min-height:69px;padding:18px 3px;font-size:17px}.faq-list details>div,.faq-list details>p{padding:0 8px 21px 3px;font-size:16px}
  .related-grid>a{padding:22px}.cta-band{padding:38px 0}.cta-band>.wrap{flex-direction:column;align-items:stretch;gap:24px}.cta-band h2{font-size:30px}.cta-band p{font-size:16px}.cta-band .button{width:100%}
  .site-footer{padding-top:39px}.footer-grid{gap:25px 18px}.footer-grid p{font-size:14px}.footer-grid a:not(.brand){font-size:14px}.footer-bottom{align-items:flex-start;flex-direction:column;gap:12px;padding-block:23px}
  .mobile-dock{padding-inline:18px;gap:11px}.mobile-dock .button{padding-inline:17px}.mobile-dock small{font-size:12px}
  .demo-cover{grid-template-columns:minmax(0,1fr);min-height:282px;padding:26px 23px;gap:0}.demo-cover-poster{display:none}.demo-overlay h2,.demo-overlay h3{font-size:28px}.demo-overlay p{font-size:15px}.demo-overlay .button{min-height:57px}
  .page-demo .article-hero{padding:21px}.page-demo .article-hero h1{font-size:31px}.page-demo .article-hero .lead{font-size:16px;line-height:1.75}.page-demo .article-hero .author-line{font-size:12px}.page-demo .article-hero .author-line img{width:35px;height:35px;flex-basis:35px}
  .demo-frame{height:660px;min-height:460px}.control-bar{align-items:stretch;gap:10px;padding:13px}.control-group{gap:6px}.control-group button{flex:1;min-height:44px;padding:9px 11px;font-size:13px}.demo-fallback{padding:20px;font-size:14px}
  .calculator{grid-template-columns:minmax(0,1fr);gap:21px;padding:21px}.calc-result{padding:23px}.calc-result strong,.calc-result output{font-size:34px}
  .conversion-page{padding:28px 0 50px}.conversion-copy{padding:27px 23px}.conversion-copy h1,.conversion-copy h2{font-size:34px}.conversion-copy p{font-size:16px}.conversion-art{min-height:290px;max-height:305px;padding:17px 20px 24px}.conversion-art>img{max-height:267px}
  .conversion-feature{left:16px;bottom:17px;max-width:calc(100% - 32px);gap:9px;padding:10px 12px;border-radius:12px}.conversion-feature strong{font-size:30px}.conversion-feature span{font-size:12px;max-width:116px}.spark-one{top:17%;left:10%;font-size:21px}.spark-two{top:27%;right:11%;font-size:15px}.conversion-copy .conversion-facts{margin-top:20px;font-size:13px}.conversion-copy>.text-link{font-size:14px}
  .editorial-scene{margin:25px 0;border-radius:18px}.scene-copy{padding:24px}.scene-copy h2,.scene-copy h3{font-size:25px}.section>.wrap>.editorial-scene .scene-copy h2{font-size:29px}
  .error-page{padding:55px 0 75px}.error-page h1{font-size:34px}.error-page .error-code{font-size:90px}.error-page p{font-size:16px}
}
@media(max-width:360px){
  .wrap{width:calc(100% - 32px)}.hero h1{font-size:42px}.hero-actions{flex-direction:column}.hero-actions .button{width:100%}
  .hero-art>img,.hero-art>picture,.hero-art picture img{max-height:340px}.stat{gap:8px;padding-inline:7px}.stat strong{font-size:17px}.stat>svg,.stat>img,.stat-icon{width:31px;height:31px;flex-basis:31px}
  .article-toc ul,.article-toc ol{grid-template-columns:minmax(0,1fr)}.article-hero h1{font-size:33px}.section-head h2{font-size:29px}.article-section h2{font-size:26px}
  .article-toc nav{grid-template-columns:minmax(0,1fr)}.article-hero{padding:22px 18px}.article-hero h1{font-size:30px}.hero-note .age-badge{margin-top:6px;margin-left:0}.phone-stage{min-height:480px}.phone-stage>img{width:220px}.home-demo-banner{padding:26px 22px}.home-demo-banner h2{font-size:32px}.media-preview{height:270px}
  .mobile-dock{padding-inline:16px}.mobile-dock .button{padding-inline:14px}.mobile-dock small{max-width:155px}.demo-overlay h2,.demo-overlay h3{font-size:25px}
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .conversion-art>img,.conversion-orbit,.conversion-spark{animation:none!important;transform:none}.conversion-spark{opacity:.85}
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
}

.history-screen>summary{display:flex;align-items:center;min-height:48px;cursor:pointer;gap:12px;color:var(--jade)}
.history-screen>summary::after{content:"+";font-size:26px;margin-left:auto}
.history-screen[open]>summary{margin-bottom:24px}
.history-screen[open]>summary::after{content:"−"}
.history-screen .media-figure{margin:0;padding:12px}
.history-screen .two-col{align-items:start}

.ox-explorer {
  --ox-jade: var(--jade, #073f35);
  --ox-deep: var(--jade-deep, #042d27);
  --ox-gold: var(--gold, #f6c453);
  --ox-gold-light: var(--gold-light, #fff0bd);
  --ox-paper: var(--paper, #fbf7ee);
  --ox-ink: var(--ink, #182f28);
  --ox-muted: #4e6358;
  min-width: 0;
  color: var(--ox-ink);
  font-family: var(--body, "Manrope", Arial, sans-serif);
  font-size: 16px;
  line-height: 1.7;
}

.ox-explorer *, .ox-explorer *::before, .ox-explorer *::after { box-sizing: border-box; }
.ox-explorer [hidden] { display: none !important; }
.ox-explorer > section + section { margin-top: 52px; }
.ox-explorer h3, .ox-explorer h4 { font-family: var(--display, "Sora", sans-serif); letter-spacing: -.035em; text-wrap: balance; }
.ox-explorer .ox-explorer-heading h3 { margin: 5px 0 10px; color: var(--ox-deep); font-size: clamp(25px, 3vw, 34px); line-height: 1.2; }
.ox-explorer .ox-explorer-heading p { margin: 0 0 22px; max-width: 68ch; }
.ox-kicker { display: block; color: var(--ox-jade); font-size: 13px; font-weight: 800; letter-spacing: .09em; text-transform: uppercase; }
.ox-explorer button { font: inherit; cursor: pointer; -webkit-tap-highlight-color: transparent; }
.ox-explorer button:disabled { cursor: default; opacity: 1; }
.ox-explorer button:focus-visible, .ox-explorer a:focus-visible { outline: 3px solid var(--ox-jade); outline-offset: 4px; }
.ox-explorer button { transition: border-color 150ms ease, background-color 150ms ease, box-shadow 150ms ease; }
.ox-explorer button:not(:disabled):hover { border-color: var(--ox-gold); }
.ox-explorer a { color: var(--ox-jade); text-decoration-thickness: 1.5px; text-underline-offset: 3px; }

.ox-symbol-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; margin-bottom: 20px; }
.ox-symbol-card { display: flex; flex-direction: column; align-items: center; gap: 7px; min-width: 0; padding: 16px 10px; border: 2px solid #bbcab9; border-radius: 18px; background: var(--ox-paper); color: var(--ox-ink); text-align: center; }
.ox-symbol-card[aria-pressed="true"] { border-color: var(--ox-gold); background: var(--ox-jade); color: #fff9e8; box-shadow: 0 0 0 2px var(--ox-jade); }
.ox-symbol-card img { display: block; width: 116px; max-width: 100%; height: 108px; object-fit: contain; }
.ox-symbol-name { font-weight: 800; font-size: 16px; line-height: 1.35; }
.ox-symbol-role { font-size: 13px; line-height: 1.4; }
.ox-symbol-detail { display: grid; grid-template-columns: minmax(140px, .65fr) minmax(0, 1.35fr); align-items: center; gap: 28px; margin-top: 16px; padding: 28px; border: 1px solid #d9dec9; border-radius: 22px; background: #fffdfa; box-shadow: 0 5px 0 #e6e8d9; scroll-margin-top: 100px; }
.ox-symbol-detail > img { width: 100%; max-width: 240px; height: auto; aspect-ratio: 1; object-fit: contain; justify-self: center; }
.ox-symbol-copy h4 { margin: 0 0 10px; font-size: 27px; line-height: 1.25; color: var(--ox-deep); }
.ox-symbol-copy p { margin: 0 0 10px; }
.ox-symbol-copy .ox-reference-value { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px 16px; margin-top: 18px; margin-bottom: 0; padding: 12px 16px; border-radius: 12px; background: var(--ox-gold-light); color: var(--ox-deep); }
.ox-reference-value span { font-size: 14px; font-weight: 700; }
.ox-reference-value strong { font-size: 28px; line-height: 1.2; }
.ox-explorer-note, .ox-explorer-source { margin: 18px 0 0; font-size: 14px; line-height: 1.65; color: var(--ox-muted); }
.ox-explorer-source { margin-top: 32px; padding-top: 22px; border-top: 1px solid #d9dec9; }

.ox-payline-controls { display: grid; grid-template-columns: repeat(10, minmax(0, 1fr)); gap: 7px; margin: 0 0 18px; }
.ox-payline-controls button { display: grid; justify-items: center; align-content: center; min-width: 0; min-height: 61px; padding: 5px; border: 2px solid #bbcab9; border-radius: 11px; background: #fffdfa; color: var(--ox-jade); line-height: 1.2; }
.ox-payline-controls button span { font-size: 13px; }
.ox-payline-controls button strong { font-size: 21px; }
.ox-payline-controls button[aria-pressed="true"] { color: var(--ox-deep); border-color: var(--ox-jade); background: var(--ox-gold); box-shadow: 0 3px 0 var(--ox-jade); }
.ox-payline-scene { overflow: hidden; padding: 20px; border: 1px solid #a18a47; border-radius: 22px; background: radial-gradient(ellipse at 50% 0, #14634e, var(--ox-deep) 80%); }
.ox-reel-labels { display: grid; grid-template-columns: repeat(3, 1fr); margin: 0 5%; color: var(--ox-gold-light); font-size: 13px; font-weight: 800; text-align: center; }
.ox-payline-board, .ox-feature-board { position: relative; width: 100%; aspect-ratio: 600 / 440; }
.ox-payline-board svg { position: absolute; inset: 0; width: 100%; height: 100%; color: var(--ox-gold); }
.ox-payline-path { filter: drop-shadow(0 0 5px #f6c45355); }
.ox-payline-cell { display: grid; place-items: center; position: absolute; left: var(--x); top: var(--y); transform: translate(-50%, -50%); width: 13%; height: 18%; border: 2px solid #6a8b70; border-radius: 12px; background: #155044; color: #e5ecd7; font-size: clamp(18px, 3vw, 28px); font-weight: 800; }
.ox-payline-cell.is-active { color: var(--ox-deep); background: var(--ox-gold-light); border-color: var(--ox-gold); box-shadow: 0 0 0 3px #f6c45333; }
.ox-payline-description { margin: 16px 0 0; padding: 16px 20px; border-left: 4px solid var(--ox-gold); border-radius: 0 12px 12px 0; background: #edf2e7; font-weight: 700; font-size: 15px; line-height: 1.65; }
.ox-static-lines { margin: 20px 0 0; padding-left: 24px; font-size: 14px; }
.ox-static-lines li + li { margin-top: 10px; }

.ox-feature-controls { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 9px; margin-bottom: 18px; }
.ox-feature-controls button { display: flex; align-items: center; gap: 9px; min-height: 62px; padding: 12px; border: 2px solid #bbcab9; border-radius: 14px; color: var(--ox-ink); background: var(--ox-paper); font-size: 14px; font-weight: 800; line-height: 1.3; text-align: left; }
.ox-feature-controls button > span { display: grid; place-items: center; flex: 0 0 26px; width: 26px; height: 26px; border-radius: 50%; color: var(--ox-gold-light); background: var(--ox-jade); font-size: 14px; }
.ox-feature-controls button[aria-pressed="true"] { border-color: var(--ox-gold); color: var(--ox-gold-light); background: var(--ox-jade); box-shadow: 0 3px 0 #c28a24; }
.ox-feature-controls button[aria-pressed="true"] > span { color: var(--ox-deep); background: var(--ox-gold); }
.ox-example-panel { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr); align-items: center; gap: 24px; margin-top: 16px; padding: 22px; border: 1px solid #d9dec9; border-radius: 22px; background: #fffdfa; box-shadow: 0 5px 0 #e6e8d9; scroll-margin-top: 100px; }
.ox-example-scene { overflow: hidden; padding: 18px 10px 15px; border: 1px solid #a18a47; border-radius: 16px; background: radial-gradient(ellipse at 50% 0, #14634e, var(--ox-deep) 85%); }
.ox-feature-cell { display: grid; place-items: center; position: absolute; top: var(--y); left: var(--x); transform: translate(-50%, -50%); width: 20%; height: 21%; border: 1px solid #427459; border-radius: 8px; background: #0c3a31; }
.ox-feature-cell img { display: block; width: 92%; height: 92%; object-fit: contain; }
.ox-feature-cell.is-highlighted { border: 2px solid var(--ox-gold); background: #255445; box-shadow: 0 0 8px #f6c45322; }
.ox-example-badge { display: block; margin: 7px 9px 0; padding: 7px 8px; border: 1px solid #b79b4b; border-radius: 9px; color: var(--ox-gold-light); font-size: 13px; font-weight: 800; text-align: center; line-height: 1.35; }
.ox-example-badge.is-multiplier { color: var(--ox-deep); background: var(--ox-gold); font-size: 28px; }
.ox-example-copy h4 { margin: 8px 0 13px; color: var(--ox-deep); font-size: 23px; line-height: 1.3; }
.ox-example-copy p { margin: 0 0 12px; font-size: 15px; line-height: 1.7; }
.ox-example-copy p:last-child { margin-bottom: 0; }
.ox-sr-only { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0; }

@media (max-width: 760px) {
  .ox-payline-controls { grid-template-columns: repeat(5, minmax(0, 1fr)); }
  .ox-example-panel { grid-template-columns: minmax(0, 1fr); gap: 20px; }
  .ox-example-scene { width: 100%; max-width: 410px; margin-inline: auto; }
}
@media (max-width: 550px) {
  .ox-explorer > section + section { margin-top: 40px; }
  .ox-symbol-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
  .ox-symbol-card { padding: 14px 8px; }
  .ox-symbol-card img { width: 96px; height: 88px; }
  .ox-symbol-detail { grid-template-columns: 100px minmax(0, 1fr); align-items: start; gap: 15px; padding: 20px 16px; }
  .ox-symbol-detail > img { width: 100px; height: 100px; }
  .ox-symbol-copy { display: contents; }
  .ox-symbol-copy h4 { align-self: center; font-size: 25px; }
  .ox-symbol-copy p { grid-column: 1 / -1; margin: 0; }
  .ox-symbol-copy .ox-reference-value { margin: 0; }
  .ox-payline-scene { padding: 16px 8px 8px; }
  .ox-payline-cell { border-radius: 8px; }
  .ox-payline-description { padding: 13px 15px; }
  .ox-feature-controls { gap: 6px; }
  .ox-feature-controls button { flex-direction: column; justify-content: flex-start; padding: 10px 6px; font-size: 13px; text-align: center; }
  .ox-example-panel { padding: 16px; }
  .ox-example-copy h4 { font-size: 24px; }
}
@media (prefers-reduced-motion: reduce) { .ox-explorer button { transition: none; } .ox-explorer { scroll-behavior: auto; } }

.cashier-guide {
  --cg-jade: var(--jade, #073f35);
  --cg-accent: var(--jade-bright, #096751);
  --cg-gold: var(--gold, #f6c453);
  --cg-paper: var(--white, #fffdfa);
  --cg-ink: var(--ink, #182f28);
  --cg-muted: var(--muted, #66766b);
  --cg-line: var(--line, #d9dec9);
  container: cashier / inline-size;
  margin: 30px 0 38px;
  padding: 28px;
  color: var(--cg-ink);
  background: var(--paper-deep, #f2e8d6);
  border: 1px solid var(--line, #d9dec9);
  border-radius: 26px;
  font-family: var(--body, "Manrope", Arial, sans-serif);
  font-size: 16px;
  line-height: 1.6;
  isolation: isolate;
}
.cashier-guide *, .cashier-guide *::before, .cashier-guide *::after { box-sizing: border-box; }
.cashier-guide [hidden] { display: none !important; }
.cashier-guide h3, .cashier-guide h4, .cashier-guide p, .cashier-guide ol, .cashier-guide dl, .cashier-guide dd { margin: 0; }
.cashier-guide button, .cashier-guide a { -webkit-tap-highlight-color: transparent; touch-action: manipulation; }
.cashier-guide button { font: inherit; cursor: pointer; }
.cashier-guide button:disabled { cursor: default; opacity: 1; }
.cashier-guide .cg-control:disabled { opacity: .42; }
.cashier-guide :is(button, a, [tabindex]):focus-visible { outline: 3px solid #ab6900; outline-offset: 4px; }
.cashier-guide .cg-icon { width: 24px; height: 24px; flex: 0 0 24px; vertical-align: middle; }
.cashier-guide .cg-guide-top { margin-bottom: 21px; }
.cashier-guide .cg-kicker { display: flex; flex-wrap: wrap; align-items: center; gap: 7px; color: var(--cg-jade); font-size: 14px; font-weight: 700; line-height: 1.5; }
.cashier-guide .cg-kicker .cg-icon { width: 20px; height: 20px; flex-basis: 20px; margin-right: 1px; }
.cashier-guide .cg-invitation { margin-top: 8px; color: var(--muted, #66766b); font-size: 16px; line-height: 1.65; }
.cashier-guide .cg-controls { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px; margin: 0 0 28px; }
.cashier-guide .cg-progress-label { display: flex; align-items: center; gap: 9px; }
.cashier-guide .cg-progress-label > span { color: var(--cg-jade); font: 800 27px/1 var(--display, "Sora", Arial, sans-serif); }
.cashier-guide .cg-progress-label > strong { font-size: 14px; color: #6c5140; font-weight: 600; }
.cashier-guide .cg-control-buttons { display: flex; gap: 6px; }
.cashier-guide .cg-control { display: inline-flex; align-items: center; justify-content: center; gap: 6px; min-height: 44px; padding: 8px 10px; border: 1px solid #d2b98d; border-radius: 9px; background: #fffaf0; color: #644023; font-size: 14px; font-weight: 700; }
.cashier-guide .cg-control .cg-icon { width: 18px; height: 18px; flex-basis: 18px; }
.cashier-guide .cg-control:hover:not(:disabled) { background: #ffe7a8; border-color: #a77725; }
.cashier-guide .cg-progress-track { flex: 0 0 100%; height: 6px; overflow: hidden; border-radius: 9px; background: #dfceaf; }
.cashier-guide .cg-progress-track > span { display: block; width: 14.286%; height: 100%; background: var(--cg-accent); border-radius: inherit; transition: width .2s ease; }
.cashier-guide .cg-workspace { display: grid; grid-template-columns: minmax(210px, .82fr) minmax(0, 1.18fr); align-items: start; gap: 25px; }
.cashier-guide .cg-workspace > * { min-width: 0; }
.cashier-guide .cg-route h3 { margin: 0 0 15px; color: var(--cg-jade); font: 800 20px/1.35 var(--display, "Sora", Arial, sans-serif); letter-spacing: -.5px; }
.cashier-guide .cg-route ol { display: grid; gap: 9px; padding: 0; list-style: none; }
.cashier-guide .cg-route li { margin: 0; padding: 0; }
.cashier-guide .cg-step-link { display: flex; align-items: center; gap: 11px; min-height: 76px; padding: 12px; border: 1px solid var(--line, #d9dec9); border-radius: 13px; color: var(--cg-ink); background: #fffbf2; text-decoration: none; }
.cashier-guide .cg-step-link:hover { border-color: #aa7125; background: #fff4d8; }
.cashier-guide .cg-step-number { display: grid; place-items: center; flex: 0 0 34px; width: 34px; height: 34px; border: 1px solid #e5cc99; border-radius: 10px; color: #8b5221; background: #f9e6bc; font: 800 16px/1 var(--display, "Sora", Arial, sans-serif); }
.cashier-guide .cg-step-copy { min-width: 0; }
.cashier-guide .cg-step-copy > strong { display: block; margin-bottom: 3px; font-size: 16px; line-height: 1.35; }
.cashier-guide .cg-step-copy > span { display: block; color: var(--cg-muted); font-size: 14px; line-height: 1.55; }
.cashier-guide .cg-step-arrow { display: none; }
.cashier-guide .cg-step-link.is-current { color: #fff9e9; border-color: var(--cg-jade); background: var(--cg-jade); }
.cashier-guide .cg-step-link.is-current .cg-step-copy > strong { color: #fff9e9; }
.cashier-guide .is-current .cg-step-number { border-color: var(--cg-gold); color: #67340b; background: var(--cg-gold); }
.cashier-guide .is-current .cg-step-copy > span { color: #d8e7d8; }
.cashier-guide .cg-route-note { margin-top: 18px; padding-left: 2px; color: var(--muted, #66766b); font-size: 14px; line-height: 1.65; }
.cashier-guide .cg-screens { min-width: 0; }
.cashier-guide .cg-scene { margin-bottom: 35px; scroll-margin-top: 105px; }
.cashier-guide.is-interactive .cg-scene { margin-bottom: 0; }
.cashier-guide .cg-scene-heading { display: flex; align-items: center; gap: 11px; min-height: 43px; margin-bottom: 16px; }
.cashier-guide .cg-scene-number { display: grid; place-items: center; flex: 0 0 39px; height: 39px; border-radius: 50%; color: var(--cg-jade); background: #f6d780; font: 800 15px/1 var(--display, "Sora", Arial, sans-serif); }
.cashier-guide .cg-scene-title { margin: 0; color: var(--cg-jade); font: 800 21px/1.3 var(--display, "Sora", Arial, sans-serif); letter-spacing: -.7px; }
.cashier-guide .cg-device { container: cashierdevice / inline-size; width: 100%; max-width: 420px; margin: 0 auto; overflow: hidden; border: 6px solid var(--jade-deep, #042d27); border-radius: 29px; color: var(--cg-ink); background: var(--cg-paper); box-shadow: 0 8px 0 #d9b98c, 0 18px 30px rgb(86 44 14 / 10%); }
.cashier-guide .cg-device-cap { display: flex; align-items: center; justify-content: space-between; min-height: 36px; padding: 8px 17px; color: #d8e7d8; background: var(--jade-deep, #042d27); font-size: 12px; font-weight: 600; line-height: 1.3; }
.cashier-guide .cg-device-cap > span:last-child { letter-spacing: 3px; color: #f6d98b; }
.cashier-guide .cg-screen-body { padding: 21px 20px 22px; }
.cashier-guide .cg-lobby-header { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 10px 16px 16px; background: #faf0e1; border-bottom: 1px solid #eadcc7; }
.cashier-guide .cg-platform-mark { display: flex; align-items: center; gap: 8px; color: var(--cg-jade); }
.cashier-guide .cg-platform-mark > .cg-icon { width: 27px; height: 27px; flex-basis: 27px; }
.cashier-guide .cg-platform-mark > strong { font: 800 15px/1.3 var(--display, "Sora", Arial, sans-serif); letter-spacing: -.5px; }
.cashier-guide .cg-wallet-target { width: 143px; flex: 0 0 143px; }
.cashier-guide .cg-point { display: flex; align-items: center; justify-content: center; gap: 6px; padding: 7px 0 8px; color: #8b4213; font-size: 13px; font-weight: 700; line-height: 1.4; }
.cashier-guide .cg-point .cg-icon { width: 19px; height: 19px; flex-basis: 19px; }
.cashier-guide .cg-action { display: flex; align-items: center; justify-content: center; gap: 9px; width: 100%; min-height: 55px; padding: 12px 14px; border: 2px solid #c68b1a; border-radius: 12px; color: #57310b; background: var(--cg-gold); font-size: 16px; font-weight: 800; line-height: 1.35; text-decoration: none; box-shadow: 0 4px 0 #c58c25; }
.cashier-guide .cg-target { outline: 3px solid #f5d88b; outline-offset: 3px; }
.cashier-guide .cg-target:hover:not(:disabled) { background: #ffd979; box-shadow: 0 4px 0 #a96a0f; }
.cashier-guide .cg-target:focus-visible { outline: 3px solid var(--cg-accent); outline-offset: 4px; }
.cashier-guide .cg-action-arrow { width: 19px; height: 19px; flex-basis: 19px; margin-left: auto; }
.cashier-guide .cg-wallet-target .cg-action { padding: 10px; font-size: 15px; gap: 6px; }
.cashier-guide .cg-wallet-target .cg-action-arrow { display: none; }
.cashier-guide .cg-balance { display: flex; flex-direction: column; gap: 5px; padding: 19px 21px; border-radius: 16px; color: #fff4de; background: var(--cg-jade); }
.cashier-guide .cg-balance > span { color: #d8e7d8; font-size: 14px; }
.cashier-guide .cg-balance > strong { color: #ffe3a4; font: 800 29px/1.25 var(--display, "Sora", Arial, sans-serif); letter-spacing: -1px; }
.cashier-guide .cg-lobby-label { display: flex; justify-content: space-between; align-items: center; gap: 10px; margin: 24px 0 12px; font-size: 15px; }
.cashier-guide .cg-lobby-label > span { padding: 4px 10px; border-radius: 6px; background: #f7e6bf; color: #73501e; font-size: 13px; }
.cashier-guide .cg-game-tile { display: flex; align-items: center; gap: 14px; padding: 12px; border: 1px solid #e3c7a4; border-radius: 14px; background: #fff7e8; }
.cashier-guide .cg-game-tile img { flex: 0 0 78px; width: 78px; height: 78px; border-radius: 17px; object-fit: contain; }
.cashier-guide .cg-game-tile > div { display: flex; flex-direction: column; gap: 3px; min-width: 0; }
.cashier-guide .cg-game-tile span { color: #9a652d; font-size: 12px; font-weight: 700; letter-spacing: .5px; }
.cashier-guide .cg-game-tile strong { color: var(--cg-jade); font: 800 16px/1.35 var(--display, "Sora", Arial, sans-serif); letter-spacing: -.5px; }
.cashier-guide .cg-game-tile small { color: #796457; font-size: 13px; line-height: 1.4; }
.cashier-guide .cg-lobby-placeholders { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; margin-top: 13px; }
.cashier-guide .cg-lobby-placeholders span { display: grid; place-items: center; height: 52px; border: 1px solid #ebdcc4; border-radius: 10px; background: #f6eddd; color: #bc9553; font: 800 25px/1 var(--display, "Sora", Arial, sans-serif); }
.cashier-guide .cg-app-bottom { display: flex; justify-content: space-around; gap: 8px; padding: 13px 12px; border-top: 1px solid #eadcc7; background: #faf0e1; }
.cashier-guide .cg-app-bottom > span { display: flex; flex-direction: column; align-items: center; gap: 5px; color: #8f786b; font-size: 12px; line-height: 1.3; }
.cashier-guide .cg-app-bottom > .is-current { color: var(--cg-jade); font-weight: 700; }
.cashier-guide .cg-app-title { display: flex; align-items: center; gap: 11px; margin-bottom: 22px; }
.cashier-guide .cg-app-title-icon { display: grid; place-items: center; flex: 0 0 43px; height: 43px; border: 1px solid #eacb88; border-radius: 12px; background: #f9e7bb; color: var(--cg-jade); }
.cashier-guide .cg-app-title h4 { margin: 0; color: var(--cg-jade); font: 800 22px/1.25 var(--display, "Sora", Arial, sans-serif); letter-spacing: -.8px; }
.cashier-guide .cg-wallet-options { display: grid; grid-template-columns: 1fr 1fr; align-items: end; gap: 14px; margin-top: 21px; }
.cashier-guide .cg-inactive-option { display: flex; align-items: center; justify-content: center; gap: 8px; min-height: 55px; padding: 11px 9px; border: 1px solid #dbcab3; border-radius: 12px; color: #7c6b5e; background: #f5efe5; font-size: 15px; }
.cashier-guide .cg-cashout-target .cg-point { font-size: 12px; }
.cashier-guide .cg-cashout-target .cg-action-arrow { display: none; }
.cashier-guide .cg-menu-row { display: flex; align-items: center; gap: 11px; margin-top: 27px; padding: 17px 0; border-top: 1px solid #e7d9c6; border-bottom: 1px solid #e7d9c6; color: #6e5744; font-size: 14px; }
.cashier-guide .cg-menu-row > .cg-icon:last-child { width: 17px; height: 17px; flex-basis: 17px; margin-left: auto; }
.cashier-guide .cg-account-tag { display: flex; align-items: center; gap: 9px; margin-top: 18px; color: #907765; font-size: 14px; }
.cashier-guide .cg-mini-balance { display: flex; flex-direction: column; align-items: flex-start; gap: 9px; padding: 16px; border-radius: 10px; background: var(--paper-deep, #f2e8d6); font-size: 14px; }
.cashier-guide .cg-mini-balance strong { color: var(--cg-jade); font-size: 17px; }
.cashier-guide .cg-screen-label { margin: 25px 0 4px; color: #5d4437; font-size: 16px; font-weight: 700; }
.cashier-guide .cg-method-target { margin-top: 13px; }
.cashier-guide .cg-method { display: flex; align-items: center; gap: 12px; width: 100%; min-height: 92px; padding: 16px 13px; border: 2px solid #c68b1a; border-radius: 14px; color: #57310b; background: #fff0c4; text-align: left; }
.cashier-guide .cg-pix-icon { display: grid; place-items: center; flex: 0 0 39px; height: 39px; border-radius: 11px; background: var(--cg-gold); }
.cashier-guide .cg-pix-icon .cg-icon { width: 28px; height: 28px; }
.cashier-guide .cg-method > span:nth-child(2) { flex: 1; min-width: 0; }
.cashier-guide .cg-method strong, .cashier-guide .cg-method small { display: block; }
.cashier-guide .cg-method strong { margin-bottom: 4px; color: var(--cg-jade); font: 800 23px/1.2 var(--display, "Sora", Arial, sans-serif); }
.cashier-guide .cg-method small { font-size: 14px; line-height: 1.45; }
.cashier-guide .cg-method > .cg-icon { width: 20px; height: 20px; flex-basis: 20px; }
.cashier-guide .cg-method-note { display: flex; align-items: flex-start; gap: 10px; margin-top: 27px; color: #866239; }
.cashier-guide .cg-method-note p { color: #7a6554; font-size: 14px; line-height: 1.65; }
.cashier-guide .cg-example-field { padding: 18px; border: 1px solid #d9b979; border-radius: 13px; background: #fff5db; }
.cashier-guide .cg-example-field span { display: block; margin-bottom: 6px; color: #7a5c2d; font-size: 14px; }
.cashier-guide .cg-example-field strong { display: block; color: var(--cg-jade); font: 800 30px/1.3 var(--display, "Sora", Arial, sans-serif); letter-spacing: -1px; }
.cashier-guide .cg-destination { display: flex; align-items: center; gap: 10px; margin-top: 17px; padding: 15px 12px; border: 1px solid #e4d6c2; border-radius: 12px; background: #faf5eb; }
.cashier-guide .cg-destination-icon { color: #957141; }
.cashier-guide .cg-destination > div { min-width: 0; }
.cashier-guide .cg-destination strong { display: block; font-size: 14px; line-height: 1.5; }
.cashier-guide .cg-destination > div > span { display: block; margin-top: 3px; color: #806a59; font-size: 14px; line-height: 1.4; }
.cashier-guide .cg-fixed-note { margin-top: 12px; color: #88725d; font-size: 13px; line-height: 1.55; }
.cashier-guide .cg-main-action { margin-top: 21px; }
.cashier-guide .cg-review-total { display: flex; flex-direction: column; align-items: center; gap: 6px; padding: 17px 10px 21px; border-radius: 14px; background: #f8e7bf; text-align: center; }
.cashier-guide .cg-review-total > span { color: #805b29; font-size: 14px; }
.cashier-guide .cg-review-total strong { color: var(--cg-jade); font: 800 34px/1.25 var(--display, "Sora", Arial, sans-serif); letter-spacing: -1px; }
.cashier-guide .cg-review-total small { color: #6c471f; font-size: 15px; font-weight: 700; }
.cashier-guide .cg-review-list { margin-top: 18px; }
.cashier-guide .cg-review-list > div { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; padding: 10px 0; border-bottom: 1px solid #e7d9c6; font-size: 14px; line-height: 1.5; }
.cashier-guide .cg-review-list dt { color: #89715c; }
.cashier-guide .cg-review-list dd { max-width: 64%; font-weight: 700; text-align: right; }
.cashier-guide .cg-device-footnote { margin-top: 15px; color: #816c58; text-align: center; font-size: 13px; line-height: 1.55; }
.cashier-guide .cg-history-tabs { display: flex; gap: 18px; margin-bottom: 20px; border-bottom: 1px solid #e7d9c6; color: #8d7665; font-size: 14px; }
.cashier-guide .cg-history-tabs span { padding: 0 0 10px; }
.cashier-guide .cg-history-tabs .is-current { color: var(--cg-jade); border-bottom: 3px solid var(--cg-accent); font-weight: 700; }
.cashier-guide .cg-history-card { padding: 17px; border: 1px solid #dfbe7e; border-radius: 15px; background: #fff5da; }
.cashier-guide .cg-history-top { display: flex; align-items: center; gap: 11px; }
.cashier-guide .cg-history-icon { color: #97712f; }
.cashier-guide .cg-history-top strong { display: block; color: var(--cg-jade); font-size: 16px; }
.cashier-guide .cg-history-top > div > span { display: block; margin-top: 3px; color: #8a7357; font-size: 13px; }
.cashier-guide .cg-history-amount { display: block; margin-top: 16px; color: var(--cg-jade); font: 800 30px/1.3 var(--display, "Sora", Arial, sans-serif); letter-spacing: -.8px; }
.cashier-guide .cg-status-badge { display: inline-flex; align-items: center; gap: 7px; margin-top: 12px; padding: 7px 10px; border: 1px solid #e7c570; border-radius: 8px; color: #7b4a0e; background: #fae4a9; font-size: 14px; font-weight: 700; line-height: 1.4; }
.cashier-guide .cg-status-badge .cg-icon { width: 18px; height: 18px; flex-basis: 18px; }
.cashier-guide .cg-status-key { display: grid; gap: 13px; margin-top: 22px; }
.cashier-guide .cg-status-key > div { display: flex; align-items: flex-start; gap: 10px; }
.cashier-guide .cg-status-dot { flex: 0 0 13px; width: 13px; height: 13px; margin: 5px 4px 0; border: 3px solid #b17620; border-radius: 50%; background: #f8d480; }
.cashier-guide .cg-complete-icon { display: grid; place-items: center; flex: 0 0 21px; height: 21px; margin-top: 1px; border-radius: 50%; color: #4d6d40; background: #e8edda; }
.cashier-guide .cg-complete-icon .cg-icon { width: 15px; height: 15px; }
.cashier-guide .cg-status-key p { color: #7d6757; font-size: 14px; line-height: 1.55; }
.cashier-guide .cg-status-key p strong { display: block; margin-bottom: 2px; color: #5b3b27; }
.cashier-guide .cg-replay { display: flex; align-items: center; justify-content: center; gap: 9px; width: 100%; min-height: 46px; margin-top: 22px; padding: 10px 12px; border: 1px solid #d9bf8f; border-radius: 10px; color: #764c26; background: #f6eddb; font-size: 14px; font-weight: 700; }
.cashier-guide .cg-replay:hover { background: #ffe6a7; }
.cashier-guide .cg-bank-body { background: #fcf8ee; }
.cashier-guide .cg-bank-example { display: flex; justify-content: center; align-items: center; gap: 7px; margin-bottom: 14px; padding: 7px 8px; border: 1px solid #d6bc82; border-radius: 7px; background: #f8e7bb; color: #785222; font-size: 12px; font-weight: 800; line-height: 1.4; letter-spacing: .5px; }
.cashier-guide .cg-bank-notification { display: grid; grid-template-columns: 36px minmax(0, 1fr); align-items: flex-start; gap: 11px; margin-bottom: 24px; padding: 14px; border: 1px solid #d8c6a7; border-radius: 15px; color: #5d452f; background: #fffdf6; box-shadow: 0 5px 15px rgb(73 41 14 / 8%); }
.cashier-guide .cg-notification-icon { display: grid; place-items: center; flex: 0 0 36px; height: 36px; border-radius: 10px; background: var(--jade, #073f35); color: #ffe4a3; }
.cashier-guide .cg-notification-icon .cg-icon { width: 20px; height: 20px; }
.cashier-guide .cg-bank-notification > div { min-width: 0; }
.cashier-guide .cg-bank-notification > div > span { display: block; margin-bottom: 5px; color: #897057; font-size: 12px; line-height: 1.4; }
.cashier-guide .cg-bank-notification strong { display: block; margin-bottom: 3px; color: var(--cg-jade); font-size: 17px; line-height: 1.3; }
.cashier-guide .cg-bank-notification p { color: #6e553d; font-size: 14px; line-height: 1.5; }
.cashier-guide .cg-notification-credit { grid-column: 1 / -1; padding-top: 12px; border-top: 1px solid var(--cg-line); }
.cashier-guide .cg-notification-credit > span { margin-bottom: 8px; }
.cashier-guide .cg-amount { display: flex; flex-direction: column; align-items: flex-start; gap: 3px; font-family: var(--display, "Sora", Arial, sans-serif); font-weight: 800; font-variant-numeric: tabular-nums; font-feature-settings: "tnum"; line-height: 1.12; white-space: nowrap; }
.cashier-guide .cg-amount > .cg-currency { display: block; font-size: 16px; font-weight: 700; line-height: 1.2; letter-spacing: .4px; }
.cashier-guide .cg-amount > .cg-money-value { display: block; font-size: clamp(30px, 11.8cqi, 44px); line-height: 1.12; letter-spacing: -1.2px; }
.cashier-guide .cg-review-total .cg-amount, .cashier-guide .cg-bank-receipt .cg-amount { align-items: center; }
.cashier-guide .cg-bank-receipt { padding: 22px 17px 10px; border: 1px solid #deceb2; border-radius: 16px; background: #fffdf7; text-align: center; }
.cashier-guide .cg-received-mark { display: grid; place-items: center; width: 56px; height: 56px; margin: 0 auto 14px; border: 1px solid #a4b486; border-radius: 50%; background: #e9efdc; color: #56723c; }
.cashier-guide .cg-received-mark .cg-icon { width: 30px; height: 30px; }
.cashier-guide .cg-receipt-label { display: block; color: #7a6853; font-size: 14px; line-height: 1.45; }
.cashier-guide .cg-received-amount { display: block; margin: 7px 0 2px; color: var(--cg-jade); font: 800 29px/1.35 var(--display, "Sora", Arial, sans-serif); letter-spacing: -1.2px; white-space: nowrap; }
.cashier-guide .cg-received-method { color: #89622f; font-size: 15px; font-weight: 700; }
.cashier-guide .cg-bank-receipt .cg-review-list { margin-top: 20px; border-top: 1px dashed #d4bf99; text-align: left; }
.cashier-guide .cg-bank-receipt .cg-review-list > div:last-child { border-bottom: none; }
.cashier-guide .cg-tip { display: flex; align-items: flex-start; gap: 9px; max-width: 420px; margin: 23px auto 0; padding: 13px 14px; border-left: 3px solid #bc811e; border-radius: 0 10px 10px 0; background: #fffaee; color: #76523d; font-size: 14px; line-height: 1.65; }
.cashier-guide .cg-tip > .cg-icon { margin-top: 2px; width: 19px; height: 19px; flex-basis: 19px; color: #a77424; }
.cashier-guide .cg-noscript { margin-top: 20px; color: #6a503e; font-size: 15px; line-height: 1.6; }
.cashier-guide .cg-live { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0, 0, 0, 0); clip-path: inset(50%); white-space: nowrap; }

.cashier-entry { display: flex; align-items: center; gap: 17px; width: 100%; min-height: 92px; margin: 25px 0 0; padding: 19px 24px; border: 1px solid #d4aa5c; border-radius: 17px; color: #672c19; background: #fff0c5; text-decoration: none; box-shadow: 0 4px 0 #ecd7ae; }
.cashier-entry .cashier-entry-icon { display: grid; place-items: center; flex: 0 0 48px; width: 48px; height: 48px; border-radius: 13px; color: #ffdf8d; background: #811324; font-size: 27px; font-weight: 700; }
.cashier-entry > span:nth-child(2) { flex: 1; min-width: 0; }
.cashier-entry strong { display: block; margin-bottom: 3px; color: #781321; font: 800 21px/1.3 var(--display, "Sora", Arial, sans-serif); letter-spacing: -.6px; }
.cashier-entry small { display: block; color: #876039; font-size: 15px; line-height: 1.5; }
.cashier-entry > span:last-child { color: #8c411b; font-size: 28px; }
.cashier-entry:hover { border-color: #a56a17; background: #ffe7a8; }
.cashier-entry:focus-visible { outline: 3px solid var(--jade-bright, #096751); outline-offset: 4px; }

@container cashier (max-width: 650px) {
  .cashier-guide .cg-workspace { grid-template-columns: minmax(0, 1fr); gap: 28px; }
  .cashier-guide .cg-screens { grid-row: 1; }
  .cashier-guide .cg-route { grid-row: 2; }
  .cashier-guide .cg-route ol { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .cashier-guide .cg-step-link { height: 100%; min-height: 104px; align-items: flex-start; gap: 8px; padding: 12px 10px; }
  .cashier-guide .cg-step-number { flex-basis: 27px; width: 27px; height: 27px; border-radius: 8px; font-size: 14px; }
  .cashier-guide .cg-step-copy > strong { font-size: 15px; }
  .cashier-guide .cg-step-copy > span { font-size: 14px; }
  .cashier-guide .cg-scene-heading { max-width: 420px; margin-left: auto; margin-right: auto; }
}
@media (max-width: 600px) {
  .page-onde-jogar.cashier-guide-in-view .mobile-dock { display: none; }
  .cashier-guide { margin: 24px 0 30px; padding: 18px 14px; border-radius: 20px; }
  .cashier-guide .cg-controls { gap: 12px 6px; margin-bottom: 23px; }
  .cashier-guide .cg-progress-label { gap: 6px; }
  .cashier-guide .cg-progress-label > span { font-size: 23px; }
  .cashier-guide .cg-progress-label > strong { font-size: 13px; }
  .cashier-guide .cg-control { padding: 8px; font-size: 13px; }
  .cashier-guide .cg-scene-title { font-size: 20px; }
  .cashier-guide .cg-screen-body { padding: 18px 15px 20px; }
  .cashier-guide .cg-lobby-header { gap: 6px; padding: 8px 11px 14px; }
  .cashier-guide .cg-platform-mark { gap: 6px; }
  .cashier-guide .cg-platform-mark > .cg-icon { display: none; }
  .cashier-guide .cg-platform-mark strong { font-size: 14px; }
  .cashier-guide .cg-wallet-target { width: 134px; flex-basis: 134px; }
  .cashier-guide .cg-balance { padding: 17px; }
  .cashier-guide .cg-balance > strong { font-size: 27px; }
  .cashier-guide .cg-game-tile { gap: 11px; padding: 10px; }
  .cashier-guide .cg-game-tile img { flex-basis: 66px; width: 66px; height: 66px; border-radius: 14px; }
  .cashier-guide .cg-game-tile strong { font-size: 15px; }
  .cashier-guide .cg-app-title h4 { font-size: 21px; }
  .cashier-guide .cg-wallet-options { gap: 12px; }
  .cashier-guide .cg-inactive-option { flex-direction: column; gap: 3px; font-size: 14px; }
  .cashier-guide .cg-inactive-option .cg-icon { width: 18px; height: 18px; flex-basis: 18px; }
  .cashier-entry { gap: 12px; min-height: 92px; padding: 16px; }
  .cashier-entry .cashier-entry-icon { flex-basis: 42px; width: 42px; height: 42px; border-radius: 11px; }
  .cashier-entry strong { font-size: 18px; }
  .cashier-entry small { font-size: 14px; }
  .cashier-entry > span:last-child { font-size: 24px; }
}
@container cashier (max-width: 290px) {
  .cashier-guide .cg-route ol { grid-template-columns: 1fr; }
  .cashier-guide .cg-step-link { min-height: 78px; align-items: center; }
  .cashier-guide .cg-device { border-width: 5px; border-radius: 23px; }
  .cashier-guide .cg-screen-body { padding-left: 12px; padding-right: 12px; }
  .cashier-guide .cg-wallet-target { width: 124px; flex-basis: 124px; }
  .cashier-guide .cg-wallet-target .cg-action { font-size: 14px; }
  .cashier-guide .cg-platform-mark strong { font-size: 13px; }
  .cashier-guide .cg-action { padding-left: 10px; padding-right: 10px; font-size: 15px; gap: 6px; }
  .cashier-guide .cg-method { padding: 14px 10px; gap: 8px; }
  .cashier-guide .cg-pix-icon { flex-basis: 32px; height: 32px; }
  .cashier-guide .cg-game-tile img { flex-basis: 53px; width: 53px; height: 53px; }
  .cashier-guide .cg-game-tile strong { font-size: 14px; }
  .cashier-guide .cg-example-field strong, .cashier-guide .cg-review-total strong, .cashier-guide .cg-history-amount, .cashier-guide .cg-received-amount { font-size: 25px; letter-spacing: -.8px; }
  .cashier-guide .cg-bank-receipt { padding-left: 12px; padding-right: 12px; }
  .cashier-guide .cg-bank-notification { padding: 12px 10px; gap: 8px; }
}
@media (prefers-reduced-motion: reduce) {
  .cashier-guide .cg-progress-track > span { transition: none; }
}

.mobile-access-guide { --mag-jade: var(--jade, #073f35); --mag-gold: var(--gold, #f6c453); --mag-ink: var(--ink, #182f28); container: mobileaccess / inline-size; margin: 28px 0; padding: 26px; border: 1px solid var(--line, #d9dec9); border-radius: 24px; color: var(--mag-ink); background: var(--paper-deep, #f2e8d6); font: 16px/1.6 var(--body, "Manrope", Arial, sans-serif); }
.mobile-access-guide *, .mobile-access-guide *::before, .mobile-access-guide *::after { box-sizing: border-box; }
.mobile-access-guide [hidden] { display: none !important; }
.mobile-access-guide p, .mobile-access-guide h3, .mobile-access-guide ol { margin: 0; }
.mobile-access-guide button { cursor: pointer; font: inherit; }
.mobile-access-guide button:disabled { opacity: 1; cursor: default; }
.mobile-access-guide :is(a, button, [tabindex]):focus-visible { outline: 3px solid #a7620c; outline-offset: 4px; }
.mobile-access-guide .mag-icon { flex: 0 0 23px; width: 23px; height: 23px; vertical-align: middle; }
.mobile-access-guide .mag-topline { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 17px; margin-bottom: 25px; }
.mobile-access-guide .mag-kicker { display: flex; align-items: center; flex-wrap: wrap; gap: 7px; color: var(--mag-jade); font-size: 14px; font-weight: 700; line-height: 1.4; }
.mobile-access-guide .mag-kicker .mag-icon { width: 20px; height: 20px; flex-basis: 20px; }
.mobile-access-guide .mag-device-switch { display: flex; gap: 7px; }
.mobile-access-guide .mag-device-switch button { display: flex; align-items: center; justify-content: center; gap: 9px; min-width: 129px; min-height: 61px; padding: 10px 15px; border: 1px solid #d7be95; border-radius: 13px; color: #7a5740; background: #fffaf0; text-align: left; }
.mobile-access-guide .mag-device-switch button > span { color: inherit; font-size: 16px; font-weight: 700; line-height: 1.4; }
.mobile-access-guide .mag-device-switch small { display: block; color: inherit; font-size: 13px; font-weight: 600; }
.mobile-access-guide .mag-device-switch [aria-pressed="true"] { border-color: var(--mag-jade); color: #ffe7ac; background: var(--mag-jade); }
.mobile-access-guide .mag-device-switch button:hover { border-color: #ae7429; }
.mobile-access-guide .mag-panel { margin-bottom: 32px; scroll-margin-top: 105px; }
.mobile-access-guide[data-mag-ready="true"] .mag-panel { margin-bottom: 0; }
.mobile-access-guide .mag-device-title { margin: 0 0 21px; color: var(--mag-jade); font: 800 24px/1.3 var(--display, "Sora", Arial, sans-serif); letter-spacing: -.7px; }
.mobile-access-guide .mag-layout { display: grid; grid-template-columns: minmax(210px, .9fr) minmax(0, 1.1fr); align-items: start; gap: 26px; }
.mobile-access-guide .mag-layout > * { min-width: 0; }
.mobile-access-guide .mag-steps { display: grid; gap: 13px; padding: 0; list-style: none; }
.mobile-access-guide .mag-steps li { padding: 0; margin: 0; scroll-margin-top: 105px; }
.mobile-access-guide .mag-step { display: flex; align-items: flex-start; gap: 12px; min-height: 92px; padding: 16px 13px; border: 1px solid var(--line, #d9dec9); border-radius: 15px; color: var(--mag-ink); background: #fffbf3; text-decoration: none; }
.mobile-access-guide .mag-step:hover { border-color: #ad7428; }
.mobile-access-guide .mag-step-number { display: grid; place-items: center; flex: 0 0 34px; height: 34px; border: 1px solid #e8c47d; border-radius: 10px; color: #854918; background: #fbe1a3; font: 800 17px/1 var(--display, "Sora", Arial, sans-serif); }
.mobile-access-guide .mag-step > span:last-child { min-width: 0; }
.mobile-access-guide .mag-step > span > strong { display: block; margin-bottom: 6px; color: var(--jade, #073f35); font-size: 17px; line-height: 1.35; }
.mobile-access-guide .mag-step > span > span { display: block; color: var(--muted, #66766b); font-size: 14px; line-height: 1.7; }
.mobile-access-guide .mag-step > span > span strong { color: var(--jade, #073f35); font-weight: 700; }
.mobile-access-guide .mag-step.is-current { color: #fff4d8; border-color: var(--mag-jade); background: var(--mag-jade); }
.mobile-access-guide .mag-step.is-current > span > strong, .mobile-access-guide .mag-step.is-current > span > span strong { color: #fff1cc; }
.mobile-access-guide .mag-step.is-current > span > span { color: #d8e7d8; }
.mobile-access-guide .mag-panel-note { margin-top: 18px; padding: 0 3px; color: var(--muted, #66766b); font-size: 14px; line-height: 1.65; }
.mobile-access-guide .mag-demonstration { min-width: 0; width: 100%; max-width: 390px; margin: 0 auto; }
.mobile-access-guide .mag-controls { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin: -7px 0 13px; }
.mobile-access-guide .mag-count { color: var(--mag-jade); font: 800 24px/1 var(--display, "Sora", Arial, sans-serif); }
.mobile-access-guide .mag-count small { color: #8c6b45; font-size: 14px; }
.mobile-access-guide .mag-controls > div { display: flex; gap: 5px; }
.mobile-access-guide .mag-controls button { display: flex; align-items: center; justify-content: center; gap: 5px; min-height: 44px; padding: 8px 9px; border: 1px solid #d4ba91; border-radius: 9px; color: #784e29; background: #fff9ec; font-size: 13px; font-weight: 700; }
.mobile-access-guide .mag-controls button:disabled { opacity: .45; }
.mobile-access-guide .mag-controls .mag-icon { width: 17px; height: 17px; flex-basis: 17px; }
.mobile-access-guide .mag-phone { width: 100%; overflow: hidden; border: 6px solid var(--jade-deep, #042d27); border-radius: 29px; color: var(--mag-ink); background: var(--white, #fffdfa); box-shadow: 0 7px 0 #d5b17c, 0 17px 28px rgb(74 40 16 / 9%); }
.mobile-access-guide .mag-phone-cap { display: flex; align-items: center; justify-content: space-between; gap: 12px; min-height: 35px; padding: 7px 15px; color: #d8e7d8; background: var(--jade-deep, #042d27); font-size: 12px; font-weight: 600; }
.mobile-access-guide .mag-phone-cap > span:last-child { letter-spacing: 3px; color: #f9d997; }
.mobile-access-guide .mag-screen { min-height: 422px; padding: 17px; scroll-margin-top: 105px; }
.mobile-access-guide:not([data-mag-ready="true"]) .mag-screen + .mag-screen { margin-top: 24px; padding-top: 24px; border-top: 3px solid #ddc599; }
.mobile-access-guide:not([data-mag-ready="true"]) [data-mag-menu-shortcut] { margin-top: 25px; padding-top: 22px; border-top: 1px solid var(--line, #d9dec9); }
.mobile-access-guide:not([data-mag-ready="true"]) .mag-home-screen { margin-top: 30px; padding-top: 22px; border-top: 1px solid var(--line, #d9dec9); }
.mobile-access-guide .mag-screen[data-mag-screen="0"] { padding: 0; }
.mobile-access-guide .mag-browser-bar { display: flex; align-items: center; gap: 7px; padding: 11px 10px; border-bottom: 1px solid #e4d6c2; background: #f6efe4; }
.mobile-access-guide .mag-address { display: flex; align-items: center; gap: 6px; flex: 1; min-width: 0; min-height: 37px; padding: 7px 9px; border-radius: 22px; background: #e9e0d2; }
.mobile-access-guide .mag-address > .mag-icon { width: 16px; height: 16px; flex-basis: 16px; }
.mobile-access-guide .mag-url { display: block; min-width: 0; color: var(--muted, #66766b); font-size: 12px; font-weight: 600; line-height: 1.4; overflow-wrap: anywhere; }
.mobile-access-guide .mag-browser-control { display: grid; place-items: center; flex: 0 0 44px; width: 44px; min-height: 44px; padding: 8px; border: 1px solid #c38b2c; border-radius: 11px; color: #6c3d14; background: var(--mag-gold); }
.mobile-access-guide .mag-target { outline: 3px solid #f3d58b; outline-offset: 2px; }
.mobile-access-guide .mag-target:hover:not(:disabled) { border-color: #9b6013; background: #ffdc86; }
.mobile-access-guide .mag-target:focus-visible { outline-color: var(--mag-jade); outline-offset: 4px; }
.mobile-access-guide .mag-pointer { display: flex; align-items: center; justify-content: center; gap: 7px; padding: 7px 0 10px; color: #986018; font-size: 13px; font-weight: 700; line-height: 1.4; }
.mobile-access-guide .mag-pointer .mag-icon { width: 19px; height: 19px; flex-basis: 19px; }
.mobile-access-guide .mag-point-right { display: flex; justify-content: flex-end; padding: 0 12px; background: #fff5dd; }
.mobile-access-guide .mag-point-right .mag-pointer .mag-icon { transform: rotate(180deg); }
.mobile-access-guide .mag-site-preview { padding: 21px 19px 20px; background: var(--jade, #073f35); }
.mobile-access-guide .mag-site-brand { display: flex; align-items: center; gap: 8px; margin-bottom: 25px; color: #fff5dc; }
.mobile-access-guide .mag-site-brand img { width: 34px; height: 34px; }
.mobile-access-guide .mag-site-brand strong { color: #fff5dc; font: 800 18px/1.2 var(--display, "Sora", Arial, sans-serif); letter-spacing: -.6px; }
.mobile-access-guide .mag-site-eyebrow { display: block; margin-bottom: 9px; color: #f8cf76; font-size: 11px; font-weight: 700; letter-spacing: 1.5px; }
.mobile-access-guide .mag-site-title { display: block; color: #fff3d6; font: 800 29px/1.2 var(--display, "Sora", Arial, sans-serif); letter-spacing: -1px; }
.mobile-access-guide .mag-site-game { display: flex; align-items: center; gap: 11px; margin-top: 23px; padding: 11px; border: 1px solid #34775b; border-radius: 14px; background: var(--jade-deep, #042d27); }
.mobile-access-guide .mag-site-game img { flex: 0 0 61px; width: 61px; height: 61px; border-radius: 13px; object-fit: contain; }
.mobile-access-guide .mag-site-game strong { display: block; color: #ffe3a3; font-size: 16px; line-height: 1.4; }
.mobile-access-guide .mag-site-game span { display: block; margin-top: 3px; color: #d8e7d8; font-size: 12px; line-height: 1.5; }
.mobile-access-guide .mag-site-lines { display: grid; gap: 7px; margin-top: 20px; }
.mobile-access-guide .mag-site-lines span { width: 85%; height: 6px; border-radius: 4px; background: #397760; }
.mobile-access-guide .mag-site-lines span:last-child { width: 61%; }
.mobile-access-guide .mag-safari-address { display: flex; justify-content: center; padding: 13px 11px; border-bottom: 1px solid #e0d4c1; background: #f4ede2; }
.mobile-access-guide .mag-safari-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 9px; padding: 11px 17px; background: #f9f3e9; color: #987451; }
.mobile-access-guide .mag-point-bottom { display: flex; align-items: center; justify-content: center; gap: 8px; padding: 7px 10px 12px; color: #8f5a1f; background: #f9f3e9; font-size: 13px; font-weight: 700; }
.mobile-access-guide .mag-point-bottom .mag-icon { width: 17px; height: 17px; flex-basis: 17px; }
.mobile-access-guide .mag-menu-top { display: flex; align-items: center; gap: 9px; margin: 2px 0 19px; color: #8f5a2c; }
.mobile-access-guide .mag-menu-top strong { color: var(--mag-jade); font: 800 19px/1.35 var(--display, "Sora", Arial, sans-serif); letter-spacing: -.6px; }
.mobile-access-guide .mag-menu-sheet { padding: 12px; border: 1px solid #e3d4bc; border-radius: 15px; background: #fffaf0; box-shadow: 0 7px 16px rgb(78 49 15 / 6%); }
.mobile-access-guide .mag-menu-static { display: flex; flex-direction: column; gap: 1px; margin: -2px 0 8px; }
.mobile-access-guide .mag-menu-static span { padding: 12px 9px; border-bottom: 1px solid #eee3d0; color: #97806b; font-size: 14px; }
.mobile-access-guide .mag-menu-action { display: flex; align-items: center; gap: 10px; width: 100%; min-height: 61px; padding: 12px; border: 1px solid #ca922e; border-radius: 11px; color: #663b14; background: #ffe19b; text-align: left; font-size: 15px; font-weight: 700; line-height: 1.4; }
.mobile-access-guide .mag-menu-action > span { flex: 1; min-width: 0; }
.mobile-access-guide .mag-menu-action > .mag-icon:last-child { width: 17px; height: 17px; flex-basis: 17px; }
.mobile-access-guide .mag-submenu-heading { display: flex; align-items: center; gap: 9px; margin: 5px 0 24px; color: #9c6c2c; }
.mobile-access-guide .mag-submenu-heading strong { color: #81562d; font-size: 15px; line-height: 1.5; }
.mobile-access-guide .mag-menu-help { margin: 22px 4px 6px; color: #80684e; font-size: 14px; line-height: 1.6; }
.mobile-access-guide .mag-saved-url { display: flex; align-items: center; justify-content: center; gap: 7px; margin-top: 22px; padding: 10px; color: #ad8c5d; }
.mobile-access-guide .mag-saved-url .mag-icon { width: 17px; height: 17px; flex-basis: 17px; }
.mobile-access-guide .mag-share-site { display: flex; align-items: center; gap: 10px; padding-bottom: 16px; border-bottom: 1px solid #e3d3b9; }
.mobile-access-guide .mag-share-site img { width: 43px; height: 43px; border-radius: 11px; }
.mobile-access-guide .mag-share-site strong { display: block; color: var(--jade, #073f35); font-size: 15px; }
.mobile-access-guide .mag-share-site .mag-url { margin-top: 3px; }
.mobile-access-guide .mag-share-symbols { display: flex; justify-content: space-around; gap: 12px; margin: 16px 0; }
.mobile-access-guide .mag-share-symbols > span { display: grid; place-items: center; width: 43px; height: 43px; border: 1px solid #e0caa7; border-radius: 13px; background: #f5e9d5; color: #ab8148; }
.mobile-access-guide .mag-shortcut-preview { display: flex; flex-direction: column; align-items: center; gap: 9px; padding: 16px 8px 20px; border: 1px solid #e3cda5; border-radius: 15px; background: #fff4d8; }
.mobile-access-guide .mag-shortcut-preview img { width: 76px; height: 76px; border-radius: 18px; box-shadow: 0 5px 10px #ebd4a5; }
.mobile-access-guide .mag-shortcut-preview > strong { color: var(--mag-jade); font: 800 19px/1.3 var(--display, "Sora", Arial, sans-serif); letter-spacing: -.5px; }
.mobile-access-guide .mag-name-example { margin-top: 18px; padding: 12px 14px; border: 1px solid #dac9ad; border-radius: 10px; background: #fcf8ee; }
.mobile-access-guide .mag-name-example > span { display: block; margin-bottom: 3px; color: #957552; font-size: 12px; }
.mobile-access-guide .mag-name-example strong { color: var(--jade, #073f35); font-size: 16px; }
.mobile-access-guide .mag-confirm-action { margin-top: 17px; }
.mobile-access-guide .mag-button { display: flex; align-items: center; justify-content: center; gap: 14px; width: 100%; min-height: 52px; padding: 11px 17px; border: 1px solid #c38c2d; border-radius: 11px; color: #633b12; background: var(--mag-gold); font-size: 16px; font-weight: 800; box-shadow: 0 4px 0 #bd8526; }
.mobile-access-guide .mag-webapp-option { display: flex; align-items: center; justify-content: space-between; gap: 11px; padding: 15px 3px 0; color: #73543b; font-size: 14px; line-height: 1.4; }
.mobile-access-guide .mag-toggle-on { display: flex; align-items: center; justify-content: flex-end; flex: 0 0 42px; width: 42px; height: 25px; padding: 3px; border-radius: 20px; background: var(--jade-bright, #096751); }
.mobile-access-guide .mag-toggle-on i { display: block; width: 19px; height: 19px; border-radius: 50%; background: #fffdf6; }
.mobile-access-guide .mag-home-screen { min-height: 400px; padding: 4px 2px 0; }
.mobile-access-guide .mag-complete-label { display: flex; align-items: center; justify-content: center; gap: 8px; margin-bottom: 24px; padding: 10px 7px; border: 1px solid #bcc7a0; border-radius: 11px; color: #566b34; background: #edf1dc; font-size: 14px; font-weight: 700; }
.mobile-access-guide .mag-home-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); align-items: start; gap: 22px 16px; padding: 8px 3px 22px; }
.mobile-access-guide .mag-home-icon { display: flex; flex-direction: column; align-items: center; gap: 8px; min-width: 0; padding: 0; border: 0; border-radius: 12px; color: var(--jade, #073f35); background: transparent; font-size: 13px; font-weight: 700; }
.mobile-access-guide .mag-home-icon img { width: 100%; max-width: 76px; height: auto; border-radius: 17px; box-shadow: 0 5px 0 #d8be92; }
.mobile-access-guide .mag-home-placeholder { display: block; width: 100%; aspect-ratio: 1; max-width: 76px; margin: 0 auto; border: 1px solid #e5d4b7; border-radius: 17px; background: #f0e4cf; }
.mobile-access-guide .mag-home-note { display: flex; align-items: flex-start; gap: 9px; padding: 13px; border-left: 3px solid #d4a34e; background: #fff3d7; }
.mobile-access-guide .mag-home-note .mag-icon { color: #aa6b23; width: 20px; height: 20px; flex-basis: 20px; }
.mobile-access-guide .mag-home-note p { color: #7d5c37; font-size: 14px; line-height: 1.6; }
.mobile-access-guide .mag-home-dock { display: flex; justify-content: space-around; gap: 15px; margin-top: 25px; padding: 14px; border-radius: 17px; color: #997345; background: #ecdfc7; }
.mobile-access-guide .mag-hint { display: flex; align-items: flex-start; gap: 8px; margin-top: 21px; padding: 12px 13px; border-left: 3px solid #b57d28; background: #fff8e9; color: #7a5639; font-size: 14px; line-height: 1.6; }
.mobile-access-guide .mag-hint .mag-icon { width: 19px; height: 19px; flex-basis: 19px; margin-top: 2px; color: #a87529; }
.mobile-access-guide .mag-bottom-note { margin-top: 26px; padding-top: 17px; border-top: 1px solid #dbc5a1; color: var(--muted, #66766b); font-size: 14px; line-height: 1.65; }
.mobile-access-guide .mag-live { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0, 0, 0, 0); clip-path: inset(50%); white-space: nowrap; }
@container mobileaccess (max-width: 640px) {
  .mobile-access-guide .mag-layout { grid-template-columns: minmax(0, 1fr); gap: 25px; }
  .mobile-access-guide .mag-demonstration { grid-row: 1; }
  .mobile-access-guide .mag-instructions { grid-row: 2; }
  .mobile-access-guide .mag-topline { justify-content: flex-start; }
  .mobile-access-guide .mag-device-switch { width: 100%; }
  .mobile-access-guide .mag-device-switch button { flex: 1; min-width: 0; }
}
@media (max-width: 600px) {
  .mobile-access-guide { padding: 18px 13px; border-radius: 20px; }
  .mobile-access-guide .mag-device-title { font-size: 21px; }
  .mobile-access-guide .mag-screen { padding: 15px; }
  .mobile-access-guide .mag-step { padding: 14px 12px; }
  .mobile-access-guide .mag-step > span > strong { font-size: 16px; }
}
@media (max-width: 800px) {
  body.mobile-access-guide-visible .mobile-dock { display: none !important; }
}
@container mobileaccess (max-width: 290px) {
  .mobile-access-guide .mag-phone { border-width: 5px; border-radius: 24px; }
  .mobile-access-guide .mag-screen { padding: 13px; }
  .mobile-access-guide .mag-address > .mag-icon { display: none; }
  .mobile-access-guide .mag-address { padding: 7px; }
  .mobile-access-guide .mag-url { font-size: 12px; }
  .mobile-access-guide .mag-site-preview { padding: 18px 14px; }
  .mobile-access-guide .mag-site-title { font-size: 26px; }
  .mobile-access-guide .mag-site-game { padding: 9px; gap: 9px; }
  .mobile-access-guide .mag-site-game img { width: 49px; height: 49px; flex-basis: 49px; }
  .mobile-access-guide .mag-site-game strong { font-size: 14px; }
  .mobile-access-guide .mag-menu-top strong { font-size: 17px; }
  .mobile-access-guide .mag-menu-sheet { padding: 10px; }
  .mobile-access-guide .mag-menu-action { padding: 11px 9px; gap: 8px; font-size: 14px; }
  .mobile-access-guide .mag-menu-action > .mag-icon:first-child { width: 19px; height: 19px; flex-basis: 19px; }
  .mobile-access-guide .mag-home-grid { gap: 20px 12px; }
}
@media (prefers-reduced-motion: reduce) {
  .mobile-access-guide { scroll-behavior: auto; }
}

.demo-assistant{margin:26px 0;border:1px solid var(--line);border-radius:24px;background:var(--white);overflow:hidden;box-shadow:var(--shadow)}
.demo-assistant-heading{padding:28px 28px 20px}.demo-assistant-heading h3{margin:7px 0;font-size:clamp(24px,3vw,31px)}.demo-assistant-heading p{margin:0;color:var(--muted)}
.demo-assistant-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:0 20px 20px;gap:8px}.demo-assistant-tabs button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-height:90px;padding:10px 6px;border:1px solid var(--line);border-radius:13px;background:var(--paper);color:var(--ink);font-weight:700;font-size:13px;line-height:1.4}.demo-assistant-tabs button>span{font-size:27px;line-height:1.3;color:var(--jade)}.demo-assistant-tabs button[aria-pressed=true]{background:var(--jade);color:white;border-color:var(--jade)}.demo-assistant-tabs button[aria-pressed=true]>span{color:var(--gold)}
.demo-help-panel{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);border-top:1px solid var(--line)}.demo-help-visual{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px 14px 0;min-height:310px;background:radial-gradient(ellipse at 50% 25%,#187459 0%,#073f35 65%);color:#fff4cf;text-align:center;overflow:hidden}.demo-help-window{display:flex;align-items:center;gap:4px;align-self:stretch;justify-content:center;font-size:10px;letter-spacing:1.3px;color:#e4d8a6;font-weight:700}.demo-help-window i{display:block;width:4px;height:4px;border-radius:50%;background:var(--gold)}.demo-help-window i:first-child{margin-left:8px}.demo-help-orbit{display:grid;place-items:center;width:112px;height:112px;margin:22px auto 15px;border:1px solid #c59c4b80;border-radius:50%;box-shadow:0 0 0 11px #e7c65e0d,0 0 0 23px #e7c65e06}.demo-help-orbit>span{display:grid;place-items:center;width:78px;height:78px;border-radius:22px;background:linear-gradient(145deg,#ffdf7e,#edb84b);color:var(--jade-deep);font-size:44px;line-height:1;box-shadow:0 8px 0 #0c2d23,0 12px 20px #001c1750}.demo-help-visual>strong{font-family:var(--display);font-size:clamp(19px,2.3vw,25px);line-height:1.3;margin-bottom:5px}.demo-help-visual>small{max-width:220px;min-height:42px;padding:0 6px;font-size:12px;line-height:1.55;color:#e1e7cf}.demo-help-toolbar{display:flex;align-items:center;justify-content:center;gap:9px;width:calc(100% + 28px);margin-top:16px;padding:13px 5px;background:#032d27;font-size:10px;font-weight:700;color:#cfdbce}.demo-help-toolbar .is-on{color:var(--gold)}.demo-help-copy{padding:27px 25px;align-self:center}.demo-help-copy h4{margin:0 0 12px;font-family:var(--display);font-size:23px;letter-spacing:-.6px;line-height:1.4}.demo-help-copy p{font-size:15px;line-height:1.8;margin:0 0 18px}.demo-help-copy .button{font-size:13px;line-height:1.6;padding:12px 15px;min-height:48px}
.demo-assistant .demo-help-visual>strong{color:#fff4cf}
.game-feature-banner{display:grid;grid-template-columns:minmax(160px,.7fr) minmax(0,1.3fr);align-items:center;gap:30px;padding:28px;border:1px solid var(--line);border-radius:24px;background:linear-gradient(140deg,#e7eddd,var(--white) 55%);margin-bottom:25px}.game-feature-banner>img{display:block;max-height:440px;width:auto;margin:auto;border-radius:15px;box-shadow:0 20px 35px #073f3526}.game-feature-banner h3{margin-top:10px}.game-feature-banner p{font-size:16px}
@media(max-width:600px){.demo-assistant-heading{padding:23px 20px 17px}.demo-assistant-tabs{grid-template-columns:repeat(2,minmax(0,1fr));padding:0 16px 18px;gap:8px}.demo-assistant-tabs button{min-height:65px;flex-direction:row;gap:8px;font-size:12px}.demo-assistant-tabs button>span{font-size:25px}.demo-help-panel{grid-template-columns:minmax(0,1fr)}.demo-help-visual{min-height:275px;padding-top:20px}.demo-help-orbit{width:88px;height:88px;margin:17px auto 13px}.demo-help-orbit>span{width:65px;height:65px;font-size:36px}.demo-help-visual>strong{font-size:25px}.demo-help-visual>small{min-height:0;max-width:90%}.demo-help-toolbar{margin-top:20px;font-size:12px;gap:17px}.demo-help-copy{padding:24px 20px}.demo-help-copy .button{width:100%;font-size:14px}.game-feature-banner{grid-template-columns:minmax(0,1fr);gap:23px;padding:22px}.game-feature-banner>img{max-height:340px}.game-feature-banner .button{width:100%;font-size:14px}}

/* Intent-specific article art. Static by design: no JS, motion, forms or fake results. */
.article-hero-art.intent-hero{position:relative;isolation:isolate;width:100%;max-width:460px;margin-inline:auto;padding:25px;border:1px solid #b5b88d;border-radius:20px;color:var(--jade,#073f35);font-family:var(--body,Manrope,Arial,sans-serif);line-height:1.4;text-align:left;overflow:hidden;box-shadow:0 12px 28px #173e3010}
.intent-hero *{box-sizing:border-box}
.intent-hero .ih-kicker{display:block;margin:0;color:#446354;font-size:12px;font-weight:700;line-height:1.5;letter-spacing:1.25px}
.intent-hero p{margin:0}
.intent-hero .ih-icon{display:block;flex:0 0 24px;width:24px;height:24px;max-width:none}
.article-hero-art.intent-hero img{display:block;max-height:none;height:auto;object-fit:contain}

/* History: a crop of the real, unmodified game interface, not a reconstructed receipt. */
.article-hero-art.intent-hero-history{background:#f9f4e5}
.ih-history-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:22px}
.ih-history-heading .ih-kicker{margin-bottom:9px}
.ih-history-heading p{color:#71806b;font:600 clamp(23px,2.2vw,30px)/1.18 var(--display,Sora,sans-serif);letter-spacing:-1px}
.ih-history-heading strong{color:var(--jade,#073f35);font-weight:800}
.ih-clock-face{flex:0 0 91px;width:91px;height:91px;transform:rotate(-8deg);border:1px solid #d9cda5;border-radius:50%;color:#ab832d;background:#f4e4b7;box-shadow:0 5px 0 #dbc892}
.ih-clock-face svg{display:block;width:100%;height:100%;stroke:currentColor;stroke-width:1.2}
.ih-clock-face svg>circle:nth-child(2){stroke:#c8ac63;stroke-dasharray:1 6;stroke-width:1.5}
.ih-clock-face .ih-clock-ticks{stroke-width:1.6}
.ih-clock-face .ih-clock-hands{stroke:#0d4d3d;stroke-width:4.5;stroke-linecap:round;stroke-linejoin:round}
.ih-clock-face .ih-clock-center{fill:#0d4d3d;stroke:#f7e6ae;stroke-width:2}
.ih-history-shot{position:relative;margin:0;border:1px solid #1d2b2b;border-radius:13px;overflow:hidden;background:#30303c;box-shadow:0 8px 18px #2530261c}
.ih-history-crop{aspect-ratio:2.1;overflow:hidden;background:#30303c}
.article-hero-art.intent-hero .ih-history-crop img{width:100%;max-width:none;object-fit:initial;object-position:top}
.ih-history-shot figcaption{display:flex;align-items:center;justify-content:center;gap:7px;margin:0;padding:13px 8px;color:#e0e6d9;background:#263a32;font-size:12px;font-weight:600;line-height:1.5;text-align:center}
.ih-live-dot{flex:0 0 5px;width:5px;height:5px;border-radius:50%;background:#e4c668}
.ih-history-key{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:22px;color:#52634d;font-size:12px;font-weight:700}
.ih-history-key i{flex:1;max-width:22px;height:1px;background:#b3be9b}

/* Mobile: the website shortcut is the subject, with the game icon as a real identifier. */
.article-hero-art.intent-hero-mobile{padding:24px 24px 20px;border-color:#3e6d58;color:#fff3cf;background:#084538}
.intent-hero-mobile .ih-kicker{text-align:center;color:#e9cf8f}
.ih-mobile-scene{position:relative;display:flex;justify-content:center;margin:22px 0 20px;padding-inline:32px}
.ih-phone-orbit{position:absolute;z-index:-1;top:29px;left:50%;width:276px;height:222px;transform:translateX(-50%) rotate(-21deg);border:1px solid #809a545c;border-radius:50%}
.ih-phone-orbit::before{content:"";position:absolute;inset:-16px 16px;border:1px solid #809a5433;border-radius:50%}
.ih-phone{position:relative;flex:0 0 178px;width:178px;padding:23px 8px 17px;border:3px solid #193b30;border-radius:27px;outline:1px solid #a2a774;background:#0d2d25;box-shadow:10px 15px 0 #022d2545,0 18px 24px #001f2740;transform:rotate(5deg)}
.ih-phone-camera{position:absolute;top:9px;left:50%;width:36px;height:4px;transform:translateX(-50%);border-radius:3px;background:#77917b}
.ih-browser-bar{display:flex;align-items:center;justify-content:center;gap:4px;padding:9px 2px;border-radius:13px 13px 0 0;color:#536350;background:#eee8d2;font-size:12px;font-weight:600;line-height:1.2}
.ih-browser-bar .ih-icon{flex-basis:11px;width:11px;height:11px}
.ih-home-screen{display:flex;align-items:center;flex-direction:column;min-height:188px;padding:14px 12px 16px;border-radius:0 0 13px 13px;background:#faf2dc}
.ih-home-line{width:44px;height:3px;margin-bottom:13px;border-radius:3px;background:#c9d1ac}
.article-hero-art.intent-hero .ih-shortcut-icon{width:74px;height:74px;border-radius:18px;box-shadow:0 5px 10px #4333081a}
.ih-home-screen strong{margin-top:11px;color:#154734;font:800 13px/1.4 var(--display,Sora,sans-serif);letter-spacing:-.3px}
.ih-home-screen>span:not(.ih-home-line){margin-top:2px;color:#65725a;font-size:12px;font-weight:600}
.ih-shortcut-dots{display:flex;gap:5px;margin-top:15px}
.ih-shortcut-dots i{width:4px;height:4px;border-radius:50%;background:#c5cbb0}.ih-shortcut-dots i:first-child{background:#517354}
.ih-phone-home{position:absolute;bottom:7px;left:50%;width:48px;height:3px;transform:translateX(-50%);border-radius:3px;background:#98aa89}
.ih-shortcut-hint{position:absolute;z-index:1;left:6%;top:22px;color:#e9ce80;transform:rotate(-8deg)}
.ih-shortcut-hint>span{display:grid;place-items:center;width:40px;height:40px;border:1px solid #b39f5f;border-radius:12px;background:#245a40;box-shadow:0 4px 0 #032c2440}
.ih-shortcut-hint .ih-shortcut-arrow{display:block;width:48px;height:45px;margin-top:13px;transform:rotate(-9deg)}
.ih-shortcut-badge{position:absolute;right:6%;bottom:38px;display:grid;place-items:center;width:39px;height:39px;border:5px solid #0a4336;border-radius:50%;color:#174838;background:var(--gold,#f6c453)}
.ih-shortcut-badge .ih-icon{width:20px;height:20px}
.ih-device-options{display:flex;align-items:center;justify-content:center;gap:12px}
.ih-device-options>span{display:flex;align-items:center;justify-content:center;gap:7px;min-height:43px;padding:9px 12px;border:1px solid #4b7560;border-radius:11px;color:#f6edca;background:#154f3d;font-size:13px;font-weight:700}
.ih-device-options .ih-icon{flex-basis:22px;width:22px;height:22px;color:#dfca88}
.intent-hero .ih-mobile-caption{margin-top:12px;color:#bfceb1;font-size:12px;font-weight:600;text-align:center}

/* Catalogue: one recognizable result, with a genuine internal action. */
.article-hero-art.intent-hero-catalogue{padding:25px 25px 20px;background:#eaf0dd}
.intent-hero-catalogue .ih-kicker{margin-bottom:15px}
.ih-search-query{display:flex;align-items:center;gap:10px;min-height:53px;padding:12px 14px;border:1px solid #a2b994;border-radius:12px;color:#0b4836;background:#fffdf5;box-shadow:0 3px 0 #d4dfc3;font-size:16px;font-weight:700}
.ih-search-query>.ih-icon{flex-basis:20px;width:20px;height:20px;color:#647c5b}
.ih-query-check{display:grid;place-items:center;width:22px;height:22px;margin-left:auto;border-radius:50%;color:#0e513b;background:#e5edce}
.ih-query-check>.ih-icon{width:14px;height:14px}
.ih-catalogue-stack{position:relative;margin:27px 0 23px}
.ih-catalogue-back{position:absolute;z-index:-1;inset:0 9px;border:1px solid #819c70;border-radius:15px;background:#c9d9b5;transform:rotate(-5deg)}
.ih-game-tile{display:flex;align-items:center;gap:17px;min-height:157px;padding:18px;border:1px solid #446f49;border-radius:15px;color:#fff1ce;background:#0b4535;box-shadow:0 7px 12px #2d563418}
.article-hero-art.intent-hero .ih-game-tile>img{flex:0 0 113px;width:113px;height:113px;border:1px solid #e2bd62;border-radius:23px;box-shadow:0 7px 15px #092c2a36}
.ih-tile-copy{min-width:0}
.ih-tile-copy>strong{display:block;color:#fff3d2;font:800 24px/1.07 var(--display,Sora,sans-serif);letter-spacing:-1px}
.ih-tile-copy>span{display:block;margin-top:8px;color:#e1d59e;font-size:14px;font-weight:600}
.ih-catalogue-link{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:50px;padding:13px 16px;border:1px solid #c99a38;border-radius:11px;color:#3b310e;background:var(--gold,#f6c453);box-shadow:0 3px 0 #c99a38;font-size:15px;font-weight:700;text-decoration:none;line-height:1.4;transition:background-color .15s ease}
.ih-catalogue-link:hover{background:#ffda7b}.ih-catalogue-link:focus-visible{outline:3px solid #0b513c;outline-offset:4px}
.ih-catalogue-link .ih-icon{flex-basis:20px;width:20px;height:20px}
.intent-hero .ih-catalogue-caption{margin-top:13px;color:#5e7554;font-size:12px;font-weight:600;text-align:center}

@media(max-width:1100px) and (min-width:801px){
  .article-hero-art.intent-hero{padding:20px}
  .ih-history-heading p{font-size:24px}.ih-clock-face{flex-basis:74px;width:74px;height:74px}
  .ih-game-tile{gap:12px;padding:14px}.article-hero-art.intent-hero .ih-game-tile>img{flex-basis:90px;width:90px;height:90px;border-radius:18px}.ih-tile-copy>strong{font-size:22px}
  .ih-shortcut-hint{left:0}.ih-shortcut-badge{right:0}
}
@media(max-width:800px){
  .article-hero-art.intent-hero{max-width:400px}
  .ih-history-heading p{font-size:29px}
}
@media(max-width:600px){
  .article-hero-art.intent-hero{padding:21px 18px;border-radius:16px}
  .ih-history-heading{gap:8px;margin-bottom:20px}.ih-history-heading p{font-size:27px}.ih-clock-face{flex-basis:76px;width:76px;height:76px}
  .ih-history-shot figcaption{padding:11px 7px}.ih-history-key{margin-top:18px}
  .intent-hero .ih-kicker{letter-spacing:.8px}
  .ih-mobile-scene{margin-top:20px;margin-bottom:19px;padding-inline:22px}
  .ih-shortcut-hint{left:0}.ih-shortcut-badge{right:0}
  .ih-device-options{gap:9px}.ih-device-options>span{padding:9px 11px;font-size:12px}
  .ih-game-tile{min-height:145px;gap:14px;padding:15px}.article-hero-art.intent-hero .ih-game-tile>img{flex-basis:94px;width:94px;height:94px;border-radius:19px}
  .ih-tile-copy>strong{font-size:22px}.ih-tile-copy>span{font-size:13px}
  .ih-catalogue-link{padding:13px;font-size:14px}.ih-catalogue-stack{margin-top:25px;margin-bottom:21px}
}
@media(max-width:359px){
  .article-hero-art.intent-hero{padding:19px 13px}
  .ih-history-heading p{font-size:24px}.ih-clock-face{flex-basis:61px;width:61px;height:61px}.ih-history-shot figcaption{gap:5px}.ih-history-key{gap:5px}
  .ih-phone{flex-basis:164px;width:164px}.ih-home-screen{min-height:181px}.ih-shortcut-hint{left:-5px;top:18px}.ih-shortcut-hint>span{width:30px;height:30px;border-radius:9px}.ih-shortcut-hint .ih-shortcut-arrow{width:35px;height:34px}.ih-shortcut-badge{right:-3px;width:33px;height:33px}
  .ih-game-tile{padding:13px;gap:11px;min-height:131px}.article-hero-art.intent-hero .ih-game-tile>img{flex-basis:78px;width:78px;height:78px;border-radius:16px}.ih-tile-copy>strong{font-size:21px}
  .ih-search-query{padding:11px;font-size:15px}.ih-catalogue-link{padding-inline:11px;font-size:14px}
}
@media(prefers-reduced-motion:reduce){.intent-hero *{animation:none!important;transition:none!important}}

.ox-payout,.ox-result-flow{--op-jade:var(--jade,#073f35);--op-deep:var(--jade-deep,#042d27);--op-gold:var(--gold,#f6c453);--op-paper:var(--paper,#fbf7ee);--op-ink:var(--ink,#182f28);min-width:0;color:var(--op-ink);font-family:var(--body,"Manrope",Arial,sans-serif);font-size:16px;line-height:1.65}
.ox-payout *,.ox-result-flow *{box-sizing:border-box}
.ox-payout [hidden],.ox-result-flow [hidden]{display:none!important}
.ox-payout{margin:28px 0;border:1px solid #b7c5af;border-radius:24px;overflow:hidden;background:#f7f3e7;box-shadow:0 16px 38px rgb(4 45 39 / 9%)}
.ox-payout .op-heading{padding:26px 28px 20px;border-bottom:1px solid #d8dfc8;background:#fffdf7}
.ox-payout .op-kicker,.ox-result-flow .op-kicker{display:block;margin-bottom:7px;color:#476248;font-size:13px;line-height:1.5;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.ox-payout .op-heading h3{margin:0 0 10px;color:var(--op-deep);font-family:var(--display,"Sora",sans-serif);font-size:clamp(24px,3vw,32px);line-height:1.22;letter-spacing:-.035em}
.ox-payout .op-heading p{margin:0;font-size:16px;line-height:1.7;max-width:65ch}
.ox-payout .op-presets{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:20px 0 0}
.ox-payout button,.ox-payout input,.ox-payout select{font:inherit}
.ox-payout button{cursor:pointer;transition:background-color 150ms ease,border-color 150ms ease;-webkit-tap-highlight-color:transparent}
.ox-payout button:disabled{opacity:1;cursor:default}
.ox-payout button:focus-visible,.ox-payout input:focus-visible,.ox-payout select:focus-visible,.ox-payout a:focus-visible,.ox-result-flow a:focus-visible{outline:3px solid #bf850f;outline-offset:4px}
.ox-payout .op-preset{min-height:64px;min-width:0;padding:12px 10px;border:1px solid #b6c7ad;border-radius:12px;color:var(--op-deep);background:#eef2e4;font-size:14px;font-weight:800;line-height:1.35;text-align:left}
.ox-payout .op-preset span{display:block;margin-top:4px;font-size:13px;font-weight:600;color:#5d715d}
.ox-payout .op-preset[aria-pressed=true]{background:var(--op-jade);border-color:var(--op-jade);color:#fff9e9}
.ox-payout .op-preset[aria-pressed=true] span{color:#f6d881}
.ox-payout .op-controls{padding:22px 28px 24px}
.ox-payout .op-fields{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:16px}
.ox-payout .op-field{display:flex;flex-direction:column;gap:7px;min-width:0;font-size:14px;font-weight:800;color:var(--op-deep)}
.ox-payout .op-field input,.ox-payout .op-field select{width:100%;min-width:0;min-height:52px;padding:11px 12px;border:1px solid #9eb39a;border-radius:10px;background:#fffdf8;color:var(--op-ink);font-size:17px;font-weight:700}
.ox-payout .op-field input[aria-invalid=true]{border-color:#a82c1f;outline-color:#a82c1f}
.ox-payout .op-help{margin:10px 0 0;color:#52654f;font-size:13px;line-height:1.6}
.ox-payout .op-error{margin:10px 0 0;color:#912d22;font-size:14px;font-weight:700}
.ox-payout .op-modes{margin:19px 0 0;padding:0;border:0}
.ox-payout .op-modes legend{margin-bottom:8px;padding:0;color:var(--op-deep);font-size:14px;font-weight:800}
.ox-payout .op-mode-buttons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.ox-payout .op-mode{min-height:52px;padding:11px 12px;border:1px solid #a9bd9e;border-radius:10px;background:#fffdf7;color:var(--op-jade);font-size:15px;font-weight:800;line-height:1.4;text-align:center}
.ox-payout .op-mode[aria-pressed=true]{border-color:#c99325;background:#f9d875;color:#193d2f;box-shadow:inset 0 -3px 0 #d5a42e}
.ox-payout .op-main{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0;border-top:1px solid #bdcbb5;scroll-margin-top:108px}
.ox-payout .op-visual{display:flex;flex-direction:column;min-width:0;padding:22px 16px 20px;background:radial-gradient(ellipse at 50% 35%,#16664e,#042f28 76%);color:#fff4d5}
.ox-payout .op-scene-top{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 7px;color:#fff0bd;font-size:14px;line-height:1.4;font-weight:800}
.ox-payout .op-mode-badge{flex:none;display:inline-flex;align-items:center;min-height:29px;padding:3px 9px;border:1px solid #d7b04e;border-radius:30px;background:#153f2f;color:#ffe49b;font-size:13px}
.ox-payout .op-board{position:relative;width:100%;aspect-ratio:600/440;isolation:isolate;margin:13px 0 9px;border:1px solid #567245;border-radius:18px;overflow:hidden;background:linear-gradient(90deg,transparent 33%,#ffffff0b 33%,#ffffff0b 67%,transparent 67%),#072f28}
.ox-payout .op-board svg{position:absolute;inset:0;z-index:0;width:100%;height:100%;pointer-events:none}
.ox-payout .op-line-path{fill:none;stroke:#f5ce64;stroke-width:9;stroke-linecap:round;stroke-linejoin:round}
.ox-payout .op-cell{position:absolute;left:var(--x);top:var(--y);z-index:1;display:flex;align-items:center;justify-content:center;width:25%;height:21%;transform:translate(-50%,-50%);border:1px dashed #4e6c50;border-radius:10px;background:#153c31;overflow:hidden}
.ox-payout .op-cell img{display:none;width:100%;height:100%;object-fit:contain;background:#30303c}
.ox-payout .op-cell[data-filled=true]{border:2px solid #e9bd4a;background:#30303c;box-shadow:0 0 12px #e8ba3c24}
.ox-payout .op-cell[data-filled=true] img{display:block}
.ox-payout .op-board[data-full=true]{border-color:#c89c30;box-shadow:inset 0 0 20px #d3ac3822}
.ox-payout .op-board[data-full=true] svg{display:none}
.ox-payout .op-visual .op-board-caption{margin:0;padding:0 7px;color:#efdfaf;font-size:14px;line-height:1.65}
.ox-payout .op-visual .op-board-caption strong{color:#ffe59c}
.ox-payout .op-condition{margin:15px 7px 0;padding:13px 14px;border:1px solid #577950;border-radius:12px;color:#fff3c8;background:#0c382c;font-size:14px;line-height:1.6}
.ox-payout .op-condition strong{display:block;margin-bottom:3px;color:#ffe292;font-size:15px}
.ox-payout .op-condition[data-applies=true]{border-color:#ddb447;background:#173f2b}
.ox-payout .op-math{min-width:0;padding:22px;background:#fffdf7}
.ox-payout .op-math h4{margin:0 0 15px;color:var(--op-deep);font-family:var(--display,"Sora",sans-serif);font-size:21px;line-height:1.3}
.ox-payout .op-equations{display:grid;gap:0;margin:0;padding:0;list-style:none;counter-reset:ox-equation}
.ox-payout .op-equations li{position:relative;min-width:0;padding:0 0 13px 35px;border-bottom:1px solid #dfe4d1;margin-bottom:13px;counter-increment:ox-equation}
.ox-payout .op-equations li::before{content:counter(ox-equation);position:absolute;left:0;top:1px;display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:#e6edda;color:var(--op-jade);font-size:13px;font-weight:800}
.ox-payout .op-equations span{display:block;margin-bottom:3px;color:#5f705b;font-size:13px;font-weight:700;line-height:1.5}
.ox-payout .op-equations strong{display:block;color:var(--op-deep);font-size:17px;font-weight:800;line-height:1.5;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.ox-payout .op-total{padding:17px 18px;border:1px solid #dab343;border-radius:14px;background:linear-gradient(135deg,#ffe8a4,#f4c65c)}
.ox-payout .op-total>span{display:block;color:#34503a;font-size:13px;font-weight:800}
.ox-payout .op-total>strong{display:block;margin:4px 0 5px;color:#163a29;font-family:var(--display,"Sora",sans-serif);font-size:clamp(28px,4vw,39px);font-variant-numeric:tabular-nums;line-height:1.15;letter-spacing:-.04em;overflow-wrap:anywhere}
.ox-payout .op-net{display:flex;justify-content:space-between;gap:9px;padding-top:10px;border-top:1px solid #ba922e;color:#33452a;font-size:13px;line-height:1.5}
.ox-payout .op-net strong{color:#173e2a;font-size:16px;font-variant-numeric:tabular-nums;white-space:nowrap}
.ox-payout .op-announcement{margin:13px 0 0;color:#4d604d;font-size:13px;line-height:1.65}
.ox-payout .op-footnote{padding:17px 28px;border-top:1px solid #d2dcc4;background:#eff2e4;font-size:13px;line-height:1.7}
.ox-payout .op-footnote p{margin:0}
.ox-payout .op-footnote a{color:var(--op-jade);text-decoration-thickness:1px;text-underline-offset:3px}
.ox-payout .op-nojs{padding:18px 28px}
.ox-payout .op-nojs table{width:100%;border-collapse:collapse;font-size:14px}
.ox-payout .op-nojs th,.ox-payout .op-nojs td{padding:9px 6px;text-align:left;border-bottom:1px solid #bccbad}
.ox-result-flow{margin:27px 0;padding:26px;border:1px solid #bac8b0;border-radius:22px;background:#f1f3e5}
.ox-result-flow .op-flow-heading{margin-bottom:22px}
.ox-result-flow .op-flow-heading h3{margin:0 0 8px;color:var(--op-deep);font-family:var(--display,"Sora",sans-serif);font-size:26px;line-height:1.25;letter-spacing:-.03em}
.ox-result-flow .op-flow-heading p{margin:0;color:#4d654f;font-size:15px}
.ox-result-flow .op-flow-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}
.ox-result-flow .op-flow-card{position:relative;min-width:0;padding:18px 17px;border:1px solid #bbccb1;border-radius:15px;background:#fffdf8}
.ox-result-flow .op-flow-card+.op-flow-card::before{content:'→';position:absolute;top:51px;left:-20px;z-index:1;display:grid;place-items:center;width:24px;height:24px;border-radius:50%;color:#fff6d7;background:var(--op-jade);font-size:19px;line-height:1}
.ox-result-flow .op-flow-icon{display:grid;place-items:center;width:48px;height:48px;margin-bottom:14px;border-radius:13px;background:#e7eed9;color:var(--op-jade)}
.ox-result-flow .op-flow-icon svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.ox-result-flow .op-flow-card h4{margin:0 0 14px;color:var(--op-deep);font-size:18px;line-height:1.3}
.ox-result-flow .op-flow-line{display:flex;justify-content:space-between;gap:9px;padding:7px 0;color:#4d634d;font-size:13px;line-height:1.5;border-bottom:1px solid #e2e7d6}
.ox-result-flow .op-flow-line strong{font-size:15px;color:var(--op-deep);white-space:nowrap;font-variant-numeric:tabular-nums}
.ox-result-flow .op-flow-value{display:block;margin:12px 0 8px;color:var(--op-jade);font-family:var(--display,"Sora",sans-serif);font-size:32px;line-height:1.15;letter-spacing:-.03em;font-variant-numeric:tabular-nums}
.ox-result-flow .op-flow-card p{margin:0;color:#53664f;font-size:13px;line-height:1.65}
.ox-result-flow .op-flow-card .op-flow-status{display:inline-block;margin:0 0 12px;padding:7px 10px;border:1px solid #d6b04c;border-radius:9px;background:#fff0bb;color:#59461c;font-size:13px;font-weight:800;line-height:1.45}
.ox-result-flow .op-flow-card a{display:inline-block;margin-top:14px;color:var(--op-jade);font-size:14px;font-weight:800;text-underline-offset:3px}
.ox-result-flow .op-flow-caption{margin:17px 0 0;color:#4e664e;font-size:13px;line-height:1.6}
@media(max-width:760px){.ox-payout .op-main{grid-template-columns:minmax(0,1fr)}.ox-payout .op-board{max-width:430px;margin-inline:auto}.ox-payout .op-scene-top,.ox-payout .op-board-caption,.ox-payout .op-condition{max-width:430px;width:100%;margin-left:auto;margin-right:auto}.ox-payout .op-math{padding:24px}.ox-payout .op-equations{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 17px}.ox-payout .op-total>strong{font-size:38px}.ox-result-flow .op-flow-grid{grid-template-columns:minmax(0,1fr)}.ox-result-flow .op-flow-card{padding:20px}.ox-result-flow .op-flow-card+.op-flow-card::before{top:-20px;left:calc(50% - 12px);transform:rotate(90deg)}.ox-result-flow .op-flow-card h4{font-size:21px}.ox-result-flow .op-flow-icon{float:left;margin:0 14px 14px 0}.ox-result-flow .op-flow-line{clear:both;font-size:14px}.ox-result-flow .op-flow-card p{clear:both;font-size:14px}}
@media(max-width:480px){.ox-payout{border-radius:18px}.ox-payout .op-heading{padding:22px 18px 19px}.ox-payout .op-controls{padding:18px}.ox-payout .op-fields{grid-template-columns:minmax(0,1fr);gap:13px}.ox-payout .op-presets{grid-template-columns:minmax(0,1fr);gap:8px;margin-top:17px}.ox-payout .op-preset{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:51px;padding:11px 13px;font-size:14px}.ox-payout .op-preset span{flex:none;max-width:45%;margin:0;text-align:right;font-size:13px}.ox-payout .op-mode{font-size:14px;padding:10px 8px}.ox-payout .op-visual{padding:20px 12px}.ox-payout .op-math{padding:22px 18px}.ox-payout .op-equations{grid-template-columns:minmax(0,1fr);gap:0}.ox-payout .op-equations strong{font-size:18px}.ox-payout .op-footnote,.ox-payout .op-nojs{padding:16px 18px}.ox-payout .op-net{flex-wrap:wrap}.ox-payout .op-net strong{white-space:normal}.ox-result-flow{padding:22px 16px}.ox-result-flow .op-flow-heading h3{font-size:24px}}
@media(prefers-reduced-motion:reduce){.ox-payout button{transition:none}}

.ox-win-showcase{display:grid;grid-template-columns:minmax(190px,.72fr) minmax(0,1.28fr);align-items:center;gap:28px;margin:26px 0 30px}
.ox-win-showcase .op-win-frame{max-width:280px;margin:0 auto;min-width:0}
.ox-win-showcase .op-win-frame>a{display:block;padding:8px;border:1px solid #c79e39;border-radius:18px;background:#073f35;overflow:hidden}
.ox-win-showcase .op-win-frame img{display:block;width:100%;height:auto;border-radius:11px}
.ox-win-showcase figcaption{margin-top:12px;color:#52644d;font-size:13px;line-height:1.65}
.ox-win-showcase figcaption strong{color:#27442e}
.ox-win-showcase .op-win-copy{min-width:0}
.ox-win-showcase .op-win-copy h3{margin:0 0 13px;color:#073f35;font-size:26px;line-height:1.25}
.ox-win-showcase .op-win-copy p{font-size:16px;line-height:1.75}
.ox-win-showcase .op-win-context{padding:15px;border:1px solid #d5c795;border-radius:12px;background:#f8edc9;font-size:14px!important}
.ox-round-proof{display:grid;grid-template-columns:minmax(200px,.9fr) minmax(0,1.1fr);gap:26px;align-items:center;margin:27px 0;padding:24px;border:1px solid #c0cfb6;border-radius:20px;background:#f0f3e7}
.ox-round-proof .op-round-frame{min-width:0;margin:0}
.ox-round-proof .op-round-image{display:block;aspect-ratio:562/560;border:1px solid #8d9c83;border-radius:14px;overflow:hidden;background:#30303c}
.ox-round-proof .op-round-image img{display:block;width:100%;height:100%;object-fit:cover;object-position:center top}
.ox-round-proof figcaption{margin-top:12px;color:#53654d;font-size:13px;line-height:1.6}
.ox-round-proof .op-round-copy{min-width:0}
.ox-round-proof .op-proof-kicker{display:block;margin-bottom:7px;color:#526847;font-size:13px;font-weight:800;letter-spacing:.05em;text-transform:uppercase}
.ox-round-proof h3{margin:0 0 16px;color:#073f35;font-size:25px;line-height:1.25}
.ox-round-proof dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0 0 17px}
.ox-round-proof dl>div{min-width:0;padding:12px;border:1px solid #c3d0b6;border-radius:10px;background:#fffdf7}
.ox-round-proof dt{margin-bottom:4px;color:#5a6c51;font-size:13px;line-height:1.5}
.ox-round-proof dd{margin:0;color:#073f35;font-size:20px;line-height:1.25;font-weight:800;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.ox-round-proof .op-round-copy p{margin:0;font-size:14px;line-height:1.75;color:#3c563f}
@media(max-width:760px){.ox-win-showcase{grid-template-columns:minmax(0,1fr);gap:24px}.ox-win-showcase .op-win-frame{max-width:245px}.ox-win-showcase .op-win-copy h3{font-size:24px}.ox-round-proof{grid-template-columns:minmax(0,1fr);padding:21px 18px}.ox-round-proof .op-round-frame{width:100%;max-width:340px;margin:0 auto}.ox-round-proof .op-round-copy p{font-size:15px}.ox-round-proof h3{font-size:24px}}
@media(max-width:480px){.ox-round-proof dd{font-size:18px}}

/* Cost comparison and reading guides. Scoped to these components. */
.strategy-lab{margin:24px 0;border:1px solid #b6c3a7;border-radius:22px;background:#f1f3e6;overflow:hidden;container-type:inline-size}
.strategy-lab-intro{padding:27px 28px 0}
.article-content .strategy-kicker{margin:0 0 9px;color:var(--jade-bright);font-size:11px;line-height:1.5;font-weight:700;letter-spacing:1.7px}
.strategy-lab-intro>p:last-child{max-width:720px;font-size:18px;line-height:1.7}
.strategy-controls{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px;padding:20px 28px 16px}
.strategy-field{min-width:0}
.strategy-field label{display:block;margin-bottom:7px;color:var(--jade);font-size:13px;font-weight:700;line-height:1.45}
.strategy-input{display:flex;align-items:center;min-height:55px;overflow:hidden;border:1px solid #9dad92;border-radius:10px;background:#fffdfa}
.strategy-input>span{padding-left:15px;color:#60765e;font-size:15px;font-weight:700}
.strategy-input input{width:100%;min-width:0;padding:12px 10px;border:0;border-radius:10px;color:var(--jade);background:transparent;font-size:21px;font-weight:700;line-height:1.25;appearance:textfield}
.strategy-input input::-webkit-inner-spin-button,.strategy-input input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
.strategy-field select{width:100%;min-height:55px;padding:10px 34px 10px 13px;border:1px solid #9dad92;border-radius:10px;color:var(--jade);background:#fffdfa;font-size:17px;font-weight:700;line-height:1.4}
.strategy-lab input:disabled,.strategy-lab select:disabled{opacity:1;-webkit-text-fill-color:var(--jade)}
.strategy-lab [aria-invalid=true]{outline:2px solid var(--coral);outline-offset:2px}
.article-content .strategy-method{margin:0;padding:0 28px 22px;color:#52644f;font-size:13px;line-height:1.65}
.article-content .strategy-validation{margin:0 28px 20px;padding:12px 14px;border-left:3px solid var(--coral);color:#702f25;background:#fff2e4;font-size:14px;line-height:1.6}
.strategy-choices{display:none;padding:0 16px 15px}
.strategy-choices>span{display:block;margin-bottom:9px;color:#5d7053;font-size:12px;line-height:1.6}
.strategy-choices>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
.strategy-choices button{min-width:0;min-height:72px;padding:9px 6px;border:1px solid #b9c7a5;border-radius:10px;color:var(--jade);background:#fffdfa;text-align:center}
.strategy-choices button>span{display:block;margin-bottom:6px;font-size:11px;line-height:1.3;font-weight:700}
.article-content .strategy-choices button>strong{display:block;color:var(--jade);font:800 15px/1.3 var(--display);letter-spacing:-.5px;white-space:nowrap}
.strategy-choices button[aria-pressed=true]{border-color:var(--jade);color:#fff5d6;background:var(--jade)}
.article-content .strategy-choices button[aria-pressed=true]>strong{color:var(--gold)}
.strategy-comparison{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:0 16px 17px}
.strategy-comparison.is-invalid{opacity:.48}
.strategy-card{min-width:0;padding:20px 17px 16px;border:1px solid #d0d8be;border-radius:15px;color:var(--jade);background:#fffdfa}
.strategy-card-heading{display:flex;align-items:center;gap:9px}
.strategy-card-number{flex:0 0 28px;width:28px;height:28px;border:1px solid #c8d4b1;border-radius:50%;color:#69805c;font-size:11px;font-weight:700;line-height:26px;text-align:center}
.article-section .strategy-card h3{margin:0;color:var(--jade);font-size:18px;line-height:1.3;letter-spacing:-.5px}
.article-content .strategy-rule{min-height:66px;margin:13px 0 18px;color:#596d55;font-size:13px;line-height:1.7}
.strategy-metric-label{display:block;margin-bottom:5px;color:#596c50;font-size:11px;line-height:1.6}
.article-content .strategy-total{display:block;color:var(--jade);font:800 clamp(25px,3.5cqi,34px)/1.16 var(--display);letter-spacing:-1.1px;white-space:nowrap}
.article-content .strategy-total.is-large{font-size:22px;letter-spacing:-1px}
.strategy-meter{height:5px;margin:15px 0;border-radius:4px;background:#e8ecdf;overflow:hidden}
.strategy-meter span{display:block;height:100%;border-radius:4px;background:#2e7150;transition:width .2s ease}
.article-content .strategy-remainder{margin:0 0 18px;font-size:12px;line-height:1.6}
.strategy-remainder>span{display:block;color:#617253}
.article-content .strategy-remainder>strong{display:block;color:var(--jade);font-size:21px;line-height:1.4;font-weight:700;font-variant-numeric:tabular-nums}
.strategy-card.is-over-budget{border-color:#d7afa0;background:#fff8f0}
.strategy-card.is-over-budget .strategy-meter span{background:#b55a3b}
.strategy-card.is-over-budget .strategy-remainder>strong{color:#944628}
.article-section .strategy-sequence{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:0 0 16px;padding:0;list-style:none}
.article-section .strategy-sequence li{min-width:0;margin:0;padding:8px 3px;border:1px solid #e2e6d7;border-radius:7px;background:#f8f9f2;text-align:center}
.strategy-sequence small{display:block;margin-bottom:3px;color:#738166;font-size:10px;line-height:1.25}
.strategy-sequence span{display:block;color:#315332;font-size:11px;font-weight:700;line-height:1.5;white-space:nowrap;font-variant-numeric:tabular-nums}
.strategy-sequence.has-large-values{grid-template-columns:repeat(2,minmax(0,1fr))}
.article-content .strategy-affordable{margin:0;color:#52674e;font-size:12px;line-height:1.7}
.strategy-bottom{display:flex;align-items:center;gap:18px;justify-content:space-between;padding:16px 28px 21px;border-top:1px solid #d3dcc2}
.article-content .strategy-bottom p{max-width:520px;margin:0;color:#64765a;font-size:12px;line-height:1.7}
.strategy-reset{flex-shrink:0;min-height:44px;padding:9px 12px;border:1px solid #a7b692;border-radius:8px;color:var(--jade);background:transparent;font-size:12px;font-weight:700;line-height:1.4}
.strategy-reset:hover{background:#e5ecd7}
.strategy-lab noscript p{padding:0 28px 20px;font-size:13px}
/* A readable message, with its cost rather than a simulated prediction. */
.signal-reading{margin:22px 0;border:1px solid #b8c6ad;border-radius:20px;background:var(--white);overflow:hidden}
.signal-message{padding:26px 28px;color:#fff4d8;background:var(--jade)}
.article-content .signal-message .strategy-kicker{color:#ebca7e}
.article-content .signal-message-title{margin:0 0 19px;color:#fff4d8;font:600 24px/1.35 var(--display);letter-spacing:-.7px}
.signal-message-parts{display:grid;grid-template-columns:1fr .85fr 1.35fr;gap:22px}
.signal-message-parts>div{min-width:0;padding-left:14px;border-left:2px solid #598369}
.signal-message-parts small,.signal-message-parts span{display:block;color:#c2d5b9;font-size:11px;line-height:1.6}
.article-content .signal-message-parts strong{display:block;margin:4px 0;color:#ffe098;font:600 17px/1.45 var(--display);letter-spacing:-.35px}
.article-section .signal-reading-steps{display:grid;gap:20px;margin:0;padding:26px 28px;list-style:none}
.article-section .signal-reading-steps li{display:flex;align-items:start;gap:15px;margin:0;padding:0}
.signal-step-number{display:grid;place-items:center;flex:0 0 32px;height:32px;border-radius:50%;color:var(--jade);background:#f1de9c;font:600 15px/1 var(--display)}
.article-section .signal-reading-steps h3{margin:2px 0 6px;color:var(--jade);font-size:18px;line-height:1.4}
.article-content .signal-reading-steps p{margin:0;font-size:14px;line-height:1.8}
.signal-cost{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;gap:16px;margin:0 28px 22px;padding:21px;border:1px solid #e1cf97;border-radius:12px;background:#fff2c9}
.signal-cost>div{min-width:0}
.signal-cost div>span{display:block;max-width:180px;color:#6f673d;font-size:11px;line-height:1.5}
.article-content .signal-cost strong{display:block;margin-top:7px;color:#3e552e;font:800 22px/1.25 var(--display);letter-spacing:-.7px}
.signal-operation{color:#7d8050;font-size:23px}
.article-content .signal-reading-note{margin:0;padding:0 28px 25px;color:#63705c;font-size:13px;line-height:1.8}
/* Real PG history image stays open. Pins live outside its text. */
.history-guide{display:grid;grid-template-columns:minmax(180px,.75fr) minmax(0,1.25fr);align-items:start;gap:42px;margin:26px 0}
.history-guide-figure{min-width:0;margin:0}
.history-guide-screen{position:relative;max-width:270px;margin:0 auto;border:1px solid #c1c8b6;border-radius:16px;box-shadow:0 10px 28px rgb(29 54 34 / 10%)}
.history-guide-screen img{display:block;width:100%;height:auto;border-radius:15px}
.history-pin{position:absolute;z-index:1;right:-14px;display:grid;place-items:center;width:28px;height:28px;border:2px solid var(--white);border-radius:50%;color:#294a30;background:var(--gold);font:800 13px/1 var(--display);box-shadow:0 2px 8px #0002}
.history-pin-menu{top:86.5%}.history-pin-period{top:13%}.history-pin-columns{top:19.7%}
.history-guide-figure figcaption{max-width:270px;margin:12px auto 0;color:#66705f;font-size:12px;line-height:1.7}
.article-section .history-guide-callouts{display:grid;gap:25px;margin:0;padding:8px 0 0;list-style:none}
.article-section .history-guide-callouts li{display:flex;align-items:start;gap:14px;margin:0;padding:0}
.history-guide-callouts li>span{display:grid;place-items:center;flex:0 0 31px;height:31px;border:1px solid #dac382;border-radius:50%;color:var(--jade);background:#ffedb4;font:800 13px/1 var(--display)}
.article-section .history-guide-callouts h3{margin:3px 0 9px;color:var(--jade);font-size:20px;line-height:1.3}
.article-content .history-guide-callouts p{margin:0;font-size:15px;line-height:1.8}
.clock-reading{margin:23px 0;padding:25px 28px;border:1px solid #c7d2b5;border-radius:16px;background:#f1f3e6}
.clock-reading-pair{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;margin:16px 0}
.clock-reading-pair>div{min-width:0}
.clock-reading-pair div>span,.clock-reading-pair small{display:block;color:#5f7458;font-size:12px;line-height:1.6}
.article-content .clock-reading-pair strong{display:block;margin:6px 0;color:var(--jade);font:800 clamp(31px,4vw,46px)/1.2 var(--display);letter-spacing:-1.6px;font-variant-numeric:tabular-nums}
.clock-equals{color:#799466;font-size:28px}
.article-content .clock-reading>p:last-child{margin:0;color:#596e50;font-size:13px;line-height:1.8}
@container (max-width:680px){.strategy-lab.is-ready .strategy-choices{display:block}.strategy-lab.is-ready .strategy-card:not(.is-selected){display:none}.strategy-comparison{grid-template-columns:1fr}.strategy-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(130px,.7fr);gap:0 20px;padding:22px}.strategy-card-heading,.strategy-rule{grid-column:1}.strategy-card-heading{grid-row:1}.strategy-rule{grid-row:2}.strategy-card .strategy-rule{min-height:0;margin:11px 0 18px}.strategy-metric-label{grid-column:2;grid-row:1;align-self:start;padding-top:3px}.strategy-card .strategy-total{grid-column:2;grid-row:2;font-size:29px;align-self:start;padding-top:5px}.strategy-card .strategy-total.is-large{font-size:23px}.strategy-meter{grid-column:2;grid-row:3;margin:0 0 12px}.strategy-remainder{grid-column:2;grid-row:4}.strategy-card .strategy-sequence{grid-column:1;grid-row:3 / span 2;margin:0}.strategy-card .strategy-affordable{grid-column:1 / -1;margin-top:15px}.strategy-bottom{align-items:start;flex-direction:column;gap:10px}}
@media(max-width:700px){.strategy-controls{gap:12px}.strategy-lab-intro,.strategy-controls{padding-left:20px;padding-right:20px}.article-content .strategy-method{padding-left:20px;padding-right:20px}.strategy-field label{min-height:38px}.strategy-field select{font-size:15px;padding-right:15px}.strategy-input>span{padding-left:11px}.strategy-input input{font-size:19px;padding-left:7px}.history-guide{gap:26px;grid-template-columns:minmax(140px,.7fr) minmax(0,1fr)}.article-content .history-guide-callouts p{font-size:13px}.article-section .history-guide-callouts h3{font-size:17px}.history-guide-callouts li>span{flex-basis:27px;height:27px}.article-section .history-guide-callouts li{gap:10px}.signal-message-parts{gap:13px;grid-template-columns:1fr 1fr}.signal-message-parts>div:last-child{grid-column:1/-1}.signal-cost{gap:10px;padding:17px}.article-content .signal-cost strong{font-size:19px}}
@media(max-width:460px){.strategy-controls{grid-template-columns:1fr 1fr;gap:14px}.strategy-field:last-child{grid-column:1/-1}.strategy-field label{min-height:0}.strategy-field:last-child{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:14px}.strategy-field:last-child label{margin:0}.strategy-field select{min-height:49px}.strategy-lab-intro>p:last-child{font-size:16px}.strategy-comparison{padding:0 10px 12px}.strategy-card{display:block;padding:20px}.strategy-card .strategy-rule{margin-bottom:17px}.strategy-card .strategy-total{padding:0;font-size:36px}.strategy-card .strategy-total.is-large{font-size:28px}.strategy-card .strategy-meter{margin:13px 0}.strategy-card .strategy-sequence{margin:16px 0;grid-template-columns:repeat(3,minmax(0,1fr))}.strategy-sequence small{font-size:11px}.strategy-sequence span{font-size:12px}.strategy-card .strategy-sequence.has-large-values{grid-template-columns:repeat(2,minmax(0,1fr))}.strategy-bottom{padding-inline:20px}.signal-message{padding:22px 20px}.article-content .signal-message-title{font-size:21px}.article-section .signal-reading-steps{padding:24px 20px}.signal-reading-steps li{gap:12px}.signal-cost{grid-template-columns:1fr;gap:6px;margin-inline:20px}.signal-cost>div{display:flex;align-items:center;justify-content:space-between;gap:14px}.signal-cost div>span{max-width:145px}.article-content .signal-cost strong{flex-shrink:0;margin:0;font-size:20px}.signal-operation{font-size:18px;line-height:1;text-align:right;padding-right:45px}.article-content .signal-reading-note{padding-inline:20px}.history-guide{display:flex;flex-direction:column;gap:24px}.history-guide-figure{width:100%}.history-guide-screen{max-width:246px}.history-guide-figure figcaption{max-width:270px}.article-section .history-guide-callouts{gap:20px;padding:0}.article-section .history-guide-callouts h3{font-size:19px}.article-content .history-guide-callouts p{font-size:14px}.clock-reading{padding:22px 20px}.clock-reading-pair{gap:10px}.clock-reading-pair div>span,.clock-reading-pair small{font-size:11px}.article-content .clock-reading-pair strong{font-size:35px}.clock-equals{font-size:22px}}
@media(prefers-reduced-motion:reduce){.strategy-meter span{transition:none}}

.strategy-choices .is-large{font-size:11px!important;letter-spacing:-.5px!important}

.platform-choice-tool,.access-walkthrough{--pct-jade:var(--jade,#073f35);--pct-gold:var(--gold,#f6c453);--pct-ink:var(--ink,#182f28);--pct-line:var(--line,#d9dec9);container:accesstool / inline-size;margin:28px 0;padding:25px;border:1px solid var(--pct-line);border-radius:23px;background:var(--paper-deep,#f2e8d6);color:var(--pct-ink);font-family:var(--body,Manrope,Arial,sans-serif)}
.platform-choice-tool *,.access-walkthrough *{box-sizing:border-box}
.platform-choice-tool [hidden],.access-walkthrough [hidden]{display:none!important}
.platform-choice-tool :is(h3,h4,p,fieldset),.access-walkthrough :is(h3,p,dl,dd){margin:0}
.platform-choice-tool button,.access-walkthrough button{font:inherit;cursor:pointer;touch-action:manipulation}
.platform-choice-tool button:disabled,.access-walkthrough button:disabled{cursor:default;opacity:1}
.platform-choice-tool :is(a,button,input):focus-visible,.access-walkthrough :is(a,button,[tabindex]):focus-visible{outline:3px solid #b77a18;outline-offset:4px}
.pct-icon{flex:0 0 22px;width:22px;height:22px;vertical-align:middle}
.pct-heading h3{margin-top:5px;font:800 25px/1.3 var(--display,Sora,Arial,sans-serif);color:var(--pct-jade)}
.pct-scenarios{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:20px 0}
.pct-scenarios button{min-width:0;min-height:88px;padding:13px 10px;border:1px solid #c9cfb8;border-radius:13px;background:var(--white,#fffdfa);color:var(--pct-jade);text-align:left}
.pct-scenarios button strong,.pct-scenarios button span{display:block}
.pct-scenarios button strong{font-size:16px;line-height:1.3}
.pct-scenarios button span{margin-top:6px;font-size:12px;line-height:1.45}
.pct-scenarios [aria-pressed="true"]{background:var(--pct-jade);border-color:var(--pct-jade);color:#fff0bd}
.pct-scenarios [aria-pressed="true"] strong{color:#fff0bd}
.pct-result{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px;padding:22px;border:1px solid #e0c27e;border-radius:15px;background:#fff1c9}
.pct-result>div{min-width:0}
.pct-result h4{margin:6px 0 10px;color:var(--pct-jade);font:800 20px/1.35 var(--display,Sora,Arial,sans-serif)}
.pct-result p{font-size:15px;line-height:1.75}
.pct-result>.button{flex-shrink:0;min-height:50px;white-space:normal}
.pct-list-header{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin:28px 0 16px}
.pct-list-header h4{max-width:310px;color:var(--pct-jade);font:800 21px/1.4 var(--display,Sora,Arial,sans-serif)}
.pct-count{display:flex;align-items:center;gap:9px}
.pct-count>strong{color:var(--pct-jade);font:800 36px/1 var(--display,Sora,Arial,sans-serif)}
.pct-count>span{max-width:105px;color:var(--muted,#66766b);font-size:13px;line-height:1.4}
.pct-checklist{display:grid;gap:9px;padding:0;border:0;min-width:0}
.pct-check{display:flex;align-items:flex-start;gap:13px;padding:15px;border:1px solid #d5dbc6;border-radius:12px;background:var(--white,#fffdfa);cursor:pointer}
.pct-check input{appearance:auto;accent-color:var(--pct-jade);flex:0 0 23px;width:23px;height:23px;margin:2px 0 0;cursor:pointer}
.pct-check:has(input:checked){border-color:#6c9b79;background:#edf3e4}
.pct-check-copy{min-width:0}
.pct-check-copy>strong{display:block;color:var(--pct-jade);font-size:16px;line-height:1.4}
.pct-check-copy>span{display:block;margin-top:4px;color:var(--muted,#66766b);font-size:14px;line-height:1.65}
.pct-check-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:16px}
.pct-check-footer p{font-size:13px;line-height:1.6;color:var(--muted,#66766b)}
.pct-reset{min-height:44px;padding:8px 12px;flex-shrink:0;border:1px solid #c7cdb6;border-radius:9px;background:var(--white,#fffdfa);color:var(--pct-jade);font-size:13px}
.pct-brand-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:18px 0}
.pct-brand-example{display:flex;align-items:center;justify-content:center;min-width:0;height:96px;padding:19px;border:1px solid var(--line,#d9dec9);border-radius:14px;background:#fffdfa}
.pct-brand-example img{display:block;width:100%;max-width:140px;max-height:45px;object-fit:contain}
.pct-brand-example[data-brand="7k"] img{max-width:72px}
.pct-brand-example[data-brand="donald"]{background:#083c32}
.pct-sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);clip-path:inset(50%);white-space:nowrap}
.aw-top{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:17px}
.aw-kicker{display:flex;align-items:center;gap:9px;color:var(--pct-jade);font-size:15px;font-weight:700;line-height:1.4}
.aw-counter{flex-shrink:0;color:var(--pct-jade);font:800 20px/1.2 var(--display,Sora,Arial,sans-serif)}
.aw-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:22px}
.aw-nav a{display:flex;align-items:center;gap:8px;min-height:55px;padding:10px;border:1px solid #cbd2bd;border-radius:11px;background:#fffdfa;text-decoration:none;color:var(--pct-jade)!important;font-size:14px;line-height:1.35}
.aw-nav a>span{display:grid;place-items:center;flex:0 0 25px;width:25px;height:25px;border-radius:8px;background:#f9dfa0;color:var(--pct-jade);font-weight:800}
.aw-nav a[aria-current="step"]{background:var(--pct-jade);border-color:var(--pct-jade);color:#fff0bd!important}
.aw-nav a[aria-current="step"] strong{color:#fff0bd}
.aw-scene{margin-bottom:25px;scroll-margin-top:112px}
.access-walkthrough[data-aw-ready="true"] .aw-scene{margin-bottom:0}
.aw-scene-title{display:flex;align-items:center;gap:12px;margin-bottom:15px}
.aw-scene-title>span{display:grid;place-items:center;flex:0 0 35px;height:35px;border-radius:50%;color:var(--pct-jade);background:#f8d67e;font:800 13px/1 var(--display,Sora,Arial,sans-serif)}
.aw-scene-title h3{font:800 23px/1.35 var(--display,Sora,Arial,sans-serif);color:var(--pct-jade)}
.aw-model{padding:25px;border:4px solid var(--pct-jade);border-radius:21px;background:var(--white,#fffdfa);overflow:hidden}
.aw-model-label{margin:-25px -25px 22px;padding:10px 14px;background:var(--pct-jade);color:#e1efd7;font-size:11px;font-weight:700;letter-spacing:1px;line-height:1.4;text-align:center}
.aw-catalog-tabs{display:flex;gap:20px;padding-bottom:13px;border-bottom:1px solid var(--pct-line);color:var(--muted,#66766b);font-size:14px;line-height:1.4}
.aw-catalog-tabs strong{color:var(--pct-jade)}
.aw-field-label{margin:24px 0 9px!important;font-size:14px;font-weight:700;color:var(--pct-jade)}
.aw-search{display:flex;align-items:center;gap:12px;min-height:61px;padding:13px 16px;border:2px solid #c8a052;border-radius:12px;background:#fff5da;color:var(--pct-jade)}
.aw-search strong{font-size:21px;line-height:1.3;color:var(--pct-jade)}
.aw-focus-note{display:flex;flex-direction:column;gap:5px;margin:20px 0 24px;color:var(--pct-jade);font-size:15px;line-height:1.6}
.aw-focus-note span{font-size:14px;color:var(--muted,#66766b)}
.aw-action{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:54px;padding:13px 17px;border:1px solid #b78525;border-radius:12px;background:var(--pct-gold);color:#193f2f;font-weight:700;line-height:1.45;box-shadow:0 3px 0 #c79740}
.aw-action:hover:not(:disabled){background:#ffda7c}
.aw-query-line{display:flex;align-items:center;gap:10px;color:var(--pct-jade);font-size:14px}
.aw-provider{display:flex;align-items:center;gap:10px;width:100%;min-height:58px;padding:13px;border:2px solid #afc2a6;border-radius:12px;background:#edf3e4;color:var(--pct-jade)}
.aw-provider>strong{font-size:18px;color:var(--pct-jade)}
.aw-provider>span{display:flex;align-items:center;gap:7px;margin-left:auto;font-size:12px}
.aw-provider>span>.pct-icon{width:17px;height:17px;flex-basis:17px}
.aw-game-tile{display:flex;align-items:center;gap:17px;margin:23px 0;padding:15px;border:1px solid #d5dbc6;border-radius:15px;background:#f8f4e8}
.aw-game-tile img{display:block;flex:0 0 84px;width:84px;height:84px;border-radius:15px;object-fit:contain}
.aw-game-tile strong{display:block;color:var(--pct-jade);font:800 24px/1.25 var(--display,Sora,Arial,sans-serif)}
.aw-game-tile span{display:inline-block;margin-top:9px;padding:3px 10px;border-radius:6px;background:var(--pct-jade);color:#fff0bd;font-size:13px;font-weight:700}
.aw-small{margin:17px 0!important;color:var(--muted,#66766b);font-size:14px;line-height:1.7}
.aw-identity{display:grid;gap:12px;margin:24px 0}
.aw-identity>span{display:flex;align-items:center;gap:8px;color:var(--pct-jade);font-size:15px;line-height:1.4}
.aw-identity>.pct-icon{color:var(--pct-jade)}
.aw-link-actions{display:flex;flex-wrap:wrap;align-items:center;gap:18px;margin-top:23px}
.aw-link-actions .button{min-height:52px}
.aw-note{margin:17px 0 0!important;padding:12px 14px;border-left:3px solid #c28a24;background:#fff7e4;color:#655d42;font-size:14px;line-height:1.65}
.aw-controls{display:flex;justify-content:space-between;gap:10px;margin-top:18px}
.aw-controls button{display:flex;align-items:center;gap:8px;min-height:44px;padding:9px 13px;border:1px solid #c7cfb8;border-radius:9px;background:#fffdfa;color:var(--pct-jade);font-size:13px}
.aw-controls button:disabled{opacity:.4}
.aw-wallet-title{display:flex;align-items:center;gap:10px;color:var(--pct-jade);font-size:18px;line-height:1.4}
.aw-deposit-value{display:flex;flex-direction:column;gap:6px;margin:23px 0;padding:20px;border-radius:15px;background:#fff0bd;color:var(--pct-jade)}
.aw-deposit-value>span{font-size:14px}
.aw-deposit-value>strong{font:800 35px/1.2 var(--display,Sora,Arial,sans-serif);color:var(--pct-jade);font-variant-numeric:tabular-nums;letter-spacing:-1px}
.aw-code{margin-bottom:20px;padding:16px;border:1px dashed #a7b798;border-radius:10px;background:#f0f3e5;color:var(--pct-jade);font-size:13px;font-weight:700;letter-spacing:.8px;overflow-wrap:anywhere}
.aw-pasted{display:flex;align-items:center;gap:9px;margin:20px 0;padding:12px;border-radius:10px;background:#edf3e4;color:var(--pct-jade);font-size:13px}
.aw-payment-details{margin:22px 0!important}
.aw-payment-details>div{display:flex;justify-content:space-between;gap:15px;padding:13px 0;border-bottom:1px solid var(--pct-line);font-size:14px;line-height:1.5}
.aw-payment-details dt{color:var(--muted,#66766b)}
.aw-payment-details dd{max-width:59%;text-align:right;color:var(--pct-jade);font-weight:700}
.aw-payment-details .aw-value{font:800 25px/1.3 var(--display,Sora,Arial,sans-serif);letter-spacing:-.5px}
.aw-finished{margin-top:23px;padding:17px;border:1px solid #9eb58f;border-radius:12px;background:#e9f1df;color:var(--pct-jade)}
.aw-finished>strong{display:flex;align-items:center;gap:8px;color:var(--pct-jade);font-size:17px;line-height:1.4}
.aw-finished p{margin-top:11px;font-size:14px;line-height:1.75}
@container accesstool (max-width:650px){.pct-result{display:block}.pct-result>.button{margin-top:19px}.aw-model{padding:20px}.aw-model-label{margin:-20px -20px 20px}}
@media(max-width:600px){.platform-choice-tool,.access-walkthrough{padding:18px 13px;border-radius:18px}.pct-scenarios{grid-template-columns:1fr;gap:7px}.pct-scenarios button{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:60px;padding:12px 15px}.pct-scenarios button span{margin:0;max-width:48%;text-align:right}.pct-heading h3{font-size:22px}.pct-result{padding:17px}.pct-result>.button{width:100%}.pct-list-header h4{font-size:19px}.pct-check-footer{display:block}.pct-reset{margin-top:13px}.pct-brand-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pct-brand-example{height:82px}.aw-nav a{flex-direction:column;align-items:flex-start;gap:6px;padding:9px 8px;font-size:12px}.aw-top{gap:10px}.aw-kicker{font-size:14px}.aw-counter{font-size:17px}.aw-scene-title h3{font-size:20px}.aw-model{padding:17px;border-width:3px}.aw-model-label{margin:-17px -17px 18px;font-size:10px}.aw-game-tile{padding:11px;gap:12px}.aw-game-tile img{flex-basis:66px;width:66px;height:66px}.aw-game-tile strong{font-size:20px}.aw-catalog-tabs{gap:14px;font-size:12px}.aw-search strong{font-size:19px}.aw-provider{gap:8px}.aw-provider>strong{font-size:16px}.aw-provider>span{font-size:11px}.aw-link-actions .button{width:100%}.aw-wallet-title{font-size:16px}.aw-deposit-value>strong{font-size:30px}}
@container accesstool (max-width:280px){.aw-provider{flex-wrap:wrap}.aw-provider>span{flex-basis:100%;justify-content:flex-end}.aw-game-tile strong{font-size:17px}.aw-game-tile img{flex-basis:54px;width:54px;height:54px}.aw-payment-details>div{display:block}.aw-payment-details dd{max-width:none;text-align:left;margin-top:6px}.aw-identity>span{flex-wrap:wrap}}
@media(max-width:800px){body.platform-choice-in-view .mobile-dock{display:none!important}}

html.image-viewer-open{overflow:hidden;scroll-behavior:auto!important}
[data-image-viewer]{cursor:zoom-in}
.image-viewer{position:fixed;inset:0;width:calc(100% - 48px);max-width:1440px;height:calc(100vh - 48px);height:calc(100dvh - 48px);max-height:none;margin:auto;padding:0;border:1px solid #ffffff30;border-radius:20px;color:#fff5e7;background:var(--jade-deep,#20192e);box-shadow:0 18px 90px #0008;overflow:hidden}
.image-viewer[open]{display:grid;grid-template-rows:auto minmax(0,1fr) auto}
.image-viewer::backdrop{background:#09070ee8;backdrop-filter:blur(5px)}
.iv-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 20px;border-bottom:1px solid #ffffff26}
.iv-toolbar h2{margin:0;font:600 20px/1.4 var(--display,sans-serif);letter-spacing:-.3px;color:#fff5e7}
.iv-actions{display:flex;align-items:center;gap:10px;flex-shrink:0}
.iv-actions button{display:inline-flex;align-items:center;justify-content:center;min-width:48px;min-height:48px;margin:0;padding:10px 16px;border:1px solid #ffffff60;border-radius:10px;background:transparent;color:#fff5e7;font:700 15px/1.4 var(--body,sans-serif);cursor:pointer}
.iv-actions button:hover{background:#ffffff15}.iv-actions button[aria-pressed=true]{background:var(--gold,#f6c65b);border-color:var(--gold,#f6c65b);color:var(--jade-deep,#20192e)}
.iv-actions .iv-close{padding:10px;background:#ffffff12}.image-viewer :focus-visible{outline:3px solid var(--gold,#f6c65b);outline-offset:3px}
.iv-viewport{position:relative;min-width:0;min-height:0;overflow:auto;overscroll-behavior:contain;touch-action:auto;background:#111018;scroll-behavior:auto}
.iv-viewport:focus-visible{outline-offset:-4px}
.iv-stage{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr);place-items:center;width:100%;height:100%;padding:16px}
.iv-stage img{display:block;min-width:0;min-height:0;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;cursor:zoom-in}
.iv-zoomed .iv-stage{display:flex;align-items:center;justify-content:center;width:max-content;height:max-content;min-width:100%;min-height:100%}
.iv-zoomed .iv-stage img{flex:none;max-width:none;max-height:none;cursor:zoom-out}
.iv-caption{max-height:5.2em;margin:0;padding:12px 20px;overflow:auto;border-top:1px solid #ffffff26;font-size:14px;line-height:1.6;color:#f0e4d5;overscroll-behavior:contain}
.iv-status{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:calc(100% - 48px);max-width:460px;margin:0;text-align:center;font-size:16px;line-height:1.6;color:#fff5e7}
@media(max-width:600px){.image-viewer{width:calc(100% - 16px);height:calc(100vh - 16px);height:calc(100dvh - 16px);border-radius:14px}.iv-toolbar{gap:8px;padding:10px}.iv-toolbar h2{font-size:16px}.iv-actions{gap:6px}.iv-actions button{min-width:46px;min-height:46px;padding:9px 11px;font-size:14px}.iv-actions .iv-close{padding:9px}.iv-stage{padding:10px}.iv-caption{padding:10px 13px;font-size:13px;max-height:6.2em}}