/* TealGlow template revamped with the reference site's purple, gold and blue palette. */
:root{--bg:#100a1b;--bg2:#191025;--panel:#20162f;--panel2:#291b3b;--gold:#ffba31;--gold-light:#ffe3a1;--blue:#5ac0e9;--text:#f9f6ff;--muted:#b3a9c4;--line:#ffffff16;--radius:18px;--max:1240px;--font:Arial,Helvetica,sans-serif;color-scheme:dark}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:105px}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);font-size:15px;line-height:1.65;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer}img{display:block;max-width:100%;height:auto}h1,h2,h3,p,figure{margin:0}h1,h2,h3{line-height:1.13;letter-spacing:-.04em}h1{font-size:clamp(42px,5.7vw,76px);font-weight:750}h2{font-size:clamp(30px,3.2vw,43px);font-weight:700}h3{font-size:21px;letter-spacing:-.025em}p{color:var(--muted)}em{color:var(--gold);font-style:normal}a,button{transition:background .2s,color .2s,border-color .2s,transform .2s}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:2px solid var(--blue);outline-offset:5px}::selection{background:var(--gold);color:var(--bg)}.container{width:min(var(--max),calc(100% - 80px));margin-inline:auto}.eyebrow{display:block;color:var(--gold);font-size:10px;font-weight:700;letter-spacing:.18em;line-height:1.8}.small{font-size:12px}.muted{color:var(--muted)}.gold-text{color:var(--gold)}.text-link{display:inline-flex;align-items:center;gap:14px;color:var(--gold);font-size:13px;font-weight:600;white-space:nowrap}.text-link:hover{color:var(--gold-light)}.button{display:inline-flex;align-items:center;justify-content:center;gap:25px;border-radius:8px;padding:14px 22px;border:1px solid transparent;font-size:13px;font-weight:700;line-height:1.5;white-space:nowrap}.button:hover{transform:translateY(-2px)}.button.gold{background:linear-gradient(110deg,#ffcf66,#ffb526);color:#251407;box-shadow:0 4px 20px #ffba3110}.button.gold:hover{background:var(--gold-light)}.button.outline{background:#ffffff03;border-color:#a996c641;color:var(--text)}.button.outline:hover{background:#ffffff09;border-color:var(--gold)}.button.compact{padding:10px 18px;gap:16px}.skip{position:fixed;top:10px;left:10px;transform:translateY(-150%);z-index:1000;background:var(--gold);color:var(--bg);padding:10px 20px}.skip:focus{transform:translateY(0)}
/* Navigation */
.topline{background:#1c102f;border-bottom:1px solid var(--line);font-size:9px;color:#a99abf;letter-spacing:.06em}.topline .container{height:32px;display:flex;justify-content:space-between;align-items:center}.topline i{display:inline-block;width:3px;height:3px;background:var(--gold);border-radius:50%;margin:0 12px;vertical-align:middle}.masthead{position:sticky;top:0;z-index:50;background:#100a1bf2;backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}.header-inner{height:86px;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{display:inline-flex;align-items:center;gap:10px;font-size:23px;font-weight:800;letter-spacing:-.7px;line-height:1}.brand small{font-size:8px;letter-spacing:.3em;display:block;margin-top:7px;color:#b6a7c9;font-weight:600}.brand-mark{display:inline-flex;align-items:center;justify-content:center;width:40px;height:42px;border:1px solid #ffba3166;border-radius:11px 3px 11px 3px;font-size:25px;font-weight:800;background:linear-gradient(130deg,#4b2e5b,#1a112b);color:var(--gold);position:relative}.brand-mark>span{font-size:12px;align-self:flex-end;margin:0 0 6px -4px;color:var(--gold-light)}#navigation{display:flex;gap:29px;margin-left:auto}#navigation>a{font-size:12px;color:#bcb1cc;position:relative;padding:30px 0}#navigation>a:hover,#navigation>a.active{color:var(--gold)}#navigation>a.active:after{content:'';height:2px;position:absolute;bottom:20px;left:0;right:0;background:var(--gold)}.header-actions{display:flex;gap:20px;align-items:center}.language{font-size:10px;letter-spacing:.08em;padding-left:18px;border-left:1px solid var(--line);color:var(--muted)}.login-link{font-size:12px;white-space:nowrap}.menu-toggle{display:none;background:none;border:0;color:var(--text);font-size:23px}
/* Home hero */
.home-hero{position:relative;overflow:hidden;background:radial-gradient(ellipse at 72% 38%,#3e1e642e,transparent 60%),linear-gradient(110deg,#140b20,#211036 70%,#190e2a);border-bottom:1px solid var(--line)}.home-hero:after{content:'';position:absolute;width:500px;height:500px;border:1px solid #8b53b310;border-radius:50%;left:-420px;top:10%}.hero-layout{min-height:650px;display:grid;grid-template-columns:1fr 1fr;gap:35px;align-items:center;position:relative;z-index:1}.hero-text{padding:58px 0 65px}.status-dot{display:inline-block;width:6px;height:6px;background:var(--gold);border-radius:50%;box-shadow:0 0 12px #ffba3166;margin-right:8px;vertical-align:middle}.hero-text h1{margin:21px 0 22px;font-size:clamp(43px,5.1vw,70px);line-height:1.06;letter-spacing:-.055em}.hero-text>p{font-size:15px;max-width:430px;line-height:1.85}.hero-buttons{display:flex;flex-wrap:wrap;gap:12px;margin-top:29px}.hero-footnote{display:flex;align-items:center;gap:12px;font-size:10px;color:#9989af;line-height:1.7;margin-top:27px}.age-badge{width:31px;height:31px;border-radius:50%;border:1px solid #8f7aab70;display:grid;place-items:center;font-size:10px;flex:none}.hero-art{position:relative;min-height:570px;display:flex;align-items:center;justify-content:center}.phone-art{position:relative;z-index:3;width:112%;max-width:620px;filter:drop-shadow(0 28px 30px #0004);transform:rotate(-4deg);margin-top:-25px}.hero-watermark{position:absolute;left:5%;top:15%;font-weight:800;font-size:230px;line-height:1;color:#8144af0d;letter-spacing:-20px;z-index:0;-webkit-text-stroke:1px #ad71cd19}.orbit{position:absolute;border:1px solid #cc9c6026;border-radius:50%;width:410px;height:410px;top:70px;right:40px}.orbit-two{width:500px;height:500px;top:25px;right:-5px;border-color:#b088cc11}.orbit-one:after{content:'';width:7px;height:7px;position:absolute;background:var(--gold);border-radius:50%;top:28px;left:90px;box-shadow:0 0 16px #ffba3155}.art-star{position:absolute;color:var(--gold);z-index:4}.star-one{top:80px;right:22px;font-size:36px}.star-two{bottom:142px;left:10px;font-size:28px}.art-label{position:absolute;bottom:68px;left:45px;right:10px;z-index:5;background:linear-gradient(100deg,#332145e6,#281839e6);border:1px solid #d4aa6a40;backdrop-filter:blur(12px);padding:18px 22px;display:flex;gap:16px;align-items:center;border-radius:12px;box-shadow:0 12px 35px #0003}.art-label b{font-size:14px;letter-spacing:.12em}.art-label b span{color:var(--gold);margin:0 8px}.art-label small{display:block;font-size:10px;color:var(--muted);margin-top:3px}.art-label>span:last-child{margin-left:auto;color:var(--gold);font-size:20px}.tiny-diamond{color:var(--gold);font-size:28px}.art-caption{position:absolute;bottom:35px;left:50px;font-size:8px;letter-spacing:.22em;color:#94809f}.hero-glow{position:absolute;width:380px;height:380px;right:20%;top:100px;background:#a33bea12;filter:blur(60px);border-radius:50%}
/* Navigation tiles and original banners */
.quick-links{display:grid;grid-template-columns:repeat(4,1fr);padding-block:26px;border-bottom:1px solid var(--line)}.quick-links>a{display:flex;align-items:center;gap:13px;padding:12px 23px;border-right:1px solid var(--line)}.quick-links>a:first-child{padding-left:0}.quick-links>a:last-child{border:0;padding-right:0}.quick-links>a:hover h2{color:var(--gold)}.quick-icon{width:38px;height:38px;border:1px solid #ffba3125;background:#ffba3108;border-radius:10px;display:grid;place-items:center;font-size:21px;color:var(--gold);flex:none}.quick-links h2{font-size:13px;letter-spacing:-.01em;margin-bottom:5px}.quick-links p{font-size:10px}.quick-links b{font-size:14px;color:#9682aa;margin-left:auto;font-weight:400}.original-banners{padding-top:34px}.banner-label{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.banner-label>span:last-child{font-size:9px;color:#9585a9}.banner-pair{display:grid;grid-template-columns:1fr 1fr;gap:20px}.banner-pair a{border:1px solid #6c4c9144;border-radius:12px;overflow:hidden;background:#20112d}.banner-pair img{width:100%;aspect-ratio:2/1;object-fit:contain}.banner-pair a:hover{border-color:var(--gold);transform:translateY(-2px)}.section-space{padding-block:72px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:25px;margin-bottom:28px}.section-heading .eyebrow{margin-bottom:10px}.section-heading>.text-link{margin-bottom:5px}.section-note{font-size:10px;margin-top:18px;color:#9687a9}.game-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:23px}.game-card{border-radius:14px;overflow:hidden;background:#21152e;border:1px solid var(--line)}.game-card:hover{border-color:#ffba3170;transform:translateY(-5px)}.game-art{height:225px;background:radial-gradient(ellipse,#5b2b7955,#1b1026);position:relative;padding:12px}.game-art img{width:100%;height:100%;object-fit:contain}.game-explore{position:absolute;right:14px;top:14px;background:#170b2ba8;border:1px solid #fff2;border-radius:50%;height:28px;width:28px;text-align:center;font-size:16px;opacity:0}.game-card:hover .game-explore{opacity:1}.game-caption{padding:19px 20px;position:relative;border-top:1px solid var(--line)}.game-caption>span{font-size:8px;letter-spacing:.17em;color:var(--gold)}.game-caption h3{margin-top:6px;font-size:21px}.game-caption>b{position:absolute;right:20px;top:30px;color:#8b779f;font-weight:400}
/* App feature */
.app-section{background:linear-gradient(120deg,#211234,#1b112a);border-block:1px solid var(--line);overflow:hidden}.app-layout{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:100px;padding-block:60px}.app-visual{position:relative;min-height:430px;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse,#6528902e,transparent 70%)}.app-visual img{width:100%;transform:rotate(-6deg);filter:drop-shadow(0 22px 28px #0005)}.app-stamp{position:absolute;bottom:35px;left:0;color:var(--gold);font-size:9px;letter-spacing:.15em;padding:9px 13px;border:1px solid #ffba3140;border-radius:5px;transform:rotate(-6deg);background:#241732}.app-stamp span{margin-left:15px}.app-copy h2{margin:17px 0 20px;font-size:43px;line-height:1.1}.app-copy>p{max-width:410px;font-size:13px;line-height:1.9}.device-links{display:flex;gap:12px;margin:24px 0 22px}.device-links a{border:1px solid #8b74a850;border-radius:8px;padding:10px 17px;font-size:12px;display:flex;gap:24px}.device-links a:hover{border-color:var(--blue);color:var(--blue)}.device-links span{color:var(--blue)}.app-copy>p.small{font-size:10px;margin-top:18px}
/* Guide grid */
.guide-collections{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.guide-collection{padding:24px 20px 20px;background:linear-gradient(130deg,#241831,#1b1226);border:1px solid var(--line);border-radius:12px}.collection-no{font-size:11px;color:var(--gold);padding-bottom:18px;display:block;letter-spacing:.15em}.guide-collection h3{font-size:19px;min-height:65px;padding-bottom:14px;line-height:1.2}.guide-collection a{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#b7aac7;padding:11px 0;border-bottom:1px solid #ffffff0a;gap:8px}.guide-collection a>span{color:#77618e}.guide-collection a:hover{color:var(--gold)}.guide-collection a.collection-more{color:var(--gold);border:0;font-size:10px;padding-top:20px}.responsible-panel{background:#1b1423;border:1px solid #98877830;border-radius:12px;padding:30px 34px;display:flex;align-items:center;gap:26px}.responsible-icon{color:var(--gold);font-size:52px;line-height:1}.responsible-panel h2{font-size:23px;margin-top:7px}.responsible-panel p{font-size:11px;max-width:650px;margin-top:10px}.responsible-panel>.button{margin-left:auto;flex:none;font-size:11px;padding:12px 18px}.journal-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.journal-card{border-radius:12px;overflow:hidden;border:1px solid var(--line);background:#1c1327}.journal-card>a{display:block;overflow:hidden}.journal-card img{width:100%;height:200px;object-fit:cover;transition:transform .3s}.journal-card:hover img{transform:scale(1.03)}.journal-card>div{padding:23px}.journal-card .eyebrow{font-size:8px}.journal-card h3{font-size:21px;line-height:1.35;margin:10px 0 24px;min-height:84px}.journal-card h3 a:hover{color:var(--gold)}.journal-card .text-link{font-size:11px}.home-faq{display:grid;grid-template-columns:1fr 1.5fr;gap:85px;padding-top:0}.faq-intro{padding-top:20px}.faq-intro h2{margin:16px 0 20px}.faq-intro p{font-size:13px;max-width:280px;margin-bottom:25px}.faq-list{border-top:1px solid var(--line)}.faq-list details{border-bottom:1px solid var(--line);padding:0}.faq-list summary{display:flex;align-items:center;gap:15px;list-style:none;cursor:pointer;padding:21px 0;font-size:13px;font-weight:600;line-height:1.5}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary>span{font-size:10px;color:var(--gold);font-weight:400;flex:none}.faq-list summary>b{margin-left:auto;font-size:22px;font-weight:400;color:var(--muted)}.faq-list details[open] summary>b{transform:rotate(45deg);color:var(--gold)}.faq-list details[open] summary{color:var(--gold-light)}.faq-list details>p{font-size:13px;line-height:1.9;padding:0 30px 24px}.closing-panel{text-align:center;position:relative;overflow:hidden;padding:65px 30px;border:1px solid #8e579c3b;border-radius:20px;background:radial-gradient(ellipse at center,#57246c4d,transparent 75%),linear-gradient(110deg,#251633,#21112f)}.closing-panel h2{font-size:clamp(30px,3.5vw,46px);margin:17px 0;line-height:1.15}.closing-panel p{font-size:13px}.closing-panel .hero-buttons{justify-content:center}.original-archive{margin-top:45px;margin-bottom:65px}.original-archive>details{border:1px solid var(--line);border-radius:10px}.original-archive>details>summary{display:flex;align-items:center;gap:20px;list-style:none;padding:20px 24px;cursor:pointer}.original-archive>details>summary>span{color:var(--gold);font-size:21px}.original-archive>details>summary>span:last-child{margin-left:auto}.original-archive summary b{display:block;font-size:12px}.original-archive summary small{display:block;font-size:10px;color:var(--muted);margin-top:4px}.original-archive .legacy{padding:30px;border-top:1px solid var(--line)}
/* Footer */
footer{background:#0c0713;border-top:1px solid var(--line);padding:50px 0 25px}.footer-top{display:grid;grid-template-columns:1.1fr 3fr;gap:65px}.footer-brand>p{font-size:12px;margin:20px 0 10px}.footer-brand>.small{font-size:10px;line-height:1.8;display:block;max-width:190px}.footer-columns{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.footer-columns h3{font-size:12px;color:#f1e7fa;font-weight:600;letter-spacing:0;margin-bottom:20px}.footer-columns a{display:block;font-size:10px;color:#8e809e;margin-top:12px}.footer-columns a:hover,.footer-links a:hover{color:var(--gold)}.footer-links{display:flex;gap:20px;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:24px;margin-top:38px}.footer-links a{font-size:10px;color:var(--muted)}.footer-bottom{display:flex;justify-content:space-between;gap:35px;border-top:1px solid var(--line);padding-top:22px;margin-top:25px;font-size:9px;color:#796a8c}.footer-bottom>span{white-space:nowrap}.footer-bottom p{max-width:740px;color:#796a8c;font-size:9px}.mobile-cta{display:none}.back-top{position:fixed;bottom:24px;right:22px;display:grid;place-items:center;width:36px;height:36px;border-radius:9px;border:1px solid #9a7cbd55;background:#241630;color:var(--gold);z-index:30;font-size:19px}
/* Editorial pages */
.breadcrumbs{display:flex;gap:12px;align-items:center;flex-wrap:wrap;font-size:10px;color:var(--muted);padding:28px 0}.breadcrumbs a:hover{color:var(--gold)}.breadcrumbs span{color:#6f5b85}.article-layout{display:grid;grid-template-columns:minmax(0,800px) 270px;gap:80px;padding:35px 0 40px}.guide-article>h1{font-size:clamp(36px,4vw,55px);line-height:1.13;max-width:800px;margin:19px 0 25px}.article-intro{font-size:18px;line-height:1.9;color:#c4b7d2}.article-meta{display:flex;align-items:center;gap:12px;margin:26px 0 30px;font-size:11px}.article-meta small{color:var(--muted);font-size:10px}.editor-avatar{background:linear-gradient(130deg,#75502b,#281737);border:1px solid #ffba3130;color:var(--gold);border-radius:50%;width:37px;height:37px;display:grid;place-items:center;font-size:10px}.article-note{padding:19px 23px;border-left:2px solid var(--gold);background:#ffba3108;color:#c4b79f;font-size:12px}.guide-article>h2{font-size:29px;margin:39px 0 20px}.guide-article>p:not(.article-intro){font-size:15px;line-height:1.95}.guide-article>p a{color:var(--gold);text-decoration:underline;text-underline-offset:4px}.editorial-steps{list-style:none;padding:0;margin:20px 0}.editorial-steps li{display:flex;gap:20px;align-items:baseline;border-bottom:1px solid var(--line);padding:22px 0}.editorial-steps li>span{color:var(--gold);font-size:12px}.editorial-steps li p{font-size:15px}.source-note{border:1px solid var(--line);border-radius:10px;padding:20px;font-size:12px;margin-top:30px;color:var(--muted)}.source-note a{color:var(--gold)}.source-note small{display:block;margin-top:8px;font-size:11px}.article-sidebar{align-self:start;position:sticky;top:120px;padding-top:12px}.article-sidebar>h3{font-size:22px;margin:10px 0 20px}.article-sidebar>a{display:block;font-size:12px;padding:13px 14px;border-bottom:1px solid var(--line);color:var(--muted)}.article-sidebar>a:hover,.article-sidebar>a.current{background:#ffba3109;color:var(--gold)}.sidebar-help{padding:24px;background:var(--panel);border:1px solid var(--line);border-radius:12px;margin-top:30px}.sidebar-help>span{color:var(--gold);font-size:30px}.sidebar-help h3{font-size:20px;margin:10px 0}.sidebar-help p{font-size:12px;margin-bottom:18px}.sidebar-help .text-link{font-size:11px}.related-section{padding:40px 0 75px}.topic-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.topic-card{display:flex;flex-direction:column;padding:26px;border:1px solid var(--line);border-radius:12px;background:linear-gradient(140deg,#241831,#1b1126)}.topic-card:hover{transform:translateY(-3px);border-color:#ffba3160}.topic-number{color:var(--gold);font-size:12px;margin-bottom:24px}.topic-card h3{font-size:22px;line-height:1.2;margin-bottom:12px}.topic-card p{font-size:12px;margin-bottom:25px}.topic-card .text-link{font-size:11px;justify-content:space-between;margin-top:auto}.guide-hub{padding-top:70px;padding-bottom:80px}.guide-hub h1{margin:16px 0 20px;max-width:750px}.lead{font-size:17px;max-width:700px;line-height:1.8}.search-box{display:flex;align-items:center;gap:17px;border:1px solid #8868a65e;border-radius:10px;background:#20152e;padding:10px 20px;max-width:580px;margin-top:30px}.search-box span{font-size:29px;color:var(--gold)}.search-box input{width:100%;color:var(--text);background:none;border:0;padding:10px 0;outline:none;font-size:14px}.search-box input::placeholder{color:#a38fb7}.search-box:focus-within{border-color:var(--blue)}#search-status{font-size:12px;margin-top:12px}.guide-group{padding-top:50px}.guide-group .section-heading{align-items:center}.guide-group h2{font-size:30px}.guide-group .section-heading>span{font-size:11px}.topic-card[hidden],.guide-group[hidden]{display:none}.faq-page{max-width:920px;padding-top:70px;padding-bottom:90px}.faq-page h1{margin:16px 0 25px}.faq-page>.lead{margin-bottom:40px}.not-found{padding-block:120px}.not-found h1{margin:12px 0 25px}.not-found p{margin-bottom:30px}.not-found .button{margin:0 12px 12px 0}.archive-list{columns:2;padding-left:20px;line-height:1.8;margin-top:25px}.archive-list li{font-size:12px;margin-bottom:12px;break-inside:avoid}.archive-list a{color:var(--gold)}
/* Preserved legacy content — new responsive presentation, unchanged editorial text. */
.legacy{padding-top:35px;padding-bottom:40px;overflow-wrap:anywhere}.legacy h1{font-size:clamp(35px,4.5vw,58px);margin:22px 0;line-height:1.15}.legacy h2{font-size:29px;margin:35px 0 19px;line-height:1.25}.legacy h3{font-size:21px;margin:25px 0 15px}.legacy h4{font-size:17px;margin:22px 0 12px}.legacy p{margin:16px 0;font-size:14px;line-height:1.9}.legacy a:not(.button):not(.btn){color:var(--gold)}.legacy .btn{display:inline-flex;border:1px solid var(--gold);border-radius:7px;padding:11px 20px;color:#1b1025;background:var(--gold);font-size:12px;font-weight:700;margin:10px 0}.legacy img{border-radius:10px;max-height:560px;object-fit:contain}.legacy .builder-image-banner img{width:100%;max-height:420px;object-fit:contain;background:#20112e}.legacy .hero{display:grid;grid-template-columns:1fr 1fr;gap:35px;align-items:center;padding:30px 0}.legacy .hero-media{margin:0}.legacy .hero img{width:100%}.legacy .sb-section{padding:15px 0;border-bottom:1px solid var(--line)}.legacy .toc,.legacy .ymyl{padding:20px 25px;background:#20152c;border:1px solid var(--line);border-radius:10px;margin:25px 0;font-size:12px}.legacy .ymyl p{font-size:11px;margin:5px 0}.legacy .toc ol{columns:2;column-gap:30px;padding-left:18px}.legacy .toc li{margin:6px 0;break-inside:avoid}.legacy .tm{display:none}.legacy .prose{max-width:880px;margin-inline:auto}.legacy .prose img{max-width:600px;width:100%;margin:25px auto}.legacy .product-listing,.legacy .cards,.legacy .grid,.legacy .article-grid,.legacy .post-grid,.legacy .card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.legacy .card,.legacy .product-card{padding:18px;border:1px solid var(--line);border-radius:12px;background:#1d1428;min-width:0}.legacy .card-img,.legacy .thumb-wrap{display:block}.legacy .card img,.legacy .product-card img{width:100%;height:200px;object-fit:contain}.legacy .card h2,.legacy .card h3,.legacy .product-card h2,.legacy .product-card h3{font-size:20px;margin:15px 0}.legacy .card p,.legacy .product-card p{font-size:12px}.legacy .product-badge,.legacy .chip,.legacy .badge,.legacy .in-stock{display:inline-block;border:1px solid #ffba312e;color:var(--gold);font-size:10px;padding:5px 10px;border-radius:5px;margin:5px}.legacy .cat-nav{display:flex;gap:10px;flex-wrap:wrap}.legacy .was{text-decoration:line-through;color:var(--muted);margin-right:10px}.legacy .product-price{color:var(--gold);font-size:19px}.legacy table{width:100%;border-collapse:collapse;font-size:12px;display:block;overflow:auto;margin:25px 0}.legacy th,.legacy td{padding:13px 17px;border:1px solid var(--line);text-align:left;min-width:110px}.legacy th{background:#291a39}.legacy .author-bio{display:flex;gap:20px;align-items:center;padding:20px 0}.legacy .author-avatar{width:70px;height:70px;border-radius:50%;object-fit:cover}.legacy .author-name{font-weight:bold}.legacy details{padding:15px;border-bottom:1px solid var(--line)}.legacy details summary{cursor:pointer;font-weight:bold}.legacy .share-buttons,.legacy .share{display:flex;flex-wrap:wrap;gap:10px;font-size:11px}.legacy .share-btn{padding:6px 10px;border:1px solid var(--line);border-radius:5px}.legacy .sb-article-feed-editorial-feed .grid{grid-template-columns:repeat(3,minmax(0,1fr))}.legacy .home-byline{font-size:10px}.legacy .pagination{display:flex;flex-wrap:wrap;gap:15px;padding:25px 0}.legacy .stars{color:var(--gold);position:relative;display:inline-block}.legacy .stars-fill{display:none}
/* Template's phone-format popup uses native dialog focus handling. */
#promo-dialog{padding:0;border:1px solid #ae6ac969;border-radius:18px;background:#21112f;color:var(--text);width:min(360px,calc(100% - 40px));max-height:85dvh;aspect-ratio:9/16;overflow:auto;box-shadow:0 25px 100px #0009}#promo-dialog::backdrop{background:#080411c9;backdrop-filter:blur(6px)}.dialog-close{position:absolute;right:10px;top:10px;z-index:2;border:1px solid #fff4;border-radius:50%;width:32px;height:32px;background:#160c26eb;color:white;font-size:23px;line-height:1}.popup-inner{min-height:100%;background:radial-gradient(ellipse at bottom,#64317555,transparent),#21112f;padding:25px;display:flex;flex-direction:column;justify-content:center;text-align:center}.popup-inner>img{margin-bottom:35px;border-radius:10px}.popup-inner>.eyebrow{margin-bottom:16px}.popup-inner>h2{font-size:35px}.popup-inner>p{font-size:12px;margin:20px 0 25px}.popup-inner>.button{margin-top:8px}
@media(min-width:1440px){.hero-layout{min-height:700px}.hero-text h1{font-size:76px}.hero-art{min-height:610px}.phone-art{max-width:650px}.art-label{bottom:70px}.hero-watermark{font-size:260px}.game-art{height:245px}}
@media(max-width:1100px){.container{width:calc(100% - 48px)}#navigation{gap:18px}.header-inner{gap:20px}.header-actions{gap:14px}.login-link{display:none}.hero-layout{gap:10px;min-height:610px}.hero-art{min-height:500px}.phone-art{width:110%}.orbit{width:330px;height:330px;right:10px}.orbit-two{width:400px;height:400px;right:-25px}.hero-watermark{font-size:190px}.art-label{left:10px;right:0;bottom:50px;padding:15px}.art-caption{left:15px;bottom:20px}.star-one{right:0;top:60px}.quick-links>a{padding:10px 15px;gap:9px}.quick-icon{width:30px;height:32px;font-size:18px}.quick-links h2{font-size:12px}.quick-links p{font-size:9px}.guide-collection{padding:20px 16px}.guide-collection h3{font-size:18px}.app-layout{gap:60px}.footer-top{gap:35px;grid-template-columns:1fr 3fr}.article-layout{gap:40px;grid-template-columns:minmax(0,1fr) 240px}.home-faq{gap:45px}.game-art{height:195px}}
@media(max-width:850px){#navigation{position:absolute;display:none;top:76px;left:0;right:0;background:#1c1129;border-bottom:1px solid var(--line);padding:15px 24px;box-shadow:0 20px 30px #0004}#navigation.open{display:flex;flex-direction:column;gap:0}#navigation>a{padding:13px 0;font-size:15px}#navigation>a.active:after{display:none}.menu-toggle{display:block}.header-inner{height:76px}.header-actions{margin-left:auto}.hero-layout{min-height:570px}.hero-text h1{font-size:51px}.hero-text>p{font-size:13px}.hero-text .button{padding:13px 16px;font-size:11px;gap:14px}.hero-art{min-height:430px}.phone-art{width:120%;max-width:none;margin-left:-10px}.orbit{width:270px;height:270px;top:70px}.orbit-two{width:340px;height:340px;top:35px}.hero-watermark{font-size:160px;top:25%}.art-label{bottom:40px;left:0;padding:12px}.art-label b{font-size:11px}.art-label small{font-size:8px}.tiny-diamond{font-size:20px}.art-caption{font-size:6px;bottom:12px}.star-one{font-size:25px;top:55px}.star-two{font-size:22px;bottom:110px;left:0}.quick-links{grid-template-columns:1fr 1fr;padding-block:16px}.quick-links>a{padding:17px 22px}.quick-links>a:nth-child(2){border:0}.quick-links>a:nth-child(3){padding-left:0}.quick-links>a:nth-child(-n+2){border-bottom:1px solid var(--line)}.quick-links h2{font-size:13px}.quick-links p{font-size:10px}.quick-icon{width:38px;height:38px}.guide-collections{grid-template-columns:1fr 1fr}.guide-collection h3{min-height:auto;margin-bottom:10px}.guide-collection a{font-size:12px}.responsible-panel{gap:18px;padding:25px}.responsible-panel>.button{max-width:160px;font-size:10px;white-space:normal;text-align:center;gap:5px}.responsible-panel h2{font-size:20px}.app-layout{gap:35px}.app-copy h2{font-size:35px}.app-copy>p{font-size:12px}.device-links{gap:8px}.device-links a{font-size:10px;padding:9px 12px;gap:16px}.journal-card>div{padding:18px}.journal-card h3{font-size:18px;min-height:100px}.journal-card img{height:155px}.footer-top{grid-template-columns:1fr;gap:35px}.footer-brand>.small{max-width:none}.footer-brand>p{margin:15px 0 6px}.footer-columns{gap:25px}.article-layout{grid-template-columns:minmax(0,1fr);padding-top:20px}.article-sidebar{position:static;display:grid;grid-template-columns:1fr 1fr;gap:0 20px;border-top:1px solid var(--line);padding-top:25px}.article-sidebar>.eyebrow,.article-sidebar>h3,.sidebar-help{grid-column:1/-1}.sidebar-help{display:none}.article-intro{font-size:17px}.topic-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.topic-card:last-child{grid-column:auto}.home-faq{grid-template-columns:1fr;gap:25px}.faq-intro p{max-width:450px}.faq-intro h2 br{display:none}.faq-intro h2{margin:12px 0}.section-space{padding-block:55px}.home-faq{padding-top:0}.legacy .product-listing,.legacy .cards,.legacy .grid,.legacy .article-grid,.legacy .post-grid,.legacy .card-grid,.legacy .sb-article-feed-editorial-feed .grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.container{width:calc(100% - 36px)}.topline .container{height:27px;font-size:7px}.topline .container>span:last-child{font-size:7px;letter-spacing:0}.topline i{margin:0 6px}.brand{font-size:20px;gap:8px}.brand-mark{width:33px;height:36px;font-size:22px}.brand small{font-size:6px;margin-top:6px}.header-inner{height:68px;gap:15px}.header-actions{gap:15px}.header-actions>.compact{display:none}.language{font-size:10px;padding-left:0;border:0}#navigation{top:68px}.hero-layout{display:flex;flex-direction:column;gap:0;min-height:0;align-items:stretch}.hero-text{padding:40px 0 0;z-index:4}.eyebrow{font-size:9px}.hero-text h1{font-size:clamp(43px,11.9vw,62px);margin:18px 0;line-height:1.06}.hero-text>p{font-size:13px;line-height:1.8;max-width:350px}.hero-buttons{gap:10px;margin-top:24px}.hero-text .button{font-size:11px;padding:13px 17px;gap:18px}.hero-footnote{font-size:8px;margin-top:22px}.age-badge{width:27px;height:27px;font-size:9px}.hero-art{min-height:370px;max-width:430px;width:100%;align-self:center;margin-top:-10px}.phone-art{width:105%;max-width:460px;margin-left:0;margin-top:-25px}.orbit{width:270px;height:270px;top:38px;right:calc(50% - 135px)}.orbit-two{width:330px;height:330px;top:8px;right:calc(50% - 165px)}.hero-watermark{font-size:180px;top:14%;left:15%}.art-label{bottom:26px;left:30px;right:10px;padding:13px 15px}.art-label b{font-size:12px}.art-caption{bottom:5px;left:35px;font-size:6px}.star-one{top:35px;right:10px}.star-two{bottom:100px;left:5px}.quick-links>a{padding:17px 10px 17px 15px;gap:9px}.quick-links>a:nth-child(odd){padding-left:0}.quick-links h2{font-size:11px}.quick-links p{font-size:8px}.quick-icon{width:29px;height:32px;border-radius:8px;font-size:17px}.quick-links>a>b{font-size:12px}.original-banners{padding-top:25px}.banner-label .eyebrow{font-size:8px}.banner-label>span:last-child{font-size:8px}.banner-pair{gap:12px;grid-template-columns:1fr}.banner-pair a{border-radius:9px}.banner-pair img{aspect-ratio:2/1}.section-space{padding-block:43px}.section-heading{align-items:flex-start;gap:15px;margin-bottom:22px}.section-heading .eyebrow{font-size:8px;letter-spacing:.14em;margin-bottom:8px}.section-heading h2{font-size:29px;max-width:235px}.section-heading>.text-link{font-size:9px;gap:5px;margin-top:27px;white-space:normal;text-align:right;justify-content:flex-end;flex:none;max-width:85px;line-height:1.5}.game-grid{gap:12px;grid-template-columns:1fr 1fr}.game-card:last-child{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;align-items:center}.game-card:last-child .game-caption{border-top:0;padding:15px}.game-card:last-child .game-art{height:150px;padding:6px}.game-card:last-child .game-caption>b{display:none}.game-art{height:155px;padding:7px}.game-caption{padding:14px}.game-caption>span{font-size:7px}.game-caption h3{font-size:18px;margin-top:5px}.game-caption>b{right:12px;top:23px;font-size:13px}.section-note{font-size:8px;line-height:1.8}.app-layout{display:flex;flex-direction:column;gap:0;padding:30px 0 40px}.app-visual{min-height:300px;max-width:360px;align-self:center}.app-visual img{width:100%;margin-top:-20px}.app-stamp{bottom:30px;left:10px;font-size:7px}.app-copy{width:100%;padding:0 8px}.app-copy h2{font-size:37px;margin:14px 0 18px}.app-copy>p{font-size:13px;max-width:380px}.device-links a{font-size:12px;padding:11px 16px;gap:22px}.app-copy .text-link{font-size:12px}.guide-collections{gap:12px}.guide-collection{padding:20px 14px 15px}.guide-collection h3{font-size:18px;min-height:43px;line-height:1.2;margin-bottom:0;padding-bottom:10px}.collection-no{font-size:9px;padding-bottom:14px}.guide-collection a{font-size:10px;line-height:1.5;padding:11px 0}.guide-collection a.collection-more{font-size:9px;padding-top:16px}.responsible-panel{flex-wrap:wrap;padding:23px;gap:15px}.responsible-icon{font-size:35px;width:28px;align-self:flex-start;margin-top:7px}.responsible-panel>div{flex:1}.responsible-panel .eyebrow{font-size:8px}.responsible-panel h2{font-size:21px;line-height:1.25}.responsible-panel p{font-size:11px}.responsible-panel>.button{margin-left:43px;max-width:none;font-size:10px;padding:10px 15px}.journal-grid{grid-template-columns:1fr;gap:16px}.journal-card{display:grid;grid-template-columns:110px 1fr}.journal-card>a{height:100%}.journal-card img{height:100%;min-height:160px;width:110px;object-fit:cover}.journal-card>div{padding:18px}.journal-card h3{min-height:0;font-size:18px;margin:8px 0 17px;line-height:1.28}.journal-card .eyebrow{font-size:7px}.journal-card .text-link{font-size:10px}.home-faq{padding-top:0;gap:20px}.faq-intro h2{font-size:31px}.faq-intro p{font-size:12px;margin-bottom:17px}.faq-intro>.text-link{font-size:11px}.faq-list summary{font-size:12px;padding:19px 0;gap:12px}.faq-list details>p{font-size:12px;padding-left:24px;padding-right:20px}.closing-panel{padding:40px 20px;border-radius:13px}.closing-panel h2{font-size:31px;margin:14px 0}.closing-panel p{font-size:11px}.closing-panel .button{font-size:10px;padding:12px 14px;gap:12px}.closing-panel .eyebrow{font-size:8px}.original-archive{margin:28px auto 40px}.original-archive>details>summary{padding:16px;gap:12px}.original-archive summary b{font-size:11px}.original-archive summary small{font-size:9px;line-height:1.6;max-width:230px}.original-archive .legacy{padding:18px}.footer-columns{grid-template-columns:1fr 1fr;gap:30px 25px}.footer-columns h3{font-size:12px;margin-bottom:18px}.footer-columns a{font-size:10px}.footer-top{gap:32px}.footer-links{gap:13px 19px;margin-top:30px}.footer-links a{font-size:9px}.footer-bottom{flex-direction:column;gap:14px}.footer-bottom p{font-size:9px}footer{padding-top:38px;padding-bottom:95px}.mobile-cta{display:flex;position:fixed;bottom:0;left:0;right:0;padding:10px 18px calc(10px + env(safe-area-inset-bottom));gap:10px;background:#150c22f5;backdrop-filter:blur(15px);border-top:1px solid #79569e55;z-index:60}.mobile-cta>.button{flex:1;font-size:12px;padding:11px 16px;gap:20px}.back-top{bottom:85px;right:16px;width:30px;height:30px;font-size:16px}.article-layout{gap:25px;padding-top:12px}.breadcrumbs{font-size:9px;gap:8px;padding-top:23px}.guide-article>h1{font-size:36px;line-height:1.15;margin:15px 0 22px}.article-intro{font-size:16px;line-height:1.85}.article-meta{margin:23px 0}.article-note{font-size:11px;padding:16px 18px}.guide-article>h2{font-size:26px;margin:32px 0 18px}.guide-article>p:not(.article-intro){font-size:14px}.editorial-steps li p{font-size:14px}.article-sidebar>a{font-size:11px}.topic-grid{grid-template-columns:1fr;gap:13px}.topic-card{padding:22px}.topic-card h3{font-size:22px}.topic-number{margin-bottom:16px}.topic-card p{margin-bottom:22px}.related-section{padding:28px 0 45px}.guide-hub{padding-top:40px;padding-bottom:50px}.guide-hub h1{font-size:43px;margin:14px 0 20px}.lead{font-size:15px}.guide-group{padding-top:35px}.guide-group h2{font-size:25px}.guide-group .section-heading>span{font-size:10px;flex:none}.search-box{margin-top:23px;padding:8px 16px}.search-box input{font-size:13px}.faq-page{padding-top:40px;padding-bottom:55px}.faq-page h1{font-size:43px}.archive-list{columns:1}.legacy .hero{grid-template-columns:1fr;gap:20px}.legacy h1{font-size:35px}.legacy h2{font-size:25px}.legacy p{font-size:13px}.legacy .product-listing,.legacy .cards,.legacy .grid,.legacy .article-grid,.legacy .post-grid,.legacy .card-grid,.legacy .sb-article-feed-editorial-feed .grid{grid-template-columns:1fr}.legacy .toc ol{columns:1}.legacy .author-bio{align-items:flex-start}.legacy .card img,.legacy .product-card img{height:230px}.legacy .sb-section{padding:10px 0}.legacy .prose img{max-height:400px}.not-found{padding-block:70px}.not-found h1{font-size:40px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}.button:hover,.game-card:hover,.topic-card:hover{transform:none}}
.brand .brand-image{object-fit:cover;padding:0;width:42px;height:42px;border-radius:10px;border-color:#ffba3150}
@media(max-width:600px){.brand .brand-image{width:36px;height:36px}}