/* Jogo do Dragão — midnight plum, porcelain and tangerine. Shared functional foundation. */
@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:#37223f;--jade-deep:#20192e;--jade-bright:#70466e;--gold:#f6c65b;--gold-deep:#c88b29;--gold-dark:#94611d;--gold-light:#fff0c8;--tangerine:#ff9a53;--tangerine-dark:#d5672a;--coral:#cb604c;--game-red:var(--coral);--paper:#fcf8f2;--paper-deep:#f1e8e1;--white:#fffcf8;--ink:#302b3b;--muted:#746878;--line:#dfd2da;--red:var(--jade);--red-deep:var(--jade-deep);--red-dark:#181320;--display:"Sora","Arial Black",sans-serif;--body:"Manrope",Arial,sans-serif;--radius:18px;--shadow:0 15px 40px #39213d0b}
*,*::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,body:has(.menu-toggle[aria-expanded="true"]){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:1280px;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:#e3d5e4;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:#e3d5e4;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(31 18 30 / 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:#ece1ee;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 #d9c1dc;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:#6e596e;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,.button-tangerine{border-color:#e5823e;color:#2d1b29;background:var(--tangerine);box-shadow:0 4px 0 #bd602a}
.button-gold:hover,.button-tangerine:hover{background:#ffb575;border-color:#ee9252;transform:translateY(-1px)}
.button-outline{border-color:#bba8bc;color:var(--jade);background:transparent}
.button-outline:hover{border-color:var(--jade);background:#ece2ee}
.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:#ac8faf;color:var(--jade);background:#ede3ef}.button-secondary:hover{border-color:var(--jade);background:#e2d1e5}
.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 #764973;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 #502d4d}
.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:#ece0ed;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:#3a2038}
.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 typographic plum stage for the green dragon. */
.hero{position:relative;isolation:isolate;overflow:clip;padding:63px 0 59px;color:#fff3e3;background:var(--jade-deep)}
.hero::before{content:"";position:absolute;z-index:-1;inset:0 0 0 49%;background:#332039;clip-path:polygon(28% 0,100% 0,100% 100%,0 100%);pointer-events:none}
.hero-grid{display:grid;grid-template-columns:minmax(0,1.04fr) minmax(0,.96fr);align-items:center;gap:32px}.hero-copy{position:relative;z-index:3;min-width:0;padding:10px 0 24px}
.hero .eyebrow{display:inline-flex;align-items:center;gap:9px;margin-bottom:24px;color:#e8c4b0;letter-spacing:1.4px}.hero .eyebrow::before{content:"";width:8px;height:8px;border-radius:2px;background:var(--tangerine);transform:rotate(45deg)}
.hero .eyebrow:has(.live-dot)::before{display:none}
.hero h1{max-width:780px;margin:0 0 25px;color:#fff7e8;font-size:clamp(50px,5.5vw,82px);line-height:1.025;letter-spacing:-3.7px}.hero h1 span{display:block;margin-top:14px;color:var(--tangerine);font-size:.72em;line-height:1.14;letter-spacing:-2.1px}
.hero-lead{max-width:590px;margin:0;color:#d1bbc9;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:#896a82;color:#fff1dc;background:#ffffff03}.hero .button-outline:hover,.cta-band .button-outline:hover{border-color:var(--tangerine);background:#50314e}.hero-note{max-width:560px;margin:20px 0 0;color:#bda6b8;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:490px;margin:0;padding-bottom:11px}.hero-art::before{content:"";position:absolute;z-index:-1;left:6%;bottom:8%;width:92%;aspect-ratio:1;border:1px solid #d38b6938;border-radius:43% 57% 54% 46%;background:#96584b30;transform:rotate(-23deg)}.hero-art::after{content:"";position:absolute;z-index:-1;left:17%;bottom:13%;width:77%;height:28%;border:1px solid #ca92654a;border-radius:50%;transform:rotate(-20deg)}
.hero-art>img,.hero-art>picture{position:relative;z-index:1;display:block;width:100%;max-height:585px;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 22px 22px #110d263b)}.hero-art picture img{display:block;width:100%;max-height:585px;object-fit:contain;object-position:center bottom}
.dragon-wordmark{position:absolute;z-index:0;top:7%;left:-3%;color:transparent;font:800 clamp(70px,7.9vw,118px)/1 var(--display);letter-spacing:-6px;white-space:nowrap;-webkit-text-stroke:1px #d6a98252;transform:rotate(-9deg);pointer-events:none}
.hero-label{position:absolute;z-index:3;right:-5px;bottom:23px;display:flex;align-items:center;gap:12px;max-width:245px;padding:14px 18px;border:1px solid #ffd3a0;border-radius:9px 22px 9px 22px;color:#312037;background:#ffb775;box-shadow:0 7px 0 #160d2936;transform:rotate(4deg)}.hero-label strong{font:800 43px/1 var(--display);letter-spacing:-2px}.hero-label span{font-size:13px;font-weight:700;line-height:1.4}
.hero-orbit{position:absolute;z-index:0;right:1%;bottom:8%;width:94%;height:18%;border:1px solid #d4a16852;border-radius:50%;transform:rotate(-18deg)}.hero-spark{position:absolute;z-index:2;left:3%;top:23%;color:var(--gold);font-size:37px;line-height:1;transform:rotate(-13deg)}.hero-art figcaption{position:absolute;z-index:3;left:0;bottom:8px;max-width:190px;padding:8px 11px;border:1px solid #86647f;border-radius:8px;color:#f5d8bc;background:var(--jade);font-size:13px;line-height:1.5}
.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 #f6c65b17}.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:6px;font-size:12px;font-weight:700;line-height:1.2;vertical-align:middle}.hero-note .age-badge{margin-left:12px;color:#cbb9c4}.small{color:var(--muted);font-size:14px;line-height:1.7}
.hero-stats{padding:27px 0;border-bottom:1px solid var(--line);color:var(--jade);background:var(--white)}.hero-stats>.wrap{display:grid;grid-template-columns:repeat(5,minmax(0,1fr))}.stat{display:flex;align-items:center;justify-content:center;gap:14px;min-width:0;padding:5px 18px}.stat+.stat{border-left:1px solid var(--line)}.stat>svg,.stat>img,.stat-icon{flex:0 0 39px;width:39px;height:39px;color:#8b527d;object-fit:contain}.stat strong{display:block;color:var(--jade);font:800 24px/1.2 var(--display);letter-spacing:-.9px}.stat small,.stat span:not(.stat-icon){display:block;margin-top:5px;color:var(--muted);font-size:14px;line-height:1.45}.stat a{color:inherit;text-decoration:none}.stat a:hover{text-decoration:underline}

/* 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:29px;border:1px solid var(--line);border-radius:12px 28px 12px 12px;background:var(--white);box-shadow:0 5px 0 #e6d8df33}
.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:#dfcde0}
.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:#e6d7e8}
.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:55px;padding:25px 0 42px;border:0;border-bottom:1px solid var(--line);border-radius:0;background:transparent}
.article-hero>div{min-width:0}.article-hero-art{overflow:hidden;border:1px solid #c6adc1;border-radius:14px 40px 14px 14px;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:#695268;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:#3d223c;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:#4d2c4c;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 19px;border:1px solid var(--line);border-top:4px solid var(--tangerine);border-radius:4px 16px 16px 16px;background:#fffaf6}
.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 #dcc9df}
.article-toc li:last-child{border-bottom:0}
.article-toc a{display:block;min-height:44px;padding:12px 0;color:#6b4c6b;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 #dbc5de}.article-toc nav>a:last-child{border-bottom:0}.article-toc nav>a>span{flex:0 0 19px;padding-top:1px;color:#906895;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:#6b5370;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 #d8c0db;border-left:5px solid var(--jade-bright);border-radius:0 15px 15px 0;background:#ede2ef}
.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:#e9dbea;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 #d2bdd6;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:#ebe0ed}
.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:#705374;font-size:16px;line-height:1.75}
.faq-list{margin:28px 0;border-top:1px solid #d1bad4}
.faq-list details{border-bottom:1px solid #d1bad4;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:#644e65;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 #d4bdd7;border-radius:16px;color:var(--jade);background:#f2f3e5;text-decoration:none}
.related-grid>a:hover{border-color:var(--jade-bright);background:#eaddec}
.related-grid h3{margin:0 0 10px;font-size:20px}
.related-grid strong{color:var(--jade)}
.related-grid p{margin:0;color:#725576;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 #d3bbd7;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:#705472;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:#715875;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 #cdb4d1;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:#705174;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 #dcc7e0;border-radius:7px;color:#644667;background:#efe6f1;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 #cfb4d3;border-radius:18px;background:#eadeec}
.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:#725376;font-size:15px;line-height:1.7}
.platform-demo-callout .button{flex-shrink:0}

/* A real game frame, expressive feature tiles and an asymmetric route block. */
.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:#6e5570;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 #ceb5c4;border-radius:28px 90px 28px 28px;background:#ece3eb}
.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(57 34 60 / 17%)}
.phone-stage figcaption{margin-top:17px;color:#704d75;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 #ceb7d2}
.spec-grid>div{min-width:0;padding:16px 0;border-bottom:1px solid #ceb7d2}.spec-grid dt{color:#7c5c82;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.15fr) minmax(0,.85fr);align-items:center;gap:60px;padding:49px 60px;border:1px solid #644b69;border-radius:34px 12px;color:#d5c2d1;background:var(--jade-deep)}
.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:#bf9ec2;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(17 9 16 / 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(15 9 15 / 30%)}
.route-grid{gap:22px}.route-card{position:relative;min-height:330px;color:var(--jade);text-decoration:none}.route-card:hover{border-color:#98699e;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:#aa85af}.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:#705d71;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 #ccb1d1;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:#3f233d;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:#725176;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:#6e5471}.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:#735377;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 #764f78;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(12 6 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:#dfc9e1;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:#211320}
.demo-frame iframe{display:block;width:100%;height:100%;border:0;background:#211320}
.control-bar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;padding:15px 18px;border-bottom:1px solid #663f65;color:#e4d4e7;background:#2c182a}
.control-group{display:flex;align-items:center;flex-wrap:wrap;gap:7px}
.control-group>span{margin-right:4px;color:#d8c0db;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 #7e5a81;border-radius:8px;color:#f0ebc9;background:#3f233d;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:#dfcae1;background:#2b182a;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:#66436a;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:#8c6a91;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 #5f355d;border-radius:16px;color:#e3d0e5;background:var(--jade)}
.calc-result>span,.calc-result>p{margin:0 0 10px;color:#dac4de;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:#c9a8cd;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:#d9c0db;font-size:17px;line-height:1.75}
.cta-band .button{flex-shrink:0;min-width:205px}
.site-footer{padding:55px 0 0;color:#d9c5db;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:#c2aac3;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:#d6bdd8;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 #553153;color:#b79db8;font-size:13px;line-height:1.7}
.footer-bottom p{margin:0}
.footer-bottom a{color:#caabcf}
.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(51 28 50 / 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(15 8 14 / 27%));animation:dragon-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(139 78 139 / 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:dragon-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:dragon-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(19 11 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:#725875;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:#6f4871;font-size:14px;font-weight:700;line-height:1.7}.conversion-copy>small{color:#806584;font-size:13px;line-height:1.7}
@keyframes dragon-float{0%,100%{transform:translateY(3px) rotate(-.3deg)}50%{transform:translateY(-7px) rotate(.3deg)}}
@keyframes dragon-orbit{to{transform:rotate(360deg)}}
@keyframes dragon-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,1.1fr) minmax(0,.9fr);align-items:center;overflow:hidden;margin:30px 0;border:1px solid #d7bfce;border-radius:26px 12px;color:var(--ink);background:#f1e6ec}
.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:31px;color:var(--muted)}.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:#ddc8e0;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(46 26 45 / 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:#77597b;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}

/* Dragon-specific compositions, preserving the native modules' public selectors. */
.button{border-radius:10px}
.site-header{--header-height:88px;color:#f8eee6;background:var(--jade-deep);border-bottom-color:#6f526940}
.header-main{min-height:88px}.brand-icon{flex-basis:49px;width:49px;height:49px}
.brand-copy small{color:#d4ac91}.brand-copy strong{color:#fff4e7}
.desktop-nav a,.nav-more>summary{color:#e4d7df}
.desktop-nav a[aria-current="page"],.nav-more[data-current="true"]>summary{color:var(--tangerine);box-shadow:inset 0 -2px var(--tangerine)}
.nav-more-panel{background:var(--white);max-height:calc(100dvh - 110px)}.nav-more-panel>p{font-size:12px}
.mobile-nav{max-height:calc(100dvh - var(--header-height) - 16px)}
body.menu-open .mobile-dock,body:has(.menu-toggle[aria-expanded="true"]) .mobile-dock{display:none}
.section{padding:82px 0}.section-head h2{font-size:clamp(31px,3.3vw,45px)}
.feature-card h3{font-size:24px}.feature-card .feature-number{font-size:50px;color:#9e557e}
.feature-card>img{width:calc(100% + 58px);margin:-29px -29px 25px}
.feature-card .feature-icon{width:61px;height:61px;border-radius:50%;background:#ffe3b9;color:var(--jade)}
.feature-grid-three .feature-card .eyebrow{font-size:12px}
.article-hero h1{font-size:clamp(37px,3.8vw,56px);line-height:1.12;letter-spacing:-2.1px}
.article-hero .lead{color:#786577}.article-content strong{color:#452c47}.article-section h2{font-size:34px}.article-section h3{font-size:25px}
.article-layout{grid-template-columns:224px minmax(0,1fr);gap:54px}
.article-toc a{color:#806879}.article-toc nav>a>span{color:#ba8d9f}
.info-box,.callout{border-left-width:4px;border-radius:4px 16px 16px 4px;background:#f4eaf0}
.info-box.gold,.callout.gold{background:#fff1d4}.info-box.red,.callout.red{background:#fff0e8}
.info-box.dark,.callout.dark{color:#dfcad9;background:var(--jade)}
.step-card{border-radius:15px;background:#fffaf4}.step-card .step-number,.step-card:not(:has(.step-number))::before{border:0;border-radius:50%;color:#ffdbb0;background:var(--jade)}
.faq-list{display:grid;gap:11px;border:0}.faq-list details{border:1px solid var(--line);border-radius:12px;background:var(--white)}
.faq-list summary{padding:20px 23px;min-height:76px}.faq-list summary::after{border:0;border-radius:8px;color:#734225;background:#ffe3c0}
.faq-list details[open]{border-color:#bca0b4;background:#fff7ef}.faq-list details>div,.faq-list details>p{padding:0 23px 24px;color:#796474}
.route-grid{display:grid;grid-template-columns:1.05fr 1fr 1fr;gap:22px}
.route-card{min-height:275px}.route-card:hover{border-color:#b18aa8;background:#fff4e8}.route-card .route-number{margin-bottom:58px;color:#ae7b91;font-size:29px}
.feature-card.route-card>img{top:24px;right:24px;width:95px;height:85px;max-width:110px;background:#302638}
.route-card:is(.route-card-featured,.featured){grid-row:span 2;padding:33px;border-radius:30px 12px 12px 12px;color:#fff0df;background:var(--jade)}
.route-card:is(.route-card-featured,.featured):hover{background:#432a4c}
.route-card:is(.route-card-featured,.featured) .route-number{margin-bottom:228px;color:#d5a283;font-size:46px}
.feature-card.route-card:is(.route-card-featured,.featured)>img{top:112px;left:calc(50% - 95px);right:auto;width:190px;height:169px;max-width:190px;border-radius:22px}
.route-card:is(.route-card-featured,.featured) h3{color:#fff1db;font-size:32px;line-height:1.2}
.route-card:is(.route-card-featured,.featured) p{color:#d5bfcd}.route-card:is(.route-card-featured,.featured) .text-link{color:var(--tangerine)}
.home-demo-banner .eyebrow{color:#e8ad82}.home-demo-banner h2{color:#fff2df}.home-demo-banner .small{color:#b29caf}
.demo-banner-art img{transform:rotate(-5deg)}.demo-play-mark{background:var(--tangerine)}
.game-feature-banner{display:grid;grid-template-columns:minmax(160px,.65fr) minmax(0,1.35fr);align-items:center;gap:30px;margin:28px 0;padding:30px;border:1px solid var(--line);border-radius:14px 28px 14px 14px;background:var(--white)}
.game-feature-banner>img{display:block;width:100%;max-width:240px;max-height:460px;margin:auto;object-fit:contain;border-radius:14px}.game-feature-banner h3{margin:0 0 17px}.game-feature-banner p{font-size:16px}.game-feature-banner .button{min-height:52px}
.scene-copy .eyebrow{color:#9b5a76}.scene-copy h2,.scene-copy h3,.scene-copy strong{color:var(--jade)}.scene-copy p{color:#7a6475}.scene-copy .text-link{color:var(--jade-bright)}
.page-demo .article-hero{padding:20px 0 23px}.demo-stage{border-radius:19px}.demo-cover{min-height:425px}.demo-overlay h2,.demo-overlay h3{color:#fff3df}.demo-overlay p{color:#ddc4d4}.demo-overlay .eyebrow{margin:0 0 8px;color:#edb082}
.demo-frame,.demo-frame iframe{background:var(--jade-deep)}.control-bar{background:#2d2037}.control-group button,.control-bar>.button{background:#48304d;color:#f1e3eb;border-color:#8d6b88}.control-group button[aria-pressed="true"],.control-group button.is-active{color:#372236;background:var(--gold)}
.demo-fallback{color:#d9c1d2;background:#2c2037}.demo-fallback a{color:#ffcc91!important}.calculator{border-radius:17px;background:#fff0dc}.calc-result{background:var(--jade)}
.cta-band{border-top:1px solid #805c7759}.cta-band .eyebrow{color:#e8a77d}.cta-band p{color:#d0b4c7}
.site-footer{background:var(--jade-deep)}.footer-grid p{color:#bda2b7}.footer-grid a:not(.brand){color:#d2b9ca}.footer-grid a:hover{color:var(--tangerine)}.footer-bottom{color:#ab8ea6;border-top-color:#58405d}
.conversion-page{background:#f3eae6}.conversion-card{border-color:#75566e;border-radius:35px 14px;color:#f4dfd1;background:var(--jade-deep);box-shadow:0 21px 50px #39213b1a}
.conversion-art{min-height:620px;background:#36213d}.conversion-art>img{max-height:555px;animation-duration:8s}
.conversion-aura::before{inset:7% -10% 10%;border-radius:46% 54% 43% 57%;background:radial-gradient(ellipse,#d4845b2e,transparent 70%);transform:rotate(-20deg)}
.conversion-orbit{border-color:#f6c65b3b;border-radius:30%;animation:none;transform:rotate(24deg)}.orbit-one{top:20%;left:7%;width:86%}.orbit-two{top:24%;left:-7%;width:114%;border-color:#f6c65b1c;transform:rotate(-16deg)}
.conversion-feature{border-color:#ffd6a0;border-radius:9px 19px;background:#ffb775;transform:rotate(4deg)}
.conversion-copy .eyebrow{color:#e7aa83}.conversion-copy h1,.conversion-copy h2{color:#fff3df}.conversion-copy h1 span{color:var(--tangerine)}.conversion-copy p{color:#d4bdce}.conversion-copy>.text-link{color:#f4c28f}.conversion-copy .conversion-facts{border-color:#684e6c;color:#cfb0c7}.conversion-copy>small{color:#b194ac}
@media(max-width:1100px){
 .site-header{--header-height:80px}.header-main{min-height:80px}.hero h1{font-size:clamp(47px,5.8vw,68px)}.hero-art{min-height:440px}.dragon-wordmark{font-size:8vw}
 .article-hero{padding:25px 0 40px}.article-layout{grid-template-columns:208px minmax(0,1fr);gap:35px}
 .feature-card{padding:24px}.feature-card>img{width:calc(100% + 48px);margin:-24px -24px 23px}
 .route-card:is(.route-card-featured,.featured){padding:28px}.route-card:is(.route-card-featured,.featured) h3{font-size:28px}.route-card:is(.route-card-featured,.featured) .route-number{margin-bottom:205px}.feature-card.route-card:is(.route-card-featured,.featured)>img{top:105px;left:calc(50% - 80px);width:160px;height:143px}
}
@media(max-width:900px){
 .article-layout{grid-template-columns:minmax(0,1fr);gap:33px}.article-toc{position:static}
 .route-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.route-card:is(.route-card-featured,.featured){grid-column:1/-1;grid-row:auto;min-height:310px;padding-right:44%}.route-card:is(.route-card-featured,.featured) .route-number{margin-bottom:24px}.feature-card.route-card:is(.route-card-featured,.featured)>img{top:50%;left:auto;right:8%;transform:translateY(-50%);width:180px;height:160px;max-width:36%}
}
@media(max-width:800px){
 .hero{padding:43px 0 40px}.hero::before{inset:42% 0 0 0;clip-path:polygon(0 24%,100% 0,100% 100%,0 100%)}.hero-art{width:min(100%,490px);min-height:350px}.hero-art::before{inset:auto;left:6%;bottom:8%;width:92%}.hero-art::after{inset:auto;left:17%;bottom:13%;width:77%;height:28%;border-width:1px}.dragon-wordmark{left:0;top:8%;font-size:90px}.hero-label{left:auto;right:0;bottom:17px}.hero-spark{right:auto;left:2%}
 .hero-stats{display:block;padding:6px 0}.hero-stats>.wrap{grid-template-columns:repeat(6,minmax(0,1fr))}.stat{grid-column:span 2;flex-direction:column;justify-content:center;gap:9px;min-height:119px;padding:15px 8px;text-align:center;border:0}.stat+.stat{border-left:1px solid var(--line)}.stat:nth-child(n+3){border-top:0}.stat:nth-child(4),.stat:nth-child(5){grid-column:span 3;border-top:1px solid var(--line)}.stat:nth-child(4){border-left:0}.stat strong{font-size:22px}.stat small,.stat span:not(.stat-icon){font-size:13px}
 .section{padding:61px 0}.article-hero{padding:22px 0 35px}.phone-stage{border-top-right-radius:62px}.home-demo-banner{border-radius:25px 12px}
 .conversion-art{min-height:315px;max-height:345px}.conversion-art>img{max-height:300px}.orbit-one{top:-5%;left:18%;width:64%}.orbit-two{top:-19%;left:3%;width:94%}
}
@media(max-width:600px){
 .site-header{--header-height:74px}.header-main{min-height:74px}.brand-icon{flex-basis:45px;width:45px;height:45px}
 .hero{padding:34px 0 30px}.hero .eyebrow{margin-bottom:20px;font-size:12px}.hero h1{font-size:47px;letter-spacing:-2.4px}.hero h1 span{margin-top:11px;font-size:.74em;letter-spacing:-1.2px}.hero-art{width:100%;min-height:315px;padding-bottom:66px}.hero-art>img,.hero-art>picture,.hero-art picture img{max-height:400px}.dragon-wordmark{top:7%;font-size:19.6vw;letter-spacing:-4px}.hero-label{left:auto;right:0;bottom:0;max-width:221px;gap:10px;padding:11px 14px}.hero-label strong{font-size:36px}.hero-label span{font-size:12px}.hero-spark{top:15%;font-size:30px}
 .stat{gap:8px;min-height:118px;padding:14px 5px}.stat strong{font-size:20px}.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:49px 0}.section-head h2{font-size:33px}.feature-card{padding:24px}.feature-card>img{width:calc(100% + 48px);margin:-24px -24px 22px}.feature-card h3{font-size:24px}
 .article-hero{padding:21px 0 30px}.article-hero h1{font-size:36px;letter-spacing:-1.5px;line-height:1.15}.article-hero-art img{max-height:290px}.article-section h2{font-size:29px}.article-section h3{font-size:24px}.article-toc a{font-size:14px}
 .route-grid{grid-template-columns:minmax(0,1fr);gap:18px}.route-card{min-height:285px}.route-card .route-number{margin-bottom:60px}.feature-card.route-card>img{top:24px;right:24px}.route-card:is(.route-card-featured,.featured){grid-column:auto;min-height:440px;padding:27px}.route-card:is(.route-card-featured,.featured) .route-number{margin-bottom:155px}.feature-card.route-card:is(.route-card-featured,.featured)>img{top:40px;left:auto;right:27px;width:150px;height:134px;max-width:50%;transform:none}.route-card:is(.route-card-featured,.featured) h3{font-size:30px}
 .faq-list summary{padding:18px;min-height:69px}.faq-list details>div,.faq-list details>p{padding:0 18px 22px}.game-feature-banner{grid-template-columns:minmax(0,1fr);gap:25px;padding:23px}.game-feature-banner>img{max-height:380px;width:auto;max-width:100%}
 .page-demo .article-hero{padding:17px 0 20px}.page-demo .article-hero h1{font-size:32px}.page-demo .demo-stage{margin-top:18px}.demo-cover{min-height:278px}
 .conversion-page{padding:25px 0 50px}.conversion-card{border-radius:25px 12px}.conversion-art{min-height:265px;max-height:285px;padding:15px 20px 20px}.conversion-art>img{max-height:247px}.conversion-copy h1,.conversion-copy h2{font-size:35px}
}
@media(max-width:360px){
 .hero h1{font-size:42px}.hero-art>img,.hero-art>picture,.hero-art picture img{max-height:350px}.hero-label{max-width:210px}.hero-label strong{font-size:32px}.stat strong{font-size:18px}.stat>svg,.stat>img,.stat-icon{width:31px;height:31px;flex-basis:31px}.article-hero h1{font-size:32px}.section-head h2{font-size:30px}.article-section h2{font-size:27px}
}

.about-page .author-profile{padding-bottom:64px;align-items:center}
.about-page .author-profile>div{min-width:0}
.about-page .author-profile p:not(.eyebrow):not(.lead){color:var(--muted);font-size:17px;line-height:1.85}
.about-page .author-profile strong{color:var(--ink);font-weight:700}
.about-page .author-profile .eyebrow{color:var(--jade-bright)}
.about-jumps{display:flex;flex-wrap:wrap;gap:10px;margin-top:27px}
.about-jumps a{display:inline-flex;align-items:center;min-height:42px;padding:9px 15px;border:1px solid var(--line);border-radius:24px;background:var(--white);color:var(--jade);font-size:13px;font-weight:700;text-decoration:none}
.about-jumps a:hover{border-color:var(--jade-bright);background:var(--gold-light)}
.about-page section[id]{scroll-margin-top:105px}
.about-split{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:60px;align-items:start}
.about-page .about-split h2,.about-page .about-contact-grid h2{margin:0 0 22px;color:var(--jade);font-family:var(--display);font-size:clamp(29px,3.1vw,43px);line-height:1.2;letter-spacing:-1.4px}
.about-split>div>p:not(.eyebrow){font-size:17px;line-height:1.85;color:var(--muted);margin-top:0;margin-bottom:20px}
.about-split strong{color:var(--ink)}
.about-routes{display:flex;flex-wrap:wrap;gap:14px 25px;margin-top:25px}
.about-routes .text-link{margin:0;line-height:1.6}
.about-timeline{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;list-style:none;margin:0;padding:0}
.about-timeline li{position:relative;padding:24px 24px 27px;border:1px solid var(--line);border-top:4px solid var(--jade-bright);border-radius:0 0 16px 16px;background:var(--white)}
.about-period{display:inline-block;color:var(--jade-bright);font-size:12px;font-weight:800;letter-spacing:1.1px;margin-bottom:19px}
.about-timeline h3,.about-method h3{margin:0 0 15px;color:var(--jade);font-family:var(--display);font-size:21px;line-height:1.4;letter-spacing:-.65px}
.about-timeline p,.about-method p{margin:0;color:var(--muted);font-size:16px;line-height:1.8}
.about-method{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.about-method article{padding:28px;border:1px solid var(--line);border-radius:18px;background:var(--white)}
.about-step{display:flex;align-items:center;justify-content:center;width:47px;height:47px;margin-bottom:22px;border-radius:50%;background:var(--gold-light);color:var(--jade);font-family:var(--display);font-size:19px;font-weight:800}
.about-contact-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:70px;align-items:start}
.about-skills{list-style:none;padding:0;margin:28px 0 0}
.about-skills li{position:relative;padding:14px 0 14px 24px;border-bottom:1px solid var(--line);font-size:16px;line-height:1.65;color:var(--ink)}
.about-skills li::before{content:"";position:absolute;left:2px;top:23px;width:8px;height:8px;border:2px solid var(--jade-bright);transform:rotate(45deg)}
.about-contact{padding:35px;border-radius:22px;background:var(--jade-deep);color:var(--paper)}
.about-contact .eyebrow{color:var(--gold)}
.about-page .about-contact h2{color:var(--paper);font-size:29px;line-height:1.3;letter-spacing:-.8px}
.about-contact p:not(.eyebrow){color:var(--paper);font-size:16px;line-height:1.8;margin:0 0 22px}
.about-email{display:block;color:var(--gold);font-size:16px;font-weight:700;overflow-wrap:anywhere;text-underline-offset:5px;line-height:1.8}
.about-contact p.about-disclosure{margin:26px 0 0;padding-top:22px;border-top:1px solid #ffffff38;font-size:13px;line-height:1.8;color:var(--paper)}
.about-contact a:focus-visible{outline-color:var(--gold)}
@media(max-width:1000px){.about-split{gap:35px}.about-contact-grid{gap:35px}.about-method{gap:16px}.about-method article{padding:23px}.about-timeline{gap:16px}.about-timeline li{padding:23px 20px}.about-contact{padding:28px}}
@media(max-width:800px){.about-page .author-profile{grid-template-columns:220px minmax(0,1fr);align-items:start;gap:30px}.about-page .author-profile h1{font-size:36px}.about-page .author-profile p:not(.eyebrow):not(.lead){font-size:16px}.about-split{grid-template-columns:1fr;gap:10px}.about-page .about-split h2 br{display:none}.about-timeline,.about-method{grid-template-columns:1fr}.about-timeline li{padding:24px}.about-period{margin-bottom:12px}.about-method article{padding:25px}.about-step{margin-bottom:17px}.about-contact-grid{grid-template-columns:1fr;gap:35px}.about-skills{margin-top:20px}.about-contact{padding:30px}}
@media(max-width:600px){.about-page .author-profile{grid-template-columns:1fr;padding-bottom:45px;gap:25px}.about-page .author-profile>img{width:210px;max-width:100%}.about-page .author-profile h1{font-size:34px}.about-page .author-profile .lead{font-size:19px}.about-jumps{gap:8px;margin-top:23px}.about-jumps a{font-size:12px;padding:9px 12px}.about-page .about-split h2,.about-page .about-contact-grid h2{font-size:30px;letter-spacing:-1px}.about-split>div>p:not(.eyebrow){font-size:16px}.about-contact{padding:25px 22px}.about-page .about-contact h2{font-size:26px}.about-email{font-size:15px}.about-routes{gap:13px}.about-timeline h3,.about-method h3{font-size:21px}.about-page section[id]{scroll-margin-top:95px}}

.cashier-guide {
  --cg-jade: var(--jade, #37223f);
  --cg-accent: var(--jade-bright, #70466e);
  --cg-gold: var(--gold, #ffb65f);
  --cg-paper: var(--white, #fffcf8);
  --cg-ink: var(--ink, #302b3b);
  --cg-muted: var(--muted, #746878);
  --cg-line: var(--line, #dfd2da);
  container: cashier / inline-size;
  margin: 30px 0 38px;
  padding: 28px;
  color: var(--cg-ink);
  background: var(--paper-deep, #f1e8e1);
  border: 1px solid var(--line, #dfd2da);
  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, #746878); 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, #dfd2da); 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: #f1dce5; }
.cashier-guide .cg-route-note { margin-top: 18px; padding-left: 2px; color: var(--muted, #746878); 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, #20192e); 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: #f1dce5; background: var(--jade-deep, #20192e); 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: #f1dce5; 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, #f1e8e1); 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: #70466e; background: #f4e8ef; }
.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, #37223f); 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 #c8a4ba; border-radius: 50%; background: #f7e9ef; color: #70466e; }
.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: #37223f; 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: #37223f; 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, #70466e); 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; }
}

.dragon-demo-help{display:grid;gap:12px;margin:24px 0}
.dragon-demo-help-item{overflow:hidden;border:1px solid var(--line,#d8ddcc);border-radius:16px;background:var(--paper,#fffdf6)}
.dragon-demo-help-item summary{display:flex;align-items:center;gap:14px;min-height:74px;padding:17px 20px;list-style:none;cursor:pointer}
.dragon-demo-help-item summary::-webkit-details-marker{display:none}
.dragon-demo-help-item summary>span{display:grid;place-items:center;width:38px;height:38px;flex:none;border-radius:12px;background:var(--jade,#163f35);color:var(--gold,#efc45e);font-size:23px}
.dragon-demo-help-item summary>strong{color:var(--ink,#183e35);font-size:17px;line-height:1.4}
.dragon-demo-help-item summary>i{margin-left:auto;font-style:normal;font-size:23px;color:var(--jade,#163f35)}
.dragon-demo-help-item[open] summary>i{transform:rotate(45deg)}
.dragon-demo-help-item[open]{border-color:var(--jade,#163f35)}
.dragon-demo-help-body{padding:0 22px 22px 72px}
.dragon-demo-help-body p{margin-top:0;max-width:66ch}
.dragon-demo-help-body a{display:inline-flex;align-items:center;min-height:44px}
.demo-start-facts{display:flex;flex-wrap:wrap;gap:9px;margin:20px 0 0;padding:0;list-style:none}
.demo-start-facts li{padding:7px 11px;border:1px solid currentColor;border-radius:99px;font-size:12px;font-weight:700;color:#f5db96}
.demo-disclosure a{color:inherit;text-decoration:underline}
.demo-observe-list{display:grid;gap:16px;margin:0;padding:0;list-style:none;counter-reset:observe}
.demo-observe-list li{position:relative;padding-left:47px;counter-increment:observe}
.demo-observe-list li::before{content:counter(observe,decimal-leading-zero);position:absolute;left:0;top:0;display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:var(--gold,#efc45e);color:var(--ink,#183e35);font-size:13px;font-weight:800}
.demo-observe-list h3{margin:0 0 7px;font-size:19px}
.demo-observe-list p{margin:0}
.demo-version-note{padding:17px 20px;border-left:4px solid var(--gold,#efc45e);border-radius:0 12px 12px 0;background:var(--cream,#f9f2df)}
.page-demo .demo-stage:fullscreen [data-demo-fallback]{display:none}
.page-demo .demo-stage:fullscreen [data-demo-status]{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.page-demo .demo-stage:fullscreen .control-bar{flex:none;justify-content:flex-end;padding:10px 14px}
.page-demo .demo-stage:fullscreen .control-group{margin-left:auto}
@media(max-width:600px){.dragon-demo-help-item summary{gap:10px;padding:15px}.dragon-demo-help-item summary>strong{font-size:16px}.dragon-demo-help-body{padding:0 16px 18px}.demo-start-facts{gap:6px}.demo-start-facts li{font-size:11px;padding:6px 9px}}

.demo-game-states{margin:25px 0 18px}
.demo-game-states-heading{display:flex;align-items:baseline;justify-content:space-between;gap:12px 28px;margin-bottom:13px}
.demo-game-states .demo-game-states-heading h2{margin:0;color:var(--jade,#37223f);font-size:21px;line-height:1.3;letter-spacing:-.6px}
.demo-game-states .demo-game-states-heading p{margin:0;color:var(--muted,#746878);font-size:13px;line-height:1.5}
.demo-game-states-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}
.demo-game-state{display:grid;grid-template-columns:clamp(76px,7.4vw,100px) minmax(0,1fr);align-items:center;gap:14px;min-width:0;padding:12px;border:1px solid var(--line,#dfd2da);border-radius:15px;background:var(--white,#fffcf8);color:var(--ink,#302b3b);text-decoration:none;box-shadow:0 4px 15px #39213d04;transition:border-color .16s ease,box-shadow .16s ease}
.demo-game-state:hover{border-color:var(--jade-bright,#70466e);box-shadow:0 7px 20px #39213d0c}
.demo-game-state:focus-visible{outline:3px solid var(--gold-dark,#94611d);outline-offset:4px}
.demo-game-state-image{display:block;overflow:hidden;border:1px solid #4d335c;border-radius:9px;background:var(--jade-deep,#20192e);box-shadow:0 3px 9px #20192e18}
.demo-game-state-image img{display:block;width:100%;height:auto;aspect-ratio:430/932;object-fit:contain}
.demo-game-state-copy{display:flex;flex-direction:column;align-items:flex-start;min-width:0;gap:8px}
.demo-game-state-label{color:var(--jade-bright,#70466e);font-size:10px;font-weight:700;line-height:1.4;letter-spacing:1.05px}
.demo-game-state-title{color:var(--jade,#37223f);font:600 18px/1.3 var(--display,"Sora",Arial,sans-serif);letter-spacing:-.45px;text-wrap:balance}
.demo-game-state-description{color:var(--muted,#746878);font-size:13px;line-height:1.55}
.demo-game-state-link{display:inline-block;margin-top:3px;color:var(--jade,#37223f);font-size:12px;font-weight:700;line-height:1.5;text-decoration:underline;text-decoration-color:#c8b4c9;text-underline-offset:3px}
.demo-game-state-link>span{display:inline-block;margin-left:4px;color:var(--tangerine-dark,#d5672a);text-decoration:none}
@media(max-width:1050px) and (min-width:761px){
  .demo-game-state{gap:10px;padding:10px}
  .demo-game-state-title{font-size:16px}
  .demo-game-state-copy{gap:6px}
}
@media(max-width:760px){
  .demo-game-states-heading{display:block}
  .demo-game-states .demo-game-states-heading h2{font-size:19px}
  .demo-game-states .demo-game-states-heading p{margin-top:5px}
  .demo-game-states-grid{grid-template-columns:minmax(0,1fr);gap:10px}
  .demo-game-state{grid-template-columns:64px minmax(0,1fr);gap:15px;padding:11px 13px}
  .demo-game-state-copy{gap:5px}
  .demo-game-state-title{font-size:17px}
  .demo-game-state-link{margin-top:2px;font-size:13px}
}
@media(prefers-reduced-motion:reduce){.demo-game-state{transition:none}}

.fd-explorer,.fd-multiplier,.fd-sure,.fd-session,.fd-payout{--fd-plum:var(--jade,#37223f);--fd-deep:var(--jade-deep,#20192e);--fd-gold:var(--gold,#f6c65b);--fd-orange:var(--tangerine,#ff9a53);--fd-paper:var(--paper,#fcf8f2);--fd-ink:var(--ink,#302b3b);margin:1.6rem 0;color:var(--fd-ink);font-variant-numeric:tabular-nums}
.fd-explorer *,.fd-multiplier *,.fd-sure *,.fd-session *,.fd-payout *{box-sizing:border-box}
.fd-section-head{margin-bottom:1.3rem;max-width:58rem}.fd-section-head h3{font-size:clamp(1.35rem,3vw,1.9rem);line-height:1.18;margin:.45rem 0 .7rem}.fd-section-head p{margin:0;line-height:1.65}.fd-kicker{display:block;font-size:.78rem;font-weight:800;text-transform:uppercase;letter-spacing:.07em;line-height:1.5}.fd-section-head-lines{margin-top:2.75rem}
.fd-explorer button,.fd-multiplier button,.fd-payout button{font:inherit;cursor:pointer}.fd-explorer button:disabled,.fd-multiplier button:disabled,.fd-payout button:disabled{cursor:default;opacity:1}.fd-explorer button:focus-visible,.fd-multiplier button:focus-visible,.fd-payout button:focus-visible,.fd-fields select:focus-visible{outline:3px solid var(--fd-orange);outline-offset:4px}
.fd-symbols{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.fd-symbol{display:flex;flex-direction:column;align-items:center;gap:6px;border:1px solid #dfd2da;border-radius:15px;background:#fffaf5;color:var(--fd-ink);padding:14px 8px 17px;min-width:0;transition:background .16s,border-color .16s,transform .16s}.fd-symbol img{display:block;object-fit:contain;width:100%;max-width:128px;height:112px;filter:drop-shadow(0 6px 7px #24142b21)}.fd-symbol>span{font-size:.95rem;font-weight:800;line-height:1.3;text-align:center}.fd-symbol small{font-size:.8rem;line-height:1.4;color:var(--muted,#746878);text-align:center}.fd-symbol[aria-pressed=true]{border:2px solid var(--fd-gold);padding:13px 7px 16px;background:var(--fd-plum);color:#fff7e9;box-shadow:0 4px 0 #dba544}.fd-symbol[aria-pressed=true] small{color:#e6d6e8}.fd-symbol:hover:not(:disabled){transform:translateY(-2px)}
.fd-symbol-detail{display:grid;grid-template-columns:155px 1fr;gap:24px;align-items:center;background:#f2e8e1;border-left:5px solid var(--fd-gold);border-radius:0 19px 19px 0;margin:22px 0 14px;padding:24px;scroll-margin-top:120px}.fd-symbol-detail>img{width:155px;height:155px;object-fit:contain}.fd-symbol-detail h3{font-size:1.6rem;margin:.25rem 0 .6rem}.fd-symbol-detail p{margin:.5rem 0;line-height:1.65}.fd-symbol-value{display:flex;align-items:center;gap:15px;font-size:.9rem}.fd-symbol-value strong{font-family:var(--display,sans-serif);font-size:2rem;line-height:1.2;color:var(--fd-plum)}.fd-note{font-size:.87rem;line-height:1.65;color:var(--muted,#746878);margin:1rem 0}.fd-note a{font-weight:750}
.fd-line-layout{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:center;gap:24px}.fd-board{position:relative;aspect-ratio:520/380;background:radial-gradient(ellipse at top,#654366,var(--fd-deep) 70%);border:2px solid #b38443;border-radius:22px 22px 10px 10px;overflow:hidden}.fd-board svg{position:absolute;inset:0;width:100%;height:100%}.fd-board polyline{fill:none;stroke:var(--fd-gold);stroke-width:8;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 5px #ffc45677)}.fd-reel-labels{position:absolute;top:6px;left:0;right:0;display:grid;grid-template-columns:repeat(3,1fr);text-align:center;color:#e5d4e3;font-size:13px}.fd-cell{position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-50%);width:17%;aspect-ratio:1;display:grid;place-items:center;border-radius:12px;background:#f7ece6;color:#7b6178;border:2px solid #b79eaf;font-weight:850;font-size:clamp(1rem,2vw,1.35rem)}.fd-cell[data-selected=true]{background:var(--fd-gold);border-color:#ffe9a9;color:var(--fd-deep);box-shadow:0 0 0 4px #f6c65b26}.fd-line-buttons{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px}.fd-line-buttons button{min-height:80px;min-width:0;display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 3px;border:1px solid #cdbbc9;border-radius:10px;background:#fffaf5;color:var(--fd-ink)}.fd-line-buttons button>span:first-child{font-size:13px;font-weight:800;white-space:nowrap}.fd-line-buttons svg{display:block;width:50px;max-width:100%;height:35px}.fd-line-buttons polyline{fill:none;stroke:currentColor;stroke-width:23;stroke-linecap:round}.fd-line-buttons button[aria-pressed=true]{background:var(--fd-plum);color:var(--fd-gold);border:2px solid var(--fd-gold);padding:7px 2px}.fd-line-detail{margin-top:18px;padding:16px 0;border-top:1px solid #d7c4d0}.fd-line-detail strong{display:block;font-size:1.1rem;line-height:1.5}.fd-line-detail p{margin:.5rem 0 0;font-size:.95rem;line-height:1.65}
.fd-multiplier,.fd-sure,.fd-session,.fd-payout{padding:clamp(18px,3vw,32px);border:1px solid #e0cfda;background:linear-gradient(135deg,#fffdfa,#f5eae4);border-radius:24px 24px 8px 24px}.fd-choice-row{display:flex;flex-wrap:wrap;gap:8px;margin:22px 0}.fd-choice-row button,.fd-preset{min-height:46px;line-height:1.3;padding:10px 16px;border:1px solid #bda6b8;border-radius:9px;background:#fffcf8;color:var(--fd-ink);font-weight:800}.fd-choice-row button[aria-pressed=true],.fd-preset[aria-pressed=true]{background:var(--fd-plum);color:#fff5dd;border-color:var(--fd-plum);box-shadow:inset 0 -3px 0 var(--fd-gold)}.fd-multiplier-scene{display:grid;grid-template-columns:1fr auto 1fr auto 1.2fr;gap:14px;align-items:center;background:var(--fd-deep);color:#fdf4e9;padding:25px 20px;border-radius:16px}.fd-multiplier-scene>div{text-align:center;min-width:0}.fd-multiplier-scene span:not(.fd-math-sign){display:block;font-size:13px;line-height:1.4;margin-bottom:10px;color:#e4cfdf}.fd-multiplier-scene strong{display:block;font-family:var(--display,sans-serif);font-size:clamp(1.8rem,3.5vw,3rem);line-height:1.3;overflow-wrap:anywhere}.fd-multiplier-scene .fd-reel-value strong{color:var(--fd-gold)}.fd-multiplier-scene .fd-result strong{color:var(--fd-orange)}.fd-math-sign{font-size:1.5rem;font-weight:800;color:#ab8ca6}.fd-modifier-explain{font-size:1rem;line-height:1.7;min-height:3em}.fd-zero-case{display:grid;gap:5px;border-left:4px solid var(--fd-orange);padding:12px 16px;background:#fff9f1;line-height:1.65}.fd-zero-case span{font-size:.92rem}
.fd-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:22px 0}.fd-fields label{display:flex;flex-direction:column;gap:8px;font-size:.88rem;font-weight:800;line-height:1.4;min-width:0}.fd-fields select{font:inherit;width:100%;max-width:100%;min-height:50px;background:#fffdfa;color:var(--fd-ink);border:1px solid #bfaabb;border-radius:8px;padding:12px 35px 12px 12px;text-overflow:ellipsis}.fd-fields select:disabled{opacity:1;color:var(--fd-ink);-webkit-text-fill-color:var(--fd-ink)}
.fd-compare{display:grid;grid-template-columns:1fr 1fr;gap:16px}.fd-compare-card{background:#fffdf9;border:1px solid #d9c9d3;border-radius:15px;padding:24px;min-width:0}.fd-compare-card dl{margin:18px 0 24px}.fd-compare-card dl>div{display:flex;justify-content:space-between;align-items:baseline;gap:14px;margin-top:9px}.fd-compare-card dt{font-size:.88rem}.fd-compare-card dd{font-weight:850;margin:0}.fd-compare-card>span:not(.fd-kicker){font-size:.85rem}.fd-compare-feature{background:var(--fd-plum);color:#fff5e9;border-color:var(--fd-plum)}.fd-compare-feature .fd-kicker{color:var(--fd-gold)}.fd-net{display:block;font-family:var(--display,sans-serif);font-size:clamp(2rem,4vw,3.4rem);line-height:1.25;margin-top:8px;overflow-wrap:anywhere}.fd-compare-feature .fd-net{color:var(--fd-gold)}.fd-net[data-sign=negative]{color:#9f382e}.fd-compare-feature .fd-net[data-sign=negative]{color:#ffbd99}.fd-sure-verdict{font-weight:750;line-height:1.7;margin-top:18px}.fd-session-output{display:grid;grid-template-columns:1fr 1fr;gap:12px}.fd-session-output>div{padding:22px;background:var(--fd-deep);color:#fff5e8;border-radius:14px}.fd-session-output span,.fd-session-output small{display:block;font-size:.84rem;line-height:1.5}.fd-session-output strong{display:block;color:var(--fd-gold);font-family:var(--display,sans-serif);font-size:clamp(2rem,4vw,3.3rem);margin:10px 0;overflow-wrap:anywhere}
.fd-payout-layout{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:22px;align-items:start}.fd-payout-board{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:14px;background:radial-gradient(ellipse at center,#634366,var(--fd-deep));border:2px solid #b38648;border-radius:18px}.fd-payout-cell{aspect-ratio:1;display:grid;place-items:center;min-width:0;border-radius:10px;border:1px solid #a480a342;color:#ac8ca4;background:#ffffff09;font-size:1.6rem}.fd-payout-cell img{width:100%;height:100%;object-fit:contain;max-height:115px}.fd-payout-cell[data-filled=true]{background:#fff4de;border:2px solid var(--fd-gold);box-shadow:0 0 12px #ffd28733}.fd-payout-cell[data-filled=false] img{display:none}.fd-payout-cell[data-filled=true]>span{display:none}.fd-payout-caption{font-size:.86rem;color:var(--muted,#746878);line-height:1.6;margin:12px 0}.fd-payout-ledger{margin:0;display:grid;gap:0;border-top:1px solid #d7c4d0}.fd-payout-ledger>div{display:flex;justify-content:space-between;gap:14px;padding:14px 0;border-bottom:1px solid #d7c4d0;align-items:center}.fd-payout-ledger dt{font-size:.9rem;line-height:1.5;max-width:67%}.fd-payout-ledger dd{margin:0;font-size:1.1rem;font-weight:850;text-align:right}.fd-payout-total{margin-top:18px;padding:22px;background:var(--fd-deep);border-radius:14px;color:#f9edde}.fd-payout-total span{font-size:.85rem}.fd-payout-total strong{display:block;font:800 clamp(2.1rem,4.5vw,3.8rem)/1.25 var(--display,sans-serif);color:var(--fd-gold);overflow-wrap:anywhere;margin:7px 0}.fd-payout-total small{display:block;font-size:.88rem;line-height:1.5;color:#e1cfe0}.fd-equation{padding:14px 16px;background:#fff9f0;border-left:4px solid var(--fd-orange);font-weight:800;font-size:1.05rem;line-height:1.75}.fd-payout-presets{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0}.fd-preset{text-align:left;flex:1;min-width:145px}.fd-preset small{display:block;font-weight:500;font-size:.8rem;margin-top:5px}
.fd-flow{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:22px 0}.fd-flow>div{background:#f2e8e1;border-top:4px solid var(--gold,#f6c65b);padding:20px;border-radius:0 0 12px 12px;min-width:0}.fd-flow strong{display:block;font-size:1.15rem;color:var(--jade,#37223f);line-height:1.4;margin-bottom:8px}.fd-flow p{font-size:.92rem;line-height:1.65;margin:0}.fd-signal{background:#241c31;color:#f9eddf;border-left:5px solid #ff9a53;border-radius:0 14px 14px 0;padding:22px;font-size:1rem;line-height:1.7;overflow-wrap:anywhere}.fd-signal>strong{display:block;color:#f6c65b;font-size:.8rem;letter-spacing:.08em;text-transform:uppercase;margin-bottom:9px}.fd-time-card{padding:18px 20px;background:#f4e9e2;border-left:4px solid #b884b1;border-radius:0 12px 12px 0}.fd-time-card h3{margin-top:0}.fd-time-card p:last-child{margin-bottom:0}
@media(max-width:760px){.fd-line-layout,.fd-payout-layout{grid-template-columns:1fr}.fd-board{max-width:530px;width:100%;margin:auto}.fd-line-buttons{max-width:500px}.fd-line-buttons button{min-height:72px}.fd-line-buttons svg{height:28px}.fd-symbols{grid-template-columns:repeat(3,minmax(0,1fr))}.fd-symbol img{height:102px}.fd-multiplier-scene{gap:8px;padding:22px 12px}.fd-payout-board{max-width:430px;margin:auto;width:100%}.fd-flow{grid-template-columns:1fr}.fd-flow>div{border-top:0;border-left:4px solid var(--gold,#f6c65b);border-radius:0 12px 12px 0}.fd-flow strong{font-size:1rem}}
@media(max-width:500px){.fd-symbols{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.fd-symbol img{height:105px;max-width:120px}.fd-symbol>span{font-size:.9rem}.fd-symbol small{font-size:13px}.fd-symbol-detail{grid-template-columns:94px minmax(0,1fr);gap:15px;padding:18px 14px}.fd-symbol-detail>img{width:94px;height:106px}.fd-symbol-detail>div{display:contents}.fd-symbol-detail .fd-kicker{display:none}.fd-symbol-detail h3{grid-column:2;grid-row:1;font-size:1.35rem;align-self:center}.fd-symbol-detail p{grid-column:1/-1;margin:0}.fd-symbol-value strong{font-size:1.8rem}.fd-fields{grid-template-columns:1fr;gap:13px}.fd-compare{gap:10px}.fd-compare-card{padding:17px 12px}.fd-compare-card .fd-kicker{font-size:13px;letter-spacing:.01em}.fd-compare-card dl>div{display:block;margin-top:12px}.fd-compare-card dd{margin-top:4px;font-size:1.1rem}.fd-net{font-size:2rem}.fd-multiplier-scene{grid-template-columns:1fr auto 1fr;gap:12px}.fd-multiplier-scene>.fd-math-sign:nth-child(4){display:none}.fd-multiplier-scene .fd-result{grid-column:1/-1;border-top:1px solid #77516b;padding-top:15px}.fd-multiplier-scene .fd-result strong{font-size:2.6rem}.fd-multiplier-scene span:not(.fd-math-sign){font-size:13px}.fd-choice-row button{flex:1 0 auto;padding:10px 13px}.fd-choice-row button:last-child{flex-basis:100%}.fd-session-output>div{padding:18px 12px}.fd-session-output strong{font-size:2rem}.fd-payout-total{padding:20px 16px}.fd-payout-ledger dt{font-size:.88rem}.fd-payout-ledger dd{font-size:1rem}.fd-preset{min-width:100%;flex:1 0 100%}}
.fd-fields input{font:inherit;width:100%;min-height:50px;background:#fffdfa;color:var(--fd-ink);border:1px solid #bfaabb;border-radius:8px;padding:12px}.fd-fields input:disabled{opacity:1;-webkit-text-fill-color:var(--fd-ink)}.fd-fields input:focus-visible{outline:3px solid var(--fd-orange);outline-offset:4px}.fd-clock-result{background:var(--fd-deep);color:#f8ecde;padding:23px;border-radius:15px}.fd-clock-result span{display:block;font-size:.9rem;line-height:1.5}.fd-clock-result strong{display:block;font:800 clamp(2.7rem,6vw,4rem)/1.3 var(--display,sans-serif);color:var(--fd-gold);margin:8px 0}
.fd-evidence{display:grid;grid-template-columns:minmax(220px,.8fr) minmax(0,1.2fr);align-items:center;gap:clamp(22px,3vw,40px);margin:30px 0;padding:24px;background:#f3e9e3;border:1px solid var(--line,#dfd2da);border-radius:22px 22px 8px 22px}.fd-evidence figure{margin:0 auto;min-width:0;width:100%;max-width:320px}.fd-evidence figure>a{display:block;border-radius:12px;overflow:hidden;background:#272733}.fd-evidence-image{display:block;width:100%;height:auto;max-height:690px;object-fit:contain}.fd-evidence figcaption{font-size:13px;line-height:1.65;color:var(--muted,#746878);margin-top:12px}.fd-evidence-copy h3{margin-top:0;font-size:1.5rem;line-height:1.25}.fd-evidence-copy p{line-height:1.75}.fd-evidence-copy .info-box{margin:20px 0}.fd-evidence--compact{align-items:start}.fd-evidence--compact .fd-evidence-image{height:275px;object-fit:cover;object-position:top}.fd-evidence-copy .steps{margin:15px 0}.fd-evidence-copy .steps li{font-size:.95rem}
@media(max-width:680px){.fd-evidence{grid-template-columns:1fr;padding:18px;gap:24px}.fd-evidence figure{max-width:280px}.fd-evidence--compact figure{max-width:100%}.fd-evidence--compact .fd-evidence-image{height:255px}.fd-evidence-copy h3{font-size:1.35rem}.fd-evidence-copy .info-box{padding:17px}}
@media(prefers-reduced-motion:reduce){.fd-symbol{transition:none}.fd-symbol:hover:not(:disabled){transform:none}.fd-explorer,.fd-multiplier,.fd-sure,.fd-session,.fd-payout{scroll-behavior:auto}}

.sure-visual{margin:28px 0;background:#f5edf4;border:1px solid #dac8d9;border-radius:24px;padding:28px;overflow:hidden}
.sure-visual-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px}
.sure-visual-heading h3{margin:8px 0 0;font-size:clamp(22px,2.2vw,29px);line-height:1.2}
.sure-visual-heading .eyebrow{font-size:12px;margin:0}
.sure-source-label{font-size:12px;color:#73596e;padding:8px 12px;border:1px solid #cbb9c9;border-radius:50px;white-space:nowrap}
.sure-view-buttons{display:flex;gap:10px;padding-bottom:22px}
.sure-view-buttons[hidden],.sure-visual-panel[hidden]{display:none}
.sure-view-buttons button{display:flex;align-items:center;justify-content:center;gap:10px;min-height:52px;flex:1;padding:10px 14px;border:1px solid #baa4b8;border-radius:12px;background:#fffaf4;color:#39243f;font:700 16px Manrope,sans-serif;cursor:pointer}
.sure-view-buttons button small{font-size:11px;font-weight:800;padding:3px 6px;border-radius:5px;background:#e8dce7;letter-spacing:.05em}
.sure-view-buttons button[aria-pressed=true]{background:#39243f;border-color:#39243f;color:#fff7eb;box-shadow:0 4px 0 #cdb4cb}
.sure-view-buttons button[aria-pressed=true] small{background:#f6c65b;color:#39243f}
.sure-state-dot{width:9px;height:9px;border-radius:50%;background:#baa4b8}
.sure-view-buttons button[aria-pressed=true] .sure-state-dot{background:#f6c65b;box-shadow:0 0 0 4px #f6c65b22}
.sure-view-buttons button:focus-visible{outline:3px solid #db6c2e;outline-offset:3px}
.sure-visual-panel{display:grid;grid-template-columns:minmax(180px,292px) minmax(0,1fr);gap:30px;align-items:center}
.sure-visual-panel + .sure-visual-panel{margin-top:26px}
.sure-visual-panel[hidden] + .sure-visual-panel{margin-top:0}
.sure-screen{margin:0;display:grid;justify-items:center;gap:12px}
.sure-screen img{width:100%;max-width:292px;height:auto;border:7px solid #291b34;border-radius:22px;box-shadow:0 12px 28px #38234126;background:#291b34}
.sure-screen figcaption{font-size:13px;color:#70596d;text-align:center;line-height:1.5}
.sure-state-label{font-size:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#80506f}
.sure-visual-explanation h4{font-family:Sora,sans-serif;font-size:clamp(22px,2vw,29px);font-weight:800;line-height:1.2;margin:12px 0 18px}
.sure-visual-explanation>p{font-size:16px;line-height:1.7;margin:0 0 22px}
.sure-price{background:#fffaf4;border-left:4px solid #ff9a53;border-radius:0 15px 15px 0;padding:18px 20px;display:grid;gap:8px}
.sure-price>span{font-size:13px;font-weight:700;color:#70536b}
.sure-price>strong{font:800 clamp(34px,3.4vw,49px)/1.2 Sora,sans-serif;color:#39243f;letter-spacing:-.04em;font-variant-numeric:tabular-nums}
.sure-price>small{font-size:14px;line-height:1.6;color:#60485d}
.sure-next{display:flex;gap:12px;margin-top:22px;color:#694966;align-items:start}
.sure-next>span{font-size:26px;line-height:1.2;color:#c06b37}
.sure-next p{font-size:15px;line-height:1.6;margin:0}
.sure-visual-source{font-size:13px;line-height:1.6;color:#725d70;border-top:1px solid #d7c3d5;padding-top:18px;margin:24px 0 0}
.sure-activation-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:24px 0}
.sure-activation-steps article{border-top:3px solid #d79a59;padding:18px 0 0}
.sure-activation-steps article>span{font:800 13px Sora,sans-serif;color:#a16440}
.sure-activation-steps h3{margin:12px 0 8px;font-size:20px;line-height:1.3}
.sure-activation-steps p{font-size:15px;line-height:1.7;margin:0}
.page-imagens .article-hero .hero-actions{gap:12px}
.page-imagens .article-hero .hero-actions .button{font-size:15px}
@media(max-width:1100px) and (min-width:901px){.sure-visual-heading{align-items:flex-start;flex-direction:column;gap:12px}.sure-visual{padding:20px}.sure-visual-panel{gap:20px;grid-template-columns:minmax(160px,240px) minmax(0,1fr)}}
@media(max-width:600px){.sure-visual{padding:20px 16px;border-radius:19px}.sure-visual-heading{display:block}.sure-source-label{display:inline-block;margin-top:12px}.sure-view-buttons{gap:8px}.sure-view-buttons button{font-size:14px;gap:7px;padding:10px 8px}.sure-view-buttons button small{font-size:10px}.sure-visual-panel{display:flex;flex-direction:column;gap:24px;align-items:stretch}.sure-screen img{max-width:244px}.sure-price>strong{font-size:41px}.sure-activation-steps{grid-template-columns:1fr;gap:18px}.sure-activation-steps article{display:grid;grid-template-columns:30px minmax(0,1fr);column-gap:12px;padding-top:16px}.sure-activation-steps article>span{grid-row:span 2;padding-top:4px}.sure-activation-steps h3{margin:0 0 6px}.sure-activation-steps p{grid-column:2}.page-imagens .article-hero .hero-actions{flex-direction:column;align-items:stretch}}

.gc-controls,.gc-hit-rates{margin:28px 0;min-width:0}
.gc-controls [hidden]{display:none!important}
.gc-kicker{display:block;color:var(--jade-bright);font-weight:800;font-size:13px;letter-spacing:.07em;text-transform:uppercase;margin-bottom:8px}
.gc-hit-rates{background:var(--paper-deep);border:1px solid var(--line);border-radius:22px 22px 8px 8px;padding:28px}
.article-content .gc-hit-intro h3{margin:0 0 12px;font-size:24px;line-height:1.3}
.article-content .gc-hit-intro p{margin:0 0 22px}
.gc-hit-grid{display:grid;grid-template-columns:1fr 1fr 1.15fr;gap:12px;margin:0}
.gc-hit-grid>div{display:flex;flex-direction:column;justify-content:space-between;gap:16px;background:var(--white);border:1px solid var(--line);border-radius:12px;padding:20px}
.gc-hit-grid dt{font-weight:800;font-size:15px;line-height:1.4}
.gc-hit-grid dt span{display:block;font-size:13px;font-weight:500;color:var(--muted);margin-top:4px}
.gc-hit-grid dd{font-family:var(--display);font-size:clamp(27px,3vw,38px);font-weight:800;color:var(--jade);line-height:1.1;margin:0}
.gc-hit-grid dd span{font-size:.55em;margin-left:3px}
.gc-hit-grid>.gc-hit-overall{background:var(--jade-deep);border-color:var(--jade-deep);color:var(--paper)}
.gc-hit-overall dt span{color:#dbc8df}
.gc-hit-overall dd{color:var(--gold)}
.article-content .gc-hit-note{font-size:14px;color:var(--muted);margin:18px 0 0;line-height:1.6}
.gc-control-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:24px 0}
.gc-control-card{background:var(--paper-deep);border:1px solid var(--line);border-radius:18px 18px 6px 6px;padding:22px}
.gc-control-icon{display:flex;align-items:center;justify-content:center;width:54px;height:54px;background:var(--white);color:var(--jade);border-radius:14px;margin-bottom:16px}
.gc-control-icon svg{width:30px;height:30px}
.article-content .gc-control-card h3{font-size:19px;line-height:1.3;margin:0 0 12px}
.article-content .gc-control-card p{font-size:15px;margin:0;line-height:1.6}
.article-content .gc-control-card .gc-small-copy{font-size:14px;margin-top:14px;color:var(--muted)}
.gc-count-example{margin-top:18px;padding-top:14px;border-top:1px solid var(--line);display:grid;gap:4px}
.gc-count-example span,.gc-count-example small{font-size:13px;color:var(--muted)}
.article-content .gc-count-example strong{font-family:var(--display);font-size:22px;line-height:1.3;color:var(--jade)}
.gc-control-card--dark{background:var(--jade-deep);border-color:var(--jade);color:var(--paper)}
.article-content .gc-control-card--dark h3,.article-content .gc-control-card--dark strong{color:var(--gold)}
.gc-stop-example{display:flex;align-items:center;justify-content:center;gap:10px;width:100px;height:54px;margin-bottom:16px;border:2px solid var(--gold);border-radius:27px;color:var(--gold)}
.gc-stop-example svg{width:25px;height:25px;fill:currentColor;stroke-width:1}
.article-content .gc-stop-example strong{font-size:26px;line-height:1}
.gc-auto-guide{border:1px solid var(--line);background:var(--white);border-radius:18px;overflow:hidden;margin:28px 0}
.gc-guide-heading{padding:26px 28px 0}
.article-content .gc-guide-heading h3{font-size:25px;line-height:1.3;margin:0 0 10px}
.article-content .gc-guide-heading p{margin:0;font-size:15px;line-height:1.6}
.gc-interactive-controls{padding:22px 28px 0}
.gc-mode-controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:20px}
.gc-mode-controls button{font:inherit;font-size:14px;font-weight:800;line-height:1.3;min-height:52px;padding:10px;border:1px solid var(--line);border-radius:10px;cursor:pointer;color:var(--jade);background:var(--paper);transition:background .15s,color .15s}
.gc-mode-controls button[aria-pressed=true]{background:var(--jade);color:var(--gold);border-color:var(--jade)}
.gc-controls button:focus-visible,.gc-controls select:focus-visible,.gc-controls a:focus-visible{outline:3px solid var(--tangerine);outline-offset:3px}
.gc-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.gc-fields label{display:grid;gap:7px;align-content:start;font-size:14px;font-weight:800;color:var(--ink)}
.gc-fields select{font:inherit;font-size:16px;min-height:48px;width:100%;min-width:0;padding:10px 35px 10px 12px;border:1px solid var(--line);border-radius:8px;color:var(--ink);background:var(--paper)}
.gc-reference{margin:24px 28px 28px;padding:24px;border-radius:12px;background:var(--jade-deep);color:var(--paper)}
.gc-reference-label{display:block;color:#dbc8df;font-size:14px;font-weight:700;line-height:1.5;margin-bottom:20px}
.gc-equation{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 22px}
.gc-equation>span{min-width:0;display:grid;gap:8px;align-self:stretch;align-content:center}
.gc-equation small{font-size:13px;line-height:1.3;color:#dbc8df}
.article-content .gc-equation strong{font-family:var(--display);font-size:clamp(23px,2.7vw,34px);line-height:1.1;font-weight:800;color:var(--paper)}
.gc-equation b{font-size:24px;font-weight:500;color:var(--gold)}
.gc-equation-result{border-left:1px solid #79637f;padding-left:18px}
.article-content .gc-equation-result strong{color:var(--gold)}
.article-content .gc-reference p{font-size:15px;line-height:1.6;margin:0}
.article-content .gc-reference .gc-threshold-note{margin-top:14px;padding-top:14px;border-top:1px solid #67526f;font-size:14px;color:#dbc8df}
.gc-auto-fallback{padding:0 28px 26px}
.article-content .gc-auto-fallback h4{margin:0 0 12px}
.article-content .gc-auto-fallback ul{margin-bottom:0;padding-left:20px}
.gc-history-path{margin:34px 0;border-top:2px solid var(--gold);padding-top:24px}
.article-content .gc-history-path h3{margin:0 0 22px;line-height:1.3;font-size:24px}
.article-content .gc-history-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;list-style:none;padding:0;margin:0}
.gc-history-steps>li{position:relative;margin:0;min-width:0}
.gc-history-steps>li:not(:last-child)::after{content:'→';position:absolute;top:8px;right:0;font-size:28px;color:var(--gold-dark)}
.gc-path-mark{width:56px;height:50px;display:flex;align-items:center;justify-content:center;margin-bottom:16px;border-radius:12px;background:var(--paper-deep);color:var(--jade)}
.gc-path-mark svg{height:28px;width:28px}
.gc-win-mark{font-size:15px;font-weight:900;background:var(--jade);color:var(--gold)}
.article-content .gc-history-steps strong{display:block;font-size:16px;margin-bottom:8px;color:var(--ink)}
.article-content .gc-history-steps p{font-size:14px;line-height:1.6;margin:0}
.gc-history-links{display:flex;flex-wrap:wrap;gap:6px 24px;margin-top:20px}
.gc-history-links a{display:inline-flex;align-items:center;min-height:44px;font-size:14px;font-weight:800;line-height:1.5}
@media(max-width:800px){.gc-hit-rates{padding:22px}.gc-hit-grid{gap:8px}.gc-hit-grid>div{padding:15px}.gc-control-grid{gap:10px}.gc-control-card{padding:18px}.gc-reference{padding:20px}.gc-equation{gap:8px}.gc-equation-result{padding-left:12px}}
@media(max-width:600px){.gc-hit-rates{padding:20px 16px}.gc-hit-grid{grid-template-columns:1fr}.gc-hit-grid>div{flex-direction:row;align-items:center;gap:12px;padding:18px}.gc-hit-grid dt{max-width:61%;font-size:14px}.gc-hit-grid dd{font-size:30px;white-space:nowrap}.gc-hit-grid dt span{font-size:13px}.gc-control-grid{grid-template-columns:1fr}.gc-control-card{padding:22px}.gc-control-card h3{max-width:none}.gc-control-icon,.gc-stop-example{float:left;margin:0 16px 12px 0}.gc-control-card p{clear:both}.gc-count-example{margin-top:14px}.gc-guide-heading{padding:22px 18px 0}.article-content .gc-guide-heading h3{font-size:23px}.gc-interactive-controls{padding:20px 18px 0}.gc-mode-controls{grid-template-columns:1fr;margin-bottom:18px;gap:7px}.gc-mode-controls button{min-height:46px;padding:11px 14px;text-align:left}.gc-fields{grid-template-columns:1fr;gap:14px}.gc-reference{margin:20px 12px 12px;padding:20px 16px}.gc-equation{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:16px 10px}.gc-equation>span{gap:7px}.gc-equation>b:nth-child(4){grid-column:2;grid-row:2}.gc-equation-result{grid-column:1/-1;grid-row:3;border-left:0;padding:16px 0 0;border-top:1px solid #79637f;display:flex!important;align-items:center!important;justify-content:space-between;gap:12px!important}.gc-equation>b:nth-child(4){display:none}.article-content .gc-equation strong{font-size:27px}.gc-equation-result small{font-size:14px}.gc-auto-guide[data-gc-current-mode=single] .gc-equation-result{grid-column:3;grid-row:1;border-top:0;border-left:1px solid #79637f;display:grid!important;padding:0 0 0 12px}.gc-auto-guide[data-gc-current-mode=single] .gc-equation-result small{font-size:13px}.gc-auto-fallback{padding:10px 20px 24px}.article-content .gc-history-path h3{font-size:23px}.article-content .gc-history-steps{grid-template-columns:1fr;gap:20px}.gc-history-steps>li{display:grid;grid-template-columns:56px 1fr;gap:16px;align-items:start}.gc-history-steps>li:not(:last-child)::after{display:none}.gc-path-mark{margin:0}.gc-history-links{flex-direction:column;align-items:flex-start;gap:0}}
@media(max-width:380px){.gc-equation{grid-template-columns:minmax(0,1fr);gap:12px}.gc-equation>span,.gc-auto-guide[data-gc-current-mode=single] .gc-equation-result{grid-column:1;grid-row:auto;display:flex!important;align-items:center!important;justify-content:space-between;gap:12px!important}.gc-equation>b:nth-child(2){justify-self:center;line-height:1}.gc-equation-result,.gc-auto-guide[data-gc-current-mode=single] .gc-equation-result{border-left:0;border-top:1px solid #79637f;padding:14px 0 0}.article-content .gc-equation strong{font-size:25px;white-space:nowrap}.gc-equation small{max-width:48%}}
@media(prefers-reduced-motion:reduce){.gc-mode-controls button{transition:none}}

.dragon-intro{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:72px;align-items:center;margin-top:44px}.dragon-intro h2,.dragon-surewin-home h2{font-size:44px}.dragon-intro p{max-width:680px}.dragon-identity-card{padding:30px 34px;border:1px solid #d9c8db;border-radius:30px;background:linear-gradient(145deg,#fffcf8,#f4e5f1)}.dragon-identity-card>img{display:block;width:118px;height:118px;margin-bottom:24px;border-radius:25px}.dragon-identity-card .small{margin:20px 0 0;font-size:13px}.dragon-identity-card .spec-grid{gap:16px 24px}.dragon-identity-card .spec-grid dd{font-size:21px}.dragon-multiplier-preview{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:54px;align-items:center}.dragon-reel-example{padding:38px 28px;border:2px solid #b8783d;border-radius:30px;color:#fff6e3;background:radial-gradient(ellipse at 50% 0,#805174,#21192e 80%);text-align:center;box-shadow:0 8px 0 #d5c3b3}.dragon-reel-example>span{color:#eec997;font-size:12px;font-weight:700;letter-spacing:2px}.dragon-reel-example>div{display:flex;align-items:center;justify-content:center;gap:12px;margin:27px 0 19px}.dragon-reel-example b{display:grid;place-items:center;width:120px;min-height:115px;border:1px solid #e5a650;border-radius:20px;color:#ffd47d;background:linear-gradient(150deg,#5d334a,#2b2035);font:800 48px/1 var(--display);box-shadow:inset 0 0 20px #ffbc3518}.dragon-reel-example i{font-size:28px;font-style:normal;color:#e6b979}.dragon-reel-example>strong{color:#ffe09b;font:800 45px/1.3 var(--display)}.dragon-reel-example>p{margin:12px auto 0;max-width:360px;color:#e3cfdf;font-size:15px}.dragon-preview-copy h3{font-size:32px}.dragon-preview-copy .text-link{display:block;margin-top:17px}.dragon-demo-feature{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:40px;align-items:center}.dragon-demo-feature h2{font-size:46px}.dragon-demo-feature>img{width:100%;height:auto;border-radius:32px;box-shadow:0 8px 0 #efc28e}.dragon-demo-feature .small{margin-top:25px}.dragon-surewin-home{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:64px;align-items:center}.dragon-surewin-home figure{margin:0}.dragon-surewin-home img{width:100%;border-radius:32px}.dragon-source-routes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid #d8c7d3;border-radius:25px;overflow:hidden}.dragon-source-routes>a{display:flex;flex-direction:column;padding:32px;text-decoration:none;background:#fffcf6}.dragon-source-routes>a+a{border-left:1px solid #d8c7d3}.dragon-source-routes>a:hover{background:#f8ecf0}.dragon-source-routes span{display:block;color:var(--jade-bright);font-size:12px;font-weight:700;letter-spacing:1px}.dragon-source-routes h3{font-size:25px;margin:20px 0 15px}.dragon-source-routes p{font-size:16px}.dragon-source-routes b{margin-top:auto;padding-top:12px;color:var(--jade);font-size:15px}
@media(max-width:1000px){.dragon-intro{gap:35px}.dragon-intro h2,.dragon-surewin-home h2{font-size:37px}.dragon-multiplier-preview{gap:30px}.dragon-reel-example{padding:28px 18px}.dragon-reel-example b{font-size:38px;min-height:100px}.dragon-demo-feature h2{font-size:38px}.dragon-source-routes>a{padding:24px}.dragon-surewin-home{gap:35px}}
@media(max-width:800px){.dragon-intro,.dragon-multiplier-preview,.dragon-demo-feature,.dragon-surewin-home{grid-template-columns:minmax(0,1fr);gap:30px}.dragon-identity-card{max-width:580px;width:100%;margin:auto}.dragon-demo-feature>img{max-height:500px;object-fit:cover}.dragon-surewin-home img{max-height:470px;object-fit:cover}.dragon-source-routes{grid-template-columns:minmax(0,1fr)}.dragon-source-routes>a+a{border-left:0;border-top:1px solid #d8c7d3}.dragon-source-routes>a{padding:25px}.dragon-source-routes h3{margin-top:12px}.dragon-reel-example b{width:130px}.dragon-source-routes p{max-width:650px}}
@media(max-width:600px){.dragon-intro{margin-top:31px}.dragon-intro h2,.dragon-surewin-home h2{font-size:32px}.dragon-demo-feature h2{font-size:34px}.dragon-identity-card{padding:23px;border-radius:23px}.dragon-identity-card .spec-grid dd{font-size:18px}.dragon-identity-card>img{width:100px;height:100px}.dragon-reel-example{padding:27px 16px;border-radius:24px}.dragon-reel-example>div{gap:7px}.dragon-reel-example b{width:88px;min-height:88px;font-size:32px;border-radius:13px}.dragon-reel-example i{font-size:20px}.dragon-reel-example>strong{font-size:37px}.dragon-preview-copy h3{font-size:28px}.dragon-reel-example>p{font-size:14px}}
@media(max-width:360px){.dragon-reel-example b{width:72px;min-height:78px;font-size:28px}.dragon-reel-example>div{gap:5px}.dragon-identity-card .spec-grid{gap:14px}.dragon-identity-card{padding:20px}}
.dragon-game-reference{max-width:900px;margin:0 0 32px;padding:20px 24px;border-left:4px solid var(--tangerine);background:var(--paper);border-radius:0 16px 16px 0;font-size:16px;line-height:1.7}

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}}

.mobile-access-guide { --mag-jade: var(--jade, #37223f); --mag-gold: var(--gold, #ffb65f); --mag-ink: var(--ink, #302b3b); container: mobileaccess / inline-size; margin: 28px 0; padding: 26px; border: 1px solid var(--line, #dfd2da); border-radius: 24px; color: var(--mag-ink); background: var(--paper-deep, #f1e8e1); 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, #dfd2da); 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, #37223f); font-size: 17px; line-height: 1.35; }
.mobile-access-guide .mag-step > span > span { display: block; color: var(--muted, #746878); font-size: 14px; line-height: 1.7; }
.mobile-access-guide .mag-step > span > span strong { color: var(--jade, #37223f); 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: #f1dce5; }
.mobile-access-guide .mag-panel-note { margin-top: 18px; padding: 0 3px; color: var(--muted, #746878); 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, #20192e); border-radius: 29px; color: var(--mag-ink); background: var(--white, #fffcf8); 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: #f1dce5; background: var(--jade-deep, #20192e); 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, #dfd2da); }
.mobile-access-guide:not([data-mag-ready="true"]) .mag-home-screen { margin-top: 30px; padding-top: 22px; border-top: 1px solid var(--line, #dfd2da); }
.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, #746878); 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, #37223f); }
.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 #925971; border-radius: 14px; background: var(--jade-deep, #20192e); }
.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: #f1dce5; 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: #925971; }
.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, #37223f); 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, #37223f); 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, #70466e); }
.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 #cfb3c4; border-radius: 11px; color: #70466e; background: #f7e9ef; 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, #37223f); 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, #746878); 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; }
}

.article-toc{max-height:calc(100dvh - 132px);overflow-y:auto;overscroll-behavior:contain}.article-toc-details>summary{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:44px;color:var(--jade);font-size:15px;font-weight:700;line-height:1.4;list-style:none;cursor:pointer}.article-toc-details>summary::-webkit-details-marker{display:none}.article-toc-details>summary::after{content:'+';font-size:24px;font-weight:400}.article-toc-details[open]>summary::after{content:'−'}.article-toc-details[open]>summary{margin-bottom:12px}
@media(max-width:900px){.article-toc{max-height:none;overflow:visible}.article-toc-details>summary{font-size:16px}.article-toc-details[open]>summary{margin-bottom:12px}}

.dragon-play-access{display:grid;grid-template-columns:116px minmax(0,1fr);align-items:center;gap:25px;margin:27px 0 42px;padding:29px;border:1px solid #80536f;border-radius:22px;background:var(--jade,#37223f);color:#f8e6ed;box-shadow:0 6px 0 #dfb39d;scroll-margin-top:110px}
.dragon-play-access>img{display:block;width:116px;height:116px;max-width:100%;object-fit:contain;border-radius:25px;filter:drop-shadow(0 8px 10px #180e2833)}
.article-section .dragon-play-access .eyebrow{margin:0 0 8px;color:#ffd1a4;font-size:11px;letter-spacing:1.4px}
.article-section .dragon-play-access h3{max-width:650px;margin:0 0 12px;color:#fff4e5;font-size:28px;line-height:1.3;letter-spacing:-.65px}
.article-section .dragon-play-access p:not(.eyebrow){max-width:610px;margin:0;color:#e8ccd9;font-size:15px;line-height:1.75}
.dragon-play-actions{display:flex;flex-wrap:wrap;align-items:center;gap:15px 22px;margin-top:22px}
.dragon-play-actions .button{min-height:53px;gap:13px;white-space:normal}
.article-content .dragon-play-access a.dragon-demo-link{display:inline-flex;align-items:center;min-height:44px;color:#ffe5be;font-size:14px;font-weight:700;line-height:1.45;text-decoration:underline;text-underline-offset:4px}
.dragon-play-actions a:focus-visible,.dragon-guide-link:focus-visible{outline:3px solid var(--tangerine,#ff9a53);outline-offset:4px}
.dragon-platform-references{padding-top:5px}
.dragon-platform-references .platform-selection-heading{margin-bottom:23px}
.dragon-platform-references .platform-selection-heading .eyebrow{margin-bottom:7px}
.dragon-platform-references .platform-card{box-shadow:0 4px 0 #e9dce1;border-color:#ddcbd4}
.dragon-platform-references .platform-brand{border-bottom:1px solid #d8bccb}
.dragon-platform-references .platform-card .platform-card-content h3{font-size:20px;line-height:1.4}
.dragon-platform-references .platform-features li{background:#f6eef1;font-size:12px}
.dragon-platform-references .platform-card .platform-card-actions{padding-top:5px}
.dragon-guide-link{display:flex;align-items:center;justify-content:space-between;gap:14px;width:100%;min-height:58px;padding:12px 13px;border:1px solid #bea3b7;border-radius:10px;background:#faf2f5;color:var(--jade,#37223f);font-size:14px;font-weight:800;line-height:1.45;text-decoration:none;transition:background .15s ease,border-color .15s ease}
.dragon-guide-link>span:last-child{flex-shrink:0;font-size:22px;font-weight:500}
.dragon-guide-link:hover{border-color:#815c78;background:#f0e0e9;color:var(--jade,#37223f)}
@media(max-width:1100px){.dragon-play-access{grid-template-columns:94px minmax(0,1fr);gap:20px;padding:24px}.dragon-play-access>img{width:94px;height:94px;border-radius:21px}.article-section .dragon-play-access h3{font-size:25px}}
@media(max-width:600px){.dragon-play-access{grid-template-columns:minmax(0,1fr);gap:18px;margin:24px 0 36px;padding:22px;border-radius:19px}.dragon-play-access>img{width:82px;height:82px;border-radius:19px}.article-section .dragon-play-access h3{font-size:25px}.article-section .dragon-play-access p:not(.eyebrow){font-size:15px}.dragon-play-actions{gap:11px;margin-top:21px}.dragon-play-actions .button{width:100%;font-size:15px;padding-inline:14px}.dragon-play-actions .dragon-demo-link{justify-content:center;width:100%;min-height:44px}.dragon-platform-references .platform-card .platform-card-content h3{font-size:23px}.dragon-guide-link{min-height:60px;font-size:15px}}
@media(max-width:350px){.dragon-play-access{padding:19px}.article-section .dragon-play-access h3{font-size:23px}.dragon-play-actions .button{font-size:14px;padding-inline:10px}.dragon-platform-references .platform-card .platform-card-content h3{font-size:21px}}

.platform-choice-tool,.access-walkthrough{--pct-jade:var(--jade,#37223f);--pct-gold:var(--gold,#ffb65f);--pct-ink:var(--ink,#302b3b);--pct-line:var(--line,#dfd2da);container:accesstool / inline-size;margin:28px 0;padding:25px;border:1px solid var(--pct-line);border-radius:23px;background:var(--paper-deep,#f1e8e1);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 #dbc5cf;border-radius:13px;background:var(--white,#fffcf8);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:#ffe5bb}
.pct-scenarios [aria-pressed="true"] strong{color:#ffe5bb}
.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,#746878);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 #e4cfd9;border-radius:12px;background:var(--white,#fffcf8);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:#ad6d8a;background:#f7e9ef}
.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,#746878);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,#746878)}
.pct-reset{min-height:44px;padding:8px 12px;flex-shrink:0;border:1px solid #dbc5cf;border-radius:9px;background:var(--white,#fffcf8);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,#dfd2da);border-radius:14px;background:#fffcf8}
.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:#20192e}
.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 #dbc5cf;border-radius:11px;background:#fffcf8;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:#ffe5bb!important}
.aw-nav a[aria-current="step"] strong{color:#ffe5bb}
.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,#fffcf8);overflow:hidden}
.aw-model-label{margin:-25px -25px 22px;padding:10px 14px;background:var(--pct-jade);color:#f1dce5;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,#746878);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,#746878)}
.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:#37223f;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 #c9a8b6;border-radius:12px;background:#f7e9ef;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 #e4cfd9;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:#ffe5bb;font-size:13px;font-weight:700}
.aw-small{margin:17px 0!important;color:var(--muted,#746878);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 #cf722b;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 #dbc5cf;border-radius:9px;background:#fffcf8;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:#ffe5bb;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 #c5a2b4;border-radius:10px;background:#faf0f4;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:#f7e9ef;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,#746878)}
.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 #bc92a5;border-radius:12px;background:#f7e9ef;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}
.aw-login-brand{display:flex;align-items:center;gap:12px;padding-bottom:18px;border-bottom:1px solid var(--pct-line)}
.aw-login-brand img{width:48px;height:48px;object-fit:contain}
.aw-login-brand strong{display:block;color:var(--pct-jade);font:800 20px/1.3 var(--display,Sora,Arial,sans-serif)}
.aw-login-brand span{display:block;margin-top:4px;color:var(--muted,#746878);font-size:13px}
.aw-login-fields{display:grid;gap:14px;margin:8px 0 20px}
.aw-login-fields>div{min-width:0;padding:16px;border:1px solid #d6b9c8;border-radius:12px;background:#fbf2f5}
.aw-login-fields span{display:block;margin-bottom:6px;color:var(--muted,#746878);font-size:13px}
.aw-login-fields strong{display:block;color:var(--pct-jade);font-size:19px;overflow-wrap:anywhere;letter-spacing:.2px}
.aw-login-success{display:flex;align-items:center;gap:9px;margin-bottom:22px;padding:13px;border:1px solid #ceb4c4;border-radius:11px;background:#f4e9f0;color:var(--pct-jade);font-weight:700}
@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}}

.dragon-platform-hero{position:relative;isolation:isolate;display:block;width:min(100%,510px);height:470px;margin:0 auto;overflow:visible;border:0;border-radius:0;background:transparent;color:var(--jade,#37223f);font-family:var(--body,Manrope,Arial,sans-serif)}
.dragon-platform-hero *{box-sizing:border-box}
.dragon-platform-hero svg{flex:0 0 22px;width:22px;height:22px}
.dragon-platform-hero .dph-mini-label{display:block;font-size:10px;font-weight:800;letter-spacing:1.35px;line-height:1.5}
.dragon-platform-hero .dph-caption{position:absolute;bottom:0;left:0;width:100%;text-align:center;font-size:11px;color:var(--muted,#746878);line-height:1.6}
.dph-mobile .dph-orbit{position:absolute;inset:18px 0 42px;border:1px solid #e5c4bb;border-radius:50%;background:radial-gradient(circle at 60% 50%,#ffdea2 0,transparent 62%)}
.dph-phone{position:absolute;z-index:2;top:4px;right:31px;width:243px;height:425px;overflow:hidden;border:7px solid var(--jade-deep,#20192e);border-radius:37px;color:#ffe9cc;background:var(--jade,#37223f);box-shadow:12px 17px 0 #d7a298,0 25px 45px rgb(59 23 48 / 20%);transform:rotate(4deg)}
.dph-phone-top{display:flex;align-items:center;justify-content:space-between;height:27px;padding:0 13px;color:#f6e0e9;font-size:9px;font-weight:700;background:var(--jade-deep,#20192e)}
.dph-phone-top i{width:72px;height:13px;border-radius:0 0 9px 9px;background:#120d1c}
.dph-address{padding:10px 6px;text-align:center;font-size:10px;line-height:1.2;color:#6e5669;background:#f9ece7}
.dph-phone-content{padding:20px 19px 14px;text-align:center}
.dph-phone-content>.dph-mini-label{color:#ffd19d}
.dph-phone-content>img{display:block;width:92px!important;height:92px!important;max-width:none;margin:14px auto 9px;border-radius:22px;object-fit:contain;filter:none!important}
.dph-phone-content>strong{display:block;font:800 29px/1.05 var(--display,Sora,Arial,sans-serif);letter-spacing:-1.3px;color:#fff6e7}
.dph-provider{display:inline-block;margin:11px 0 16px;padding:3px 9px;border:1px solid #98728e;border-radius:6px;font-size:10px;font-weight:700;color:#ffe2a6}
.dph-phone-action{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:36px;padding:8px 11px;border-radius:8px;background:var(--tangerine,#ff9a53);color:#422034;font-size:10px;font-weight:800;text-align:left;line-height:1.4}
.dph-phone-action svg{width:17px;height:17px;flex-basis:17px}
.dph-phone-bottom{display:flex;justify-content:space-around;align-items:center;padding:8px 15px;color:#f9d9b8;font-size:16px;border-top:1px solid #67425f}
.dph-shortcut{position:absolute;z-index:3;top:105px;left:6px;display:flex;flex-direction:column;align-items:center;width:174px;padding:20px 11px 17px;border:1px solid #dbc2ca;border-radius:23px;color:var(--jade,#37223f);background:#fffaf6;box-shadow:0 12px 35px rgb(74 31 56 / 14%);transform:rotate(-8deg)}
.dph-shortcut>.dph-mini-label{font-size:8px;text-align:center;color:#99734d}
.dph-shortcut>img{width:78px!important;height:78px!important;margin:17px 0 9px;border-radius:19px;box-shadow:0 5px 0 #f0d3ad;filter:none!important}
.dph-shortcut>strong{font:800 22px/1.3 var(--display,Sora,Arial,sans-serif);color:var(--jade,#37223f)}
.dph-shortcut>span:last-child{margin-top:3px;font-size:10px;color:var(--muted,#746878)}
.dph-os-pills{position:absolute;z-index:4;bottom:47px;left:10px;display:flex;flex-direction:column;gap:7px;transform:rotate(-4deg)}
.dph-os-pills>span{padding:7px 13px;border:1px solid #e4c3a4;border-radius:30px;background:#fff0cd;color:var(--jade,#37223f);font-size:11px;font-weight:700;box-shadow:0 4px 12px rgb(77 34 49 / 5%)}
.dph-catalog{padding:33px 16px 25px;height:500px}
.dph-route-note{display:flex;align-items:center;gap:10px;width:max-content;max-width:100%;padding:9px 16px;border:1px solid #debfbd;border-radius:13px;background:#fff2dd;box-shadow:0 8px 19px rgb(75 34 54 / 7%);transform:rotate(-3deg)}
.dph-route-note>span{display:grid;place-items:center;width:28px;height:28px;border-radius:8px;background:var(--tangerine,#ff9a53);color:var(--jade,#37223f);font-size:10px;font-weight:800}
.dph-route-note>strong{color:var(--jade,#37223f);font-size:13px}
.dph-catalog-window{position:relative;z-index:2;margin:14px 0;padding:17px;border:4px solid var(--jade,#37223f);border-radius:23px;background:#fffcf8;box-shadow:10px 11px 0 #e8bd99}
.dph-window-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;color:var(--jade,#37223f);font-size:14px}
.dph-window-head>strong{color:inherit}
.dph-window-head>span{color:#a58099;letter-spacing:3px}
.dph-search{display:flex;align-items:center;gap:9px;padding:11px 12px;border:1px solid #d3acbc;border-radius:10px;background:#f7edf2;font-size:16px;font-weight:700;color:var(--jade,#37223f)}
.dph-search svg{width:19px;height:19px;flex-basis:19px}
.dph-provider-row{display:flex;align-items:center;justify-content:space-between;margin:15px 0 12px;font-size:9px;font-weight:700;letter-spacing:1px;color:#8d7385}
.dph-provider-row>strong{color:var(--jade,#37223f);letter-spacing:0;font-size:12px}
.dph-provider-row b{display:inline-grid;place-items:center;margin-left:5px;width:17px;height:17px;border-radius:50%;background:#f8d89a;color:#54313d}
.dph-game-card{display:flex;align-items:center;gap:14px;padding:13px;border:1px solid #bd9aaf;border-radius:16px;background:var(--jade,#37223f);color:#ffddb0}
.dph-game-card>img{flex:0 0 91px;width:91px!important;height:91px!important;max-width:none;border-radius:19px;object-fit:contain;filter:none!important}
.dph-game-card>div{min-width:0}
.dph-game-card .dph-mini-label{font-size:8px;color:#ffd5a1;letter-spacing:1px}
.dph-game-card strong{display:block;margin:5px 0;color:#fff8e9;font:800 26px/1.04 var(--display,Sora,Arial,sans-serif);letter-spacing:-1px}
.dph-game-card>div>span:last-child{font-size:10px;color:#dfc7d9}
.dph-game-card>svg{margin-left:auto;color:var(--tangerine,#ff9a53)}
.dph-catalog-foot{display:flex;justify-content:center;gap:12px;margin-top:14px;color:#71576b;font-size:10px;font-weight:700}
.dph-catalog-foot i{font-style:normal;color:#b67a3c}
.dph-route-end{position:relative;z-index:3;margin:-1px 0 0 auto;transform:rotate(2deg)}
.dragon-access-intro{display:flex;align-items:center;gap:25px;margin:25px 0;padding:24px;border:1px solid var(--line,#dfd2da);border-radius:20px;background:#f7e9ee}
.dragon-access-intro>img{flex:0 0 128px;width:128px;height:128px;object-fit:contain;border-radius:26px}
.dragon-access-intro>div{min-width:0}
.dragon-access-intro h3{margin:6px 0 12px;color:var(--jade,#37223f);font-size:24px;line-height:1.35}
.dragon-access-intro p{font-size:15px}
.dragon-access-intro .button{margin-top:8px}
.dragon-brand-wordmark{font:800 26px/1.2 var(--display,Sora,Arial,sans-serif);letter-spacing:-1px;color:#143c78}
.platform-card[data-platform="betnacional"] .platform-brand{background:#f7fafc}
.dragon-platform-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}
.dragon-platform-grid .platform-brand{min-height:106px;padding:21px}
.dragon-platform-grid .platform-card-content{padding:21px 18px 5px}
.dragon-platform-grid .platform-card-content h3{font-size:21px}
.dragon-platform-grid .platform-card-content p{font-size:14px}
.dragon-platform-grid .platform-card-actions{padding:9px 18px 22px}
.dragon-platform-grid .platform-card-actions .button{padding-inline:11px;font-size:14px}
.dragon-platform-grid .platform-detail-link{font-size:13px}
@media(max-width:600px){.dragon-platform-hero{max-width:365px;height:425px}.dph-phone{right:19px;width:218px;height:381px;border-width:6px}.dph-phone-content{padding:14px 14px 9px}.dph-phone-content>img{width:79px!important;height:79px!important;margin:11px auto 7px}.dph-phone-content>strong{font-size:27px}.dph-provider{margin:9px 0 12px}.dph-shortcut{top:91px;left:3px;width:141px;padding:17px 8px 14px}.dph-shortcut>img{width:65px!important;height:65px!important}.dph-shortcut>strong{font-size:19px}.dph-shortcut>.dph-mini-label{font-size:7px}.dph-os-pills{left:1px;bottom:50px}.dph-os-pills>span{padding:6px 11px;font-size:10px}.dph-catalog{height:416px;padding:18px 6px 30px}.dph-catalog-window{padding:14px}.dph-game-card{gap:11px;padding:11px}.dph-game-card>img{flex-basis:76px;width:76px!important;height:76px!important}.dph-game-card strong{font-size:23px}.dph-game-card>svg{display:none}.dph-search{font-size:15px}.dph-route-note{padding:8px 11px}.dph-route-note>strong{font-size:11px}.dph-route-note>span{width:25px;height:25px}.dph-caption{font-size:10px!important}.dragon-access-intro{display:block;padding:20px}.dragon-access-intro>img{display:block;width:105px;height:105px;margin:0 0 18px}.dragon-access-intro h3{font-size:22px}.dragon-access-intro .button{width:100%}}
@media(max-width:350px){.dragon-platform-hero{height:400px}.dph-phone{right:7px;width:199px;height:363px}.dph-phone-content>strong{font-size:25px}.dph-phone-content>img{width:72px!important;height:72px!important}.dph-phone-action{font-size:9px}.dph-shortcut{width:115px;top:102px;left:0}.dph-shortcut>.dph-mini-label{font-size:6px;letter-spacing:.8px}.dph-shortcut>img{width:55px!important;height:55px!important}.dph-shortcut>strong{font-size:17px}.dph-shortcut>span:last-child{font-size:9px}.dph-os-pills{bottom:43px}.dph-catalog{height:410px}.dph-game-card>img{flex-basis:65px;width:65px!important;height:65px!important}.dph-game-card strong{font-size:21px}.dph-window-head{font-size:13px}.dph-search{font-size:14px}}
@media(max-width:600px){.dph-catalog{height:490px}.dph-shortcut{width:118px;top:104px;left:0}.dph-shortcut>.dph-mini-label{font-size:6px;letter-spacing:.8px}.dph-shortcut>img{width:57px!important;height:57px!important}.dph-shortcut>strong{font-size:17px}.dph-shortcut>span:last-child{font-size:9px}}
@media(max-width:350px){.dph-catalog{height:490px}.dph-shortcut{width:98px;top:101px}.dph-shortcut>.dph-mini-label{font-size:5px;letter-spacing:.5px}.dph-shortcut>img{width:48px!important;height:48px!important}.dph-shortcut>strong{font-size:15px}.dph-shortcut>span:last-child{font-size:8px}}
@media(max-width:900px){.dragon-platform-grid{grid-template-columns:1fr}.dragon-platform-grid .platform-card-content{padding:22px 24px 5px}.dragon-platform-grid .platform-card-actions{padding:9px 24px 25px}.dragon-platform-grid .platform-card-content p{font-size:16px}.dragon-platform-grid .platform-card-content h3{font-size:24px}.dragon-platform-grid .platform-card-actions .button{font-size:16px}}

/* Native article heroes use readable HTML; the controls live in the article. */
.dragon-platform-hero.dph-catalog{height:auto;padding-top:22px;padding-bottom:0}
.dph-catalog>.dph-caption{position:static;display:block;margin-top:20px;font-size:12px!important;line-height:1.6}
.dph-catalog .dph-provider-row{font-size:11px;letter-spacing:.7px}
.dph-catalog .dph-game-card .dph-mini-label{font-size:10px;letter-spacing:.5px}
.dph-catalog .dph-game-card>div>span:last-child{font-size:12px}
.dph-catalog .dph-catalog-foot{font-size:12px}
.dph-catalog .dph-route-note>strong{font-size:13px}
.dph-shortcut>img{margin-top:0}
.dph-mobile>.dph-caption{font-size:12px!important}
.dph-mobile .dph-shortcut>span:last-child{font-size:11px}

.dragon-platform-hero.dph-rules{height:auto;padding:21px;border:3px solid var(--jade);border-radius:24px;background:var(--white);box-shadow:9px 11px 0 #e6b89d}
.dragon-platform-hero.dph-rules,.dragon-platform-hero.dph-time,.dragon-platform-hero.dph-gain{line-height:1.45}
.dph-rules-head{margin-bottom:17px}
.dph-rules-head>span,.dph-gain-head>span{display:block;margin-bottom:6px;color:#8b5e68;font-size:11px;font-weight:800;letter-spacing:1px}
.dph-rules-head>strong{display:block;font:800 24px/1.25 var(--display,Sora,Arial,sans-serif);letter-spacing:-.8px;color:var(--jade)}
.dph-rules-board{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;width:100%;max-width:280px;margin-inline:auto;padding:8px;border:1px solid #77516c;border-radius:16px;background:var(--jade)}
.dph-rules-board>span{display:grid;place-items:center;aspect-ratio:1;background:#2f303b;border:2px solid #56404f;border-radius:9px}
.dph-rules-board>.dph-winning-cell{border-color:#f8c363;background:#2f303b;box-shadow:inset 0 0 0 1px #f8c363}
.dph-rules-board img{display:block;width:86%!important;height:86%!important;max-height:none;object-fit:contain;filter:drop-shadow(0 3px 2px #6d263326)}
.dph-five-lines{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;max-width:280px;margin:15px auto 18px}
.dph-five-lines>span{position:relative;display:grid;place-items:center;padding:5px 4px 4px;border:1px solid #ddc5cb;border-radius:8px;background:#f9eff0}
.dph-five-lines b{position:absolute;top:-7px;left:4px;display:grid;place-items:center;width:17px;height:17px;border-radius:5px;font-size:10px;line-height:1;color:#fff9ef;background:var(--jade)}
.dph-five-lines svg{display:block;width:100%;height:auto;max-width:44px;aspect-ratio:1}
.dph-line-grid{stroke:#d5bec8;stroke-width:1}
.dph-line-path{stroke:#ae542c;stroke-width:4;stroke-linecap:round;stroke-linejoin:round}
.dph-multiplier-strip{display:flex;align-items:center;gap:6px;padding:11px 10px;border:1px solid #dcb6bb;border-radius:12px;background:#f8e7df}
.dph-multiplier-strip>div{margin-right:auto}
.dph-multiplier-strip>div>span{display:block;margin-bottom:2px;font-size:11px;color:#75586a}
.dph-multiplier-strip strong{display:block;font-size:13px;color:var(--jade)}
.dph-multiplier-strip>span{display:grid;place-items:center;flex:0 0 37px;min-height:37px;border-radius:8px;color:#8d687e;background:#efdae0;font:800 18px/1 var(--display,Sora,Arial,sans-serif)}
.dph-multiplier-strip>.dph-multiplier-active{color:var(--jade-deep);background:var(--tangerine);box-shadow:0 3px 0 #b65d37}
.dph-rules>.dph-caption,.dph-time>.dph-caption,.dph-gain>.dph-caption{position:static;display:block;margin-top:16px;font-size:12px!important;line-height:1.6}

.dragon-platform-hero.dph-time{height:auto;padding-top:177px}
.dph-clock{position:absolute;z-index:0;top:0;left:7px;width:258px;height:258px;border:9px solid var(--jade);border-radius:50%;color:#ffe7bc;background:var(--jade-deep);box-shadow:7px 10px 0 #d6a29a,0 18px 28px #51344814}
.dph-clock:before{content:"";position:absolute;inset:11px;border-radius:50%;background:repeating-conic-gradient(from -1deg,#f4bd7a 0deg 2deg,transparent 2deg 30deg);mask:radial-gradient(transparent 64%,#000 65%)}
.dph-clock>span{position:absolute;font:700 20px/1 var(--display,Sora,Arial,sans-serif)}
.dph-clock-12{top:19px;left:50%;transform:translateX(-50%)}
.dph-clock-3{right:20px;top:50%;transform:translateY(-50%)}
.dph-clock-6{bottom:19px;left:50%;transform:translateX(-50%)}
.dph-clock-9{left:20px;top:50%;transform:translateY(-50%)}
.dph-clock>i{position:absolute;bottom:50%;left:calc(50% - 3px);width:6px;border-radius:6px;transform-origin:50% 100%;background:#ffc285}
.dph-clock-hour{height:58px;transform:rotate(27deg)}
.dph-clock>i.dph-clock-minute{left:calc(50% - 2px);width:4px;height:82px;transform:rotate(324deg);background:#ffeac3}
.dph-clock>b{position:absolute;top:calc(50% - 7px);left:calc(50% - 7px);width:14px;height:14px;border:3px solid #ffd389;border-radius:50%;background:var(--jade)}
.dph-clock>em{position:absolute;top:48px;left:0;width:100%;font-size:8px;font-style:normal;font-weight:700;text-align:center;letter-spacing:1.2px;color:#d9b7ca}
.dph-time-card{position:relative;z-index:1;width:89%;margin-left:auto;padding:22px 23px 19px;border:1px solid #d9bac5;border-radius:18px;background:#fffcf7;box-shadow:0 14px 27px #4c263c1a}
.dph-time-top{display:flex;flex-direction:column;gap:5px;padding-bottom:15px;border-bottom:1px solid #e9d4d8}
.dph-time-top>span{font-size:11px;font-weight:800;letter-spacing:1.4px;color:#9d6265}
.dph-time-top>strong{color:var(--jade);font-size:16px;font-weight:800}
.dph-time-date{display:flex;align-items:center;justify-content:space-between;gap:9px;margin-top:18px;font-size:13px;font-weight:700;color:#725468}
.dph-time-date>b{padding:5px 7px;border-radius:6px;font-size:11px;background:#ffdfb8;color:#6c393a}
.dph-time-digits{display:block;margin:6px 0 15px;color:var(--jade-deep);font:800 clamp(32px,3.5vw,48px)/1.15 var(--display,Sora,Arial,sans-serif);font-variant-numeric:tabular-nums;letter-spacing:-2px}
.dph-time-digits>span{color:#ab6548;font-size:.66em;letter-spacing:-1px}
.dph-time-bottom{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-top:14px;border-top:1px solid #e9d4d8;font-size:11px;font-weight:700;color:#806378}
.dph-time-bottom>b{color:#bf7c44}

.dragon-platform-hero.dph-gain{height:auto;padding:0 5px 0 0}
.dph-gain-ticket{overflow:hidden;border:2px solid var(--jade);border-radius:22px 22px 9px 9px;background:#fffaf1;box-shadow:8px 10px 0 #deb4a2}
.dph-gain-head{padding:20px 24px 0}
.dph-gain-head>strong{display:block;font:800 21px/1.3 var(--display,Sora,Arial,sans-serif);letter-spacing:-.6px;color:var(--jade)}
.dph-gain-symbols{display:flex;align-items:center;justify-content:center;gap:7px;margin:17px 24px 4px;padding:10px 7px;border:1px solid #e5bf89;border-radius:12px;background:#2f303b}
.dph-gain-symbols>img{display:block;flex:0 1 29%;width:29%!important;height:70px!important;object-fit:contain;max-height:none}
.dph-gain-ledger{margin:0;padding:8px 24px 15px}
.dph-gain-ledger>div{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 0;border-bottom:1px solid #e5d4ce}
.dph-gain-ledger dt{font-size:13px;line-height:1.5;color:#73526b}
.dph-gain-ledger dt>small{display:block;font-size:11px;color:#947788}
.dph-gain-ledger dd{margin:0;font:800 21px/1.2 var(--display,Sora,Arial,sans-serif);font-variant-numeric:tabular-nums;color:var(--jade)}
.dph-gain-ledger>.dph-gain-multiplier{border:0;padding-bottom:0}
.dph-gain-multiplier>dd{padding:6px 12px;border-radius:8px;background:var(--tangerine);color:var(--jade-deep)}
.dph-gain-total{padding:20px 24px;background:var(--jade);color:#ffe6bb}
.dph-gain-total>span{font-size:12px;font-weight:700;color:#e3c4d5}
.dph-gain-total>strong{display:block;margin:4px 0 12px;font:800 56px/1.1 var(--display,Sora,Arial,sans-serif);letter-spacing:-2px;color:#ffdb8f;font-variant-numeric:tabular-nums}
.dph-gain-total>div{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-top:12px;border-top:1px solid #6b4969;font-size:11px;color:#e5cedc}
.dph-gain-total>div>b{font:800 21px/1.2 var(--display,Sora,Arial,sans-serif);color:#ffeac4;font-variant-numeric:tabular-nums}
@media(max-width:600px){
 .dragon-platform-hero.dph-rules{padding:17px}.dph-rules-head>strong{font-size:23px}.dph-rules-board{gap:5px;padding:7px}.dph-five-lines{gap:6px;margin-bottom:15px}.dph-multiplier-strip{gap:5px;padding:10px 8px}.dph-multiplier-strip>span{flex-basis:34px;min-height:35px;font-size:17px}.dph-multiplier-strip strong{font-size:12px}
 .dragon-platform-hero.dph-time{padding-top:172px}.dph-time-card{padding:20px;width:90%}.dph-time-digits{font-size:43px}.dph-clock{width:245px;height:245px}.dph-time>.dph-caption{max-width:300px;margin-inline:auto}
 .dph-gain-head{padding:19px 20px 0}.dph-gain-symbols{margin-inline:20px}.dph-gain-ledger{padding-inline:20px}.dph-gain-total{padding:19px 20px}.dph-gain-symbols>img{height:66px!important}
}
@media(max-width:350px){
 .dragon-platform-hero.dph-rules{padding:13px}.dph-rules-head>strong{font-size:20px}.dph-rules-board{gap:4px;padding:6px}.dph-five-lines{gap:4px}.dph-multiplier-strip{flex-wrap:wrap;justify-content:center}.dph-multiplier-strip>div{flex:1 0 100%;margin:0 0 3px;text-align:center}.dph-multiplier-strip>div>span{display:inline;margin-right:3px}.dph-multiplier-strip strong{display:inline}.dph-multiplier-strip>span{flex-basis:43px}
 .dph-time-card{width:94%;padding:18px}.dph-time-digits{font-size:40px}.dph-time-bottom{font-size:10px}.dph-clock{left:0;width:226px;height:226px}.dragon-platform-hero.dph-time{padding-top:155px}.dph-clock>em{font-size:7px;letter-spacing:.7px}
 .dph-gain-head>strong{font-size:19px}.dph-gain-head,.dph-gain-ledger,.dph-gain-total{padding-inline:17px}.dph-gain-symbols{margin-inline:17px}.dph-gain-symbols>img{height:57px!important}.dph-gain-total>strong{font-size:51px}.dph-gain-total>div{font-size:10px}
}

.ss-sequence,.ss-day-periods{--ss-plum:var(--jade,#37223f);--ss-deep:var(--jade-deep,#20192e);--ss-gold:var(--gold,#f6c65b);--ss-orange:var(--tangerine,#ff9a53);--ss-ink:var(--ink,#302b3b);--ss-muted:var(--muted,#746878);color:var(--ss-ink);font-variant-numeric:tabular-nums;margin:28px 0}.ss-sequence *,.ss-day-periods *{box-sizing:border-box}.ss-sequence{padding:clamp(16px,3vw,30px);background:linear-gradient(135deg,#fffdf9,#f3e7df);border:1px solid var(--line,#dfd2da);border-radius:22px 22px 8px 22px}.ss-kicker{display:block;font-size:13px;font-weight:850;letter-spacing:.08em;line-height:1.5;text-transform:uppercase}.ss-heading h3{font-size:clamp(1.35rem,3vw,1.85rem);line-height:1.2;margin:.5rem 0 .7rem}.ss-heading p{max-width:65ch;line-height:1.65;margin:0}.ss-controls{display:flex;align-items:end;gap:22px;margin:25px 0 15px}.ss-base{display:flex;flex-direction:column;gap:8px;min-width:145px;max-width:190px;font-weight:800;font-size:14px}.ss-base select{font:inherit;color:var(--ss-ink);background:#fffdfa;border:1px solid #baa3b6;border-radius:9px;padding:12px 34px 12px 14px;min-height:49px;max-width:100%}.ss-mode-group{display:flex;gap:8px;flex:1}.ss-mode-group button{font:800 15px/1.3 var(--body,Arial,sans-serif);min-height:49px;flex:1;padding:12px 14px;border:1px solid #baa3b6;border-radius:9px;background:#fffdfa;color:var(--ss-ink);cursor:pointer}.ss-mode-group button[aria-pressed=true]{color:#fff2d4;background:var(--ss-plum);border-color:var(--ss-plum);box-shadow:inset 0 -3px 0 var(--ss-gold)}.ss-mode-group button:disabled,.ss-base select:disabled{opacity:1;cursor:default;-webkit-text-fill-color:currentColor}.ss-mode-group button:focus-visible,.ss-base select:focus-visible{outline:3px solid var(--ss-orange);outline-offset:4px}.ss-description{font-size:.93rem;line-height:1.6;min-height:1.6em;margin:14px 0 20px}
.ss-board{list-style:none!important;padding:22px 15px 20px!important;margin:0!important;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;background:radial-gradient(ellipse at top,#674269,var(--ss-deep));border:1px solid #c3904b;border-radius:17px;counter-reset:none!important}.ss-board .ss-step{list-style:none;padding:0!important;margin:0!important;min-width:0;display:flex;align-items:center;flex-direction:column;color:#fff3e3;border:none!important;background:none!important}.ss-step:before{content:none!important}.ss-step-label{font-size:13px;font-weight:750;color:#e7d1e3;line-height:1.3;margin-bottom:20px}.ss-chip{--rise:0;position:relative;isolation:isolate;display:grid;place-items:center;width:clamp(49px,6vw,78px);aspect-ratio:1;flex-shrink:0;border-radius:50%;border:5px solid #f7c963;background:radial-gradient(circle at 40% 30%,#fff2ba,#ebad35 65%,#b87525);color:#4a2c25;box-shadow:0 4px 0 #a56b27,0 8px 0 #563348,0 calc(10px + var(--rise)*2px) 0 #b28445,0 calc(11px + var(--rise)*2px) 0 #674269;transform:translateY(calc(var(--rise)*-2px));transition:transform .18s ease,box-shadow .18s ease}.ss-chip:before{content:"";position:absolute;inset:3px;border:2px dashed #ad6b23;border-radius:50%;z-index:-1}.ss-chip>span{font-family:var(--display,sans-serif);font-weight:850;font-size:clamp(18px,2.3vw,27px);line-height:1;letter-spacing:-.04em}.ss-step[data-ss-rise=true] .ss-chip{border-color:#ffd498;background:radial-gradient(circle at 35% 25%,#ffe6ba,#f3a464 65%,#bd632f)}.ss-step>strong{color:#fff3e3;font:800 clamp(14px,1.8vw,20px)/1.3 var(--display,sans-serif);margin-top:24px;white-space:nowrap}.ss-step-unit{display:block;font-size:13px;line-height:1.3;margin-top:4px;color:#cfbbce}
.ss-result{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.7fr);gap:12px 24px;margin:24px 0;padding:0 4px}.ss-result>div>span{display:block;font-size:14px;line-height:1.5;color:var(--ss-muted)}.ss-result [data-ss-total]{display:block;font:850 clamp(2.5rem,5vw,3.5rem)/1.2 var(--display,sans-serif);color:var(--ss-plum);letter-spacing:-.03em;margin-top:6px}.ss-last{border-left:1px solid #d6bfcd;padding-left:24px}.ss-last strong{display:block;font:800 clamp(1.7rem,4vw,2.6rem)/1.3 var(--display,sans-serif);margin-top:9px}.ss-result>p{grid-column:1/-1;margin:3px 0 0;font-size:.93rem;line-height:1.65}.ss-comparison{border-top:1px solid #dcc9d5;padding-top:20px}.ss-comparison h4{font-size:1rem;line-height:1.4;margin:0 0 18px}.ss-comparison dl{margin:0;display:grid;gap:12px}.ss-compare-row{display:grid;grid-template-columns:90px minmax(0,1fr);align-items:center;gap:14px;padding:9px 12px;border-radius:8px}.ss-compare-row[data-active=true]{background:#eadce8}.ss-compare-row dt{font-weight:800;font-size:14px;line-height:1.5}.ss-compare-row dd{margin:0;display:grid;grid-template-columns:minmax(0,1fr) 64px;align-items:center;gap:14px}.ss-compare-row strong{grid-column:2;grid-row:1;text-align:right;font-size:15px;line-height:1.5}.ss-track{grid-column:1;grid-row:1;display:block;height:10px;border-radius:10px;background:#e1d1dc;overflow:hidden}.ss-track>span{width:var(--fill);height:100%;display:block;background:#987094;border-radius:inherit}.ss-compare-row[data-active=true] .ss-track>span{background:var(--ss-plum)}.ss-note{font-size:13px;line-height:1.7;color:var(--ss-muted);margin:20px 0 0}.ss-next{display:flex;align-items:center;gap:20px;margin-top:24px;padding-top:22px;border-top:1px solid #dcc9d5}.ss-next .button{flex-shrink:0;white-space:nowrap;min-height:48px}.ss-next p{font-size:14px;line-height:1.6;margin:0}.ss-fallback{margin-top:22px}.ss-fallback caption{text-align:left;font-weight:800;line-height:1.5;padding:10px 0}
.ss-day-periods{padding-top:4px}.ss-day-heading{display:flex;align-items:baseline;gap:20px;margin-bottom:24px}.ss-day-heading p{font-size:.95rem;line-height:1.65;margin:0;max-width:55ch}.ss-day-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;list-style:none!important;padding:0!important;margin:0!important}.ss-day-list>li{position:relative;list-style:none!important;min-width:0;padding:0 20px 0 0!important;margin:0!important;border:0!important;background:none!important}.ss-day-list>li:before{content:"";display:block;position:absolute;left:28px;right:-10px;top:26px;height:2px;background:linear-gradient(90deg,#dda85e,#9b7296);z-index:0}.ss-day-list>li:last-child:before{content:none}.ss-period-icon{position:relative;width:54px;height:54px;display:grid;place-items:center;border-radius:50%;background:#fff1d1;border:2px solid #dbad65;color:#845524;margin-bottom:15px}.ss-period-icon svg{width:32px;height:32px;stroke:currentColor;stroke-width:1.8;fill:none;stroke-linecap:round;stroke-linejoin:round}.ss-day-list>li:nth-child(2) .ss-period-icon{background:#ffe4c5;border-color:#dca073;color:#9c5d32}.ss-day-list>li:nth-child(3) .ss-period-icon{background:#eadce9;border-color:#a37a9e;color:#654364}.ss-day-list>li:nth-child(4) .ss-period-icon{background:var(--ss-plum);border-color:#876786;color:#f8db9a}.ss-day-list h3{font-size:1.12rem!important;line-height:1.3!important;margin:0 0 9px!important}.ss-day-list strong{display:block;font-size:13px;line-height:1.5;margin-bottom:5px;color:var(--ss-muted)}.ss-day-list p{font-size:14px;line-height:1.65;margin:0}
@media(max-width:700px){.ss-controls{display:grid;grid-template-columns:1fr;gap:17px}.ss-base{max-width:100%;display:grid;grid-template-columns:minmax(0,1fr) minmax(110px,.65fr);align-items:center}.ss-mode-group{width:100%}.ss-board{gap:11px 8px;padding:20px 10px!important}.ss-chip{width:clamp(42px,8vw,64px);border-width:4px}.ss-chip>span{font-size:19px}.ss-step>strong{font-size:14px}.ss-step-unit{font-size:13px}.ss-day-list{grid-template-columns:1fr 1fr;gap:26px 20px}.ss-day-list>li{padding:0!important}.ss-day-list>li:nth-child(2):before{content:none}.ss-day-heading{display:block}.ss-day-heading p{margin-top:8px}.ss-next{align-items:stretch;flex-direction:column;gap:12px}.ss-next .button{align-self:flex-start}.ss-compare-row{grid-template-columns:78px minmax(0,1fr);gap:10px;padding-inline:8px}.ss-compare-row dd{grid-template-columns:minmax(0,1fr) 57px;gap:10px}}
@media(max-width:480px){.ss-board{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px 12px;padding:20px 13px!important}.ss-step-label{margin-bottom:19px}.ss-chip{width:59px}.ss-chip>span{font-size:21px}.ss-step>strong{font-size:17px;margin-top:21px}.ss-step-unit{margin-top:3px}.ss-mode-group{gap:6px}.ss-mode-group button{font-size:14px;padding:11px 7px}.ss-result{gap:12px 15px}.ss-last{padding-left:15px}.ss-result [data-ss-total]{font-size:2.5rem}.ss-last strong{font-size:1.8rem}.ss-result>div>span{font-size:13px}.ss-compare-row{grid-template-columns:65px minmax(0,1fr);gap:6px}.ss-compare-row dt{font-size:13px}.ss-compare-row dd{grid-template-columns:minmax(0,1fr) 54px;gap:8px}.ss-compare-row strong{font-size:14px}.ss-day-list{gap:25px 16px}.ss-day-list p{font-size:13px}.ss-next .button{width:100%;white-space:normal;text-align:center}.ss-next p{font-size:13px}}
.ss-sequence .ss-note,.ss-day-periods .ss-note{margin:20px 0 0}
.ss-sequence .ss-step>strong{color:#fff3e3}
@media(max-width:360px){.ss-result{grid-template-columns:1fr}.ss-last{border-left:0;border-top:1px solid #d6bfcd;padding:12px 0 0}.ss-last strong{margin-top:5px}}
@media(prefers-reduced-motion:reduce){.ss-chip{transition:none}}

.dw-compare{--dw-plum:var(--jade,#37223f);--dw-deep:var(--jade-deep,#20192e);--dw-gold:var(--gold,#f6c65b);margin:2rem 0;padding:clamp(18px,3vw,30px);border:1px solid var(--line,#dfd2da);border-radius:24px 24px 8px 24px;background:linear-gradient(135deg,#fffdfa,#f3e9e3);color:var(--ink,#302b3b)}
.dw-compare *{box-sizing:border-box}.dw-heading{max-width:62ch}.dw-kicker{display:block;font-size:.76rem;font-weight:800;line-height:1.5;letter-spacing:.07em;text-transform:uppercase;color:var(--dw-plum)}.dw-heading h3{font-family:var(--display,sans-serif);font-size:clamp(1.35rem,3vw,1.85rem);line-height:1.25;margin:.5rem 0 .75rem}.dw-heading p{line-height:1.65;margin:0}
.dw-choices{display:flex;flex-wrap:wrap;gap:10px;margin:22px 0 18px}.dw-choices button{min-height:46px;min-width:0;padding:11px 18px;border:1px solid #cdbbc9;border-radius:999px;background:#fffcf8;color:var(--dw-plum);font:inherit;font-size:.9rem;font-weight:800;line-height:1.4;cursor:pointer;transition:background .16s,border-color .16s,color .16s}.dw-choices button[aria-pressed=true]{background:var(--dw-plum);border-color:var(--dw-plum);color:#fff0c8;box-shadow:inset 0 -3px 0 var(--dw-gold)}.dw-choices button:disabled{opacity:1;cursor:default}.dw-choices button:hover:not(:disabled){border-color:var(--gold-dark,#94611d)}.dw-choices button:focus-visible{outline:3px solid var(--tangerine,#ff9a53);outline-offset:4px}
.dw-board{padding:22px clamp(12px,3vw,28px) 16px;border:1px solid #b38443;border-radius:18px 18px 6px 18px;background:radial-gradient(ellipse at top,#573957,var(--dw-deep) 82%);color:#fff5e7}.dw-reels{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr);gap:clamp(6px,1.6vw,16px);align-items:center;max-width:570px;margin:auto}.dw-cell{display:flex;min-width:0;flex-direction:column;align-items:center;gap:9px}.dw-reel{font-size:.75rem;line-height:1.4;letter-spacing:.04em;color:#e6d6e8}.dw-symbol{display:grid;place-items:center;width:100%;max-width:138px;aspect-ratio:1;background:#30303d;border:2px solid #a27d58;border-radius:14px;overflow:hidden}.dw-symbol img{display:block;width:100%;height:100%;object-fit:contain}.dw-cell--center .dw-symbol{border-color:var(--dw-gold);box-shadow:0 0 0 3px #f6c65b1c}.dw-name{font-size:.85rem;font-weight:800;line-height:1.3;text-align:center;color:#fff5e7}.dw-arrow{font-size:clamp(1.25rem,3vw,1.8rem);font-weight:800;color:var(--dw-gold);line-height:1}.dw-line-label{display:block;margin:18px 0 0;text-align:center;font-size:.76rem;line-height:1.5;color:#e6d6e8}.dw-board[data-case=different] .dw-cell--center .dw-symbol{border-color:#e5aba2;box-shadow:none}.dw-board[data-case=different] .dw-arrow{color:#e5aba2}
.dw-result{display:grid;grid-template-columns:36px minmax(0,1fr);gap:13px;align-items:start;min-height:124px;padding:22px 0 15px}.dw-result-mark{display:grid;place-items:center;width:36px;height:36px;border:1px solid #dac390;border-radius:50%;background:#fff0c8;color:var(--dw-plum);font-size:1.15rem;font-weight:800;line-height:1}.dw-result[data-case=different] .dw-result-mark{border-color:#d8b4b6;background:#f0dddd}.dw-result strong{display:block;font-size:1.08rem;font-weight:800;line-height:1.4}.dw-result p{font-size:.94rem;line-height:1.7;margin:.45rem 0 0}.dw-multiplier{margin:8px 0 0!important;padding:17px 18px;border-left:4px solid var(--dw-gold);border-radius:0 12px 12px 0;background:#ece1e8;font-size:.93rem;line-height:1.65}.dw-multiplier strong{display:block;margin-bottom:4px;color:var(--dw-plum)}.dw-note{font-size:.8rem;line-height:1.65;color:var(--muted,#746878);margin:15px 0 0!important}.dw-fallback{margin-top:18px;border-top:1px solid #d7c4d0;padding-top:10px}.dw-fallback h4{font-size:1.1rem;line-height:1.4}
@media(max-width:480px){.dw-choices{gap:8px}.dw-choices button{flex:1;padding:11px 8px;font-size:.8rem}.dw-board{padding:18px 10px 14px}.dw-reels{gap:6px}.dw-symbol{border-radius:10px}.dw-cell{gap:8px}.dw-reel{font-size:.68rem}.dw-name{font-size:.73rem}.dw-line-label{font-size:.68rem;margin-top:15px}.dw-result{grid-template-columns:30px minmax(0,1fr);gap:10px;padding-top:18px;min-height:160px}.dw-result-mark{width:30px;height:30px;font-size:1rem}.dw-result strong{font-size:1rem}.dw-result p{font-size:.88rem}.dw-multiplier{padding:14px;font-size:.86rem}}
@media(prefers-reduced-motion:reduce){.dw-choices button{transition:none!important}.dw-compare{scroll-behavior:auto}}


.withdrawal-help{margin:27px 0 31px;padding:27px;border:1px solid #d5c0ce;border-radius:23px;background:var(--paper-deep,#f1e8e1);color:var(--ink,#302b3b);font-family:var(--body,Manrope,Arial,sans-serif)}
.withdrawal-help *{box-sizing:border-box}
.withdrawal-help [hidden]{display:none!important}
.withdrawal-help :is(h3,h4,p,ol){margin:0}
.withdrawal-help a:focus-visible,.withdrawal-help [tabindex]:focus-visible{outline:3px solid var(--tangerine,#ff9a53);outline-offset:4px}
.withdrawal-help .dwh-heading .eyebrow{margin-bottom:7px;font-size:11px}
.withdrawal-help .dwh-heading h3{margin-bottom:11px;color:var(--jade,#37223f);font-size:27px;line-height:1.3;letter-spacing:-.5px}
.withdrawal-help .dwh-heading>p:last-child{max-width:750px;color:var(--muted,#746878);font-size:15px;line-height:1.75}
.dwh-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;margin:23px 0;scroll-margin-top:112px}
.article-content .dwh-options>a{display:flex;align-items:flex-start;gap:12px;min-width:0;min-height:116px;padding:17px;border:1px solid #cfb4c5;border-radius:14px;background:var(--white,#fffcf8);color:var(--jade,#37223f);text-decoration:none;transition:border-color .15s,background .15s}
.article-content .dwh-options>a:hover{border-color:#815a79;background:#f6eaf1}
.dwh-option-icon{display:grid;place-items:center;flex:0 0 35px;width:35px;height:35px;border-radius:9px;background:#f3e3e9;color:var(--jade,#37223f)}
.dwh-option-icon svg{width:23px;height:23px}
.dwh-option-copy{flex:1;min-width:0}
.article-content .dwh-option-copy>strong{display:block;margin:1px 0 6px;color:inherit;font-size:16px;font-weight:800;line-height:1.4}
.dwh-option-copy>small{display:block;color:var(--muted,#746878);font-size:12px;line-height:1.55}
.dwh-option-arrow{flex:0 0 auto;margin-top:1px;color:#a9766b;font-size:20px;line-height:1.3}
.article-content .dwh-options>a[aria-current="true"]{border-color:var(--jade,#37223f);background:var(--jade,#37223f);color:#fff1da;box-shadow:0 3px 0 #cf9d88}
.dwh-options>[aria-current="true"] .dwh-option-icon{background:#6c466b;color:#ffe0a3}
.dwh-options>[aria-current="true"] .dwh-option-copy>small{color:#e3c7d9}
.dwh-options>[aria-current="true"] .dwh-option-arrow{color:#ffbd85}
.dwh-panels{display:grid;gap:22px}
.dwh-panel{min-width:0;overflow:hidden;padding:24px;border:1px solid #ccb0c2;border-radius:16px;background:var(--white,#fffcf8);scroll-margin-top:112px}
.dwh-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;margin-bottom:19px}
.dwh-panel-head>div{min-width:0}
.dwh-kicker{display:block;margin-bottom:7px;color:#906577;font-size:11px;font-weight:800;letter-spacing:1.1px;text-transform:uppercase}
.withdrawal-help .dwh-panel-head h3{color:var(--jade,#37223f);font-size:25px;line-height:1.3;letter-spacing:-.55px}
.dwh-status{flex:0 0 auto;max-width:165px;padding:6px 10px;border:1px solid #eac399;border-radius:8px;background:#fff0d4;color:#734532;font-size:11px;font-weight:800;line-height:1.5;text-align:center}
.dwh-path{display:flex;flex-wrap:wrap;gap:7px 12px;margin:0 0 22px;padding:12px 14px;border-radius:10px;background:#f2e8ef;color:#74596e}
.dwh-path>span{display:inline-flex;align-items:center;gap:12px;font-size:12px;font-weight:700;line-height:1.6}
.dwh-path b{color:#a77672;font-size:15px;font-weight:500}
.withdrawal-help .dwh-steps{display:grid;gap:0;padding:0;list-style:none}
.dwh-steps>li{display:flex;align-items:flex-start;gap:14px;margin:0;padding:18px 0;border-top:1px solid #eadde5}
.dwh-steps>li:first-child{padding-top:0;border-top:0}
.dwh-number{display:grid;place-items:center;flex:0 0 35px;width:35px;height:35px;border:1px solid #e5c49e;border-radius:10px;color:var(--jade,#37223f);background:#ffe8c5;font:800 13px/1 var(--display,Sora,Arial,sans-serif)}
.dwh-steps>li>div{flex:1;min-width:0}
.withdrawal-help .dwh-steps h4{margin:0 0 7px;color:var(--jade,#37223f);font:800 17px/1.45 var(--display,Sora,Arial,sans-serif);letter-spacing:-.15px}
.withdrawal-help .dwh-steps p{font-size:15px;line-height:1.8;color:#74586e}
.dwh-result{margin-top:3px;padding:17px 18px;border-left:4px solid var(--tangerine,#ff9a53);border-radius:0 11px 11px 0;background:#f7ece7}
.article-content .dwh-result>strong{display:block;margin-bottom:6px;color:var(--jade,#37223f);font-size:14px}
.withdrawal-help .dwh-result p{font-size:14px;line-height:1.75;color:#765963}
.dwh-panel-links{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 22px;margin-top:18px}
.article-content .dwh-panel-links>a{display:inline-flex;align-items:center;justify-content:space-between;gap:9px;min-height:44px;color:var(--jade-bright,#70466e);font-size:13px;font-weight:800;line-height:1.5;text-decoration:underline;text-underline-offset:3px}
.dwh-panel-links>a>span{font-size:18px;text-decoration:none}
.dwh-live{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:700px){.withdrawal-help{padding:21px}.article-content .dwh-options>a{padding:14px;gap:10px}.dwh-option-icon{flex-basis:30px;width:30px;height:30px}.dwh-option-icon svg{width:21px;height:21px}.article-content .dwh-option-copy>strong{font-size:15px}.dwh-panel{padding:21px}.dwh-panel-head{display:block}.dwh-status{display:inline-block;max-width:none;margin-top:13px}.withdrawal-help .dwh-panel-head h3{font-size:24px}}
@media(max-width:540px){.withdrawal-help{padding:18px 13px;border-radius:18px}.withdrawal-help .dwh-heading h3{font-size:24px}.withdrawal-help .dwh-heading>p:last-child{font-size:14px}.dwh-options{grid-template-columns:1fr;gap:9px;margin:21px 0}.article-content .dwh-options>a{min-height:91px;padding:14px;gap:12px}.dwh-option-icon{flex-basis:33px;width:33px;height:33px}.article-content .dwh-option-copy>strong{font-size:15px}.dwh-option-copy>small{font-size:12px}.dwh-panel{padding:19px 15px}.withdrawal-help .dwh-panel-head h3{font-size:23px}.dwh-path{padding:11px 12px;gap:6px 10px}.dwh-path>span{font-size:11px;gap:10px}.dwh-steps>li{gap:11px;padding:17px 0}.dwh-number{flex-basis:29px;width:29px;height:29px;font-size:11px;border-radius:8px}.withdrawal-help .dwh-steps h4{font-size:16px}.withdrawal-help .dwh-steps p{font-size:14px;line-height:1.8}.dwh-result{padding:15px 13px}.withdrawal-help .dwh-result p{font-size:13px}.dwh-panel-links{display:grid;gap:3px}.article-content .dwh-panel-links>a{justify-content:flex-start;font-size:13px}}
@media(max-width:800px){body.withdrawal-help-in-view .mobile-dock{display:none!important}}