:root{--gold:#f1c137;--navy:#131c33;--panel:#17171c;--red:#ca2b2b}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:25px}body{color:#fff;background:#000;margin:0;font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.6}a{color:var(--gold);text-decoration:none}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--gold);outline-offset:5px}img{max-width:100%;display:block}header{background:var(--navy)}.header-inner{align-items:center;gap:24px;max-width:1440px;margin:auto;padding:19px 24px;display:flex}.logo{width:155px;height:auto}nav{flex:1;justify-content:center;align-items:center;gap:20px;display:flex}nav a{color:#fff;white-space:nowrap;font-size:14px;font-weight:600}nav a:hover,nav a.active{color:var(--gold)}.account{gap:12px;display:flex}.button{background:var(--gold);color:#000;border-radius:5px;justify-content:center;align-items:center;padding:11px 22px;font-size:16px;font-weight:600;line-height:1.25;transition:background .2s,transform .2s;display:inline-flex}.button:hover{background:#ffda68;transform:translateY(-2px)}.button.red{background:var(--red);color:#fff}.button.red:hover{background:#e73b3b}.container{width:min(1140px,100% - 40px);margin:auto}.banners{gap:20px;display:grid}.banners img{width:100%;height:auto}.intro{text-align:center;padding-top:26px}h1,h2{color:var(--gold);letter-spacing:1px;line-height:1.15}h1{margin:0 0 20px;font-size:34px}h2{margin:0 0 25px;font-size:30px}h3{margin:0 0 14px;font-size:22px;line-height:1.3}p{margin:0 0 20px}.steps{text-align:left;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:26px;display:grid}.steps article{background:var(--navy);flex-direction:column;align-items:flex-start;padding:25px;display:flex}.steps h3{color:var(--gold)}.steps p{flex:1}.mission{grid-template-columns:1fr 1.6fr;align-items:center;gap:38px;margin:42px 0;display:grid}.mission img{width:100%}.mission h2{font-size:26px}.why{padding:16px 0 26px}.why>h2,.center{text-align:center}.benefits{grid-template-columns:1fr 1fr;gap:22px 36px;display:grid}.benefits h3{font-size:22px}.benefits p{color:#ddd}.game-category{background:var(--panel);border-radius:10px;grid-template-columns:230px 1fr;align-items:center;gap:30px;margin:20px 0;padding:24px;scroll-margin-top:20px;display:grid}.category-art{object-fit:contain;width:100%;max-height:280px}.game-category h3{color:var(--gold);font-size:26px}.game-category p{color:#ddd;font-size:15px}.game-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;display:grid}.game-grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}.game{text-align:center;color:#fff;font-size:13px;line-height:1.4;display:block}.game img{aspect-ratio:1;object-fit:cover;border-radius:9px;width:100%;margin-bottom:9px;transition:transform .2s}.game:hover img{transform:translateY(-5px)}.game:hover{color:var(--gold)}.download{grid-template-columns:1fr 1fr;align-items:center;gap:40px;padding:40px 0;display:grid}.download img{object-fit:contain;max-height:360px;margin:auto}.faq{padding:25px 0 45px}.faq h2{text-align:center}.faq details{border-bottom:1px solid #333;padding:17px 3px}.faq summary{cursor:pointer;justify-content:space-between;gap:20px;font-weight:600;list-style:none;display:flex}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";color:var(--gold);font-size:22px;line-height:1}.faq details[open] summary:after{content:"−"}.faq details p{color:#ccc;margin:16px 0 0}footer{background:var(--navy)}.footer-grid{grid-template-columns:1fr 1fr 1fr;gap:30px;padding-top:35px;padding-bottom:30px;display:grid}.footer-grid a{color:#fff;margin:9px 0;display:block}.footer-grid a:hover{color:var(--gold)}.footer-grid p{color:#c9ced8;font-size:14px}.copyright{text-align:center;color:#aaa;background:#000;padding:18px;font-size:13px}.back-top{color:#111;background:#fff;border-radius:50%;place-items:center;width:36px;height:36px;font-size:24px;display:grid;position:fixed;bottom:20px;right:20px}.menu-toggle{color:#fff;cursor:pointer;background:0 0;border:0;font-size:26px;display:none}@media (width>=1450px){.header-inner{max-width:1380px}}@media (width<=1200px){.header-inner{flex-wrap:wrap;gap:14px;padding:15px 20px}.logo{width:135px}nav{flex-basis:100%;order:3;padding:6px 0}.account{margin-left:auto}.game-category{grid-template-columns:200px 1fr}}@media (width<=700px){.container{width:calc(100% - 28px)}.header-inner{gap:12px}.logo{width:105px}.menu-toggle{margin-left:auto;display:block}.account{gap:8px;margin-left:0}.account .button{padding:9px 12px;font-size:13px}nav{align-items:stretch;gap:0;display:none}nav.open{flex-direction:column;display:flex}nav a{border-bottom:1px solid #ffffff15;padding:10px 5px}.banners{gap:12px}h1{font-size:26px}h2{font-size:25px}.intro{padding-top:24px}.steps{grid-template-columns:1fr;gap:14px}.steps article{padding:23px}.mission{grid-template-columns:1fr;gap:24px}.mission img{max-width:340px;margin:auto}.benefits{grid-template-columns:1fr;gap:10px}.game-category{grid-template-columns:1fr;gap:16px;padding:20px}.category-art{max-height:205px}.game-grid,.game-grid.four{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px 10px}.download{grid-template-columns:1fr;gap:25px}.download img{max-height:300px}.footer-grid{grid-template-columns:1fr 1fr;gap:25px}.footer-grid>div:last-child{grid-column:1/-1}.back-top{bottom:12px;right:12px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}.download img{justify-self:center;width:200px;height:auto}.mission img{justify-self:center;max-width:420px}.hero-cta{text-align:center;padding:4px 0 8px}.hero-cta .button{min-width:200px;padding:15px 32px;font-size:18px}.guide{overflow-wrap:anywhere;max-width:960px;margin:30px auto 50px}.guide>h1{text-align:center;margin-bottom:32px}.article-section{border-bottom:1px solid #292930;padding:30px 0;scroll-margin-top:24px}.article-section h2{margin-bottom:24px}.article-section h3{color:var(--gold);margin:28px 0 16px}.article-section p{color:#e0e2e8;white-space:pre-line;margin-bottom:18px;line-height:1.8}.article-section p:last-child{margin-bottom:0}.article-section:first-of-type{background:var(--navy);border:1px solid #2b3650;border-radius:10px;padding:28px}.article-callout{border-left:3px solid var(--gold);background:#251c13;border-radius:0 6px 6px 0;padding:18px 22px}.article-section blockquote{border-left:3px solid var(--gold);background:var(--panel);color:#e0e2e8;margin:22px 0;padding:18px 24px;line-height:1.8}.guide .faq h2{text-align:left}.guide .faq{padding-bottom:30px}.guide .faq summary{line-height:1.5}.guide .faq details p{padding-right:24px}@media (width<=700px){.guide{margin-top:24px}.article-section{padding:24px 0}.article-section:first-of-type{padding:20px}.article-section h2{font-size:24px}.article-section h3{font-size:20px}.article-callout{padding:15px}.article-section blockquote{padding:16px}}.article-image{text-align:center;min-width:0;margin:0}.article-image img{object-fit:contain;max-width:100%;height:auto;margin-inline:auto}.article-image figcaption{color:#b9becb;margin-top:10px;font-size:13px;line-height:1.5}.overview-art{background:var(--panel);border-radius:10px;margin:0 0 24px;padding:22px}.overview-art img{width:420px}.article-gallery{background:var(--panel);border-radius:10px;grid-template-columns:170px minmax(0,1fr);align-items:center;gap:24px;margin-bottom:12px;padding:24px;display:grid}.article-thumbnails{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;display:grid}.article-thumbnails img{border-radius:8px;width:100%}.article-section .artwork-note{color:#a9afbd;margin-bottom:22px;font-size:12px}.mobile-art{float:right;background:var(--panel);border-radius:10px;width:240px;margin:0 0 24px 28px;padding:18px}.article-section:after{content:"";clear:both;display:block}@media (width<=700px){.article-gallery{grid-template-columns:1fr;gap:20px;padding:18px}.category-figure img{width:auto;max-height:190px}.article-thumbnails{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px 10px}.mobile-art{float:none;width:100%;margin:0 0 24px}.overview-art{padding:16px}}.blog-main{padding-bottom:50px}.blog-heading{text-align:center;padding:48px 0 30px}.blog-category{letter-spacing:1.5px;text-transform:uppercase;color:var(--gold);font-size:12px;font-weight:700}.blog-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;display:grid}.blog-card{background:var(--panel);color:#fff;border:1px solid #2b2d37;border-radius:12px;flex-direction:column;display:flex;overflow:hidden}.blog-card:hover{border-color:var(--gold)}.blog-card-image{background:#11131d;place-items:center;height:220px;padding:15px;display:grid}.blog-card-image img{object-fit:contain;width:auto;max-width:100%;max-height:190px}.blog-card-copy{flex-direction:column;flex:1;padding:22px;display:flex}.blog-card h3{margin:12px 0;font-size:20px}.blog-card p{color:#c5c9d2;font-size:14px}.blog-card-copy>span:last-child{color:var(--gold);margin-top:auto}.breadcrumbs{color:#bbb;padding:24px 0;font-size:14px;display:block}.breadcrumbs a{color:var(--gold)}.blog-post{max-width:850px;margin-top:10px}.blog-post>h1{text-align:left;margin:15px 0 22px}.post-lead{color:#c9cdd8;font-size:19px}.post-feature{background:var(--panel);text-align:center;border-radius:12px;margin:28px 0;padding:24px}.post-feature img{width:auto;max-width:100%;max-height:360px;margin:auto}.post-feature figcaption{color:#9da4b4;margin-top:15px;font-size:12px}.post-toc{background:var(--navy);border-radius:8px;flex-direction:column;align-items:flex-start;gap:9px;padding:24px;display:flex}.post-toc a{color:var(--gold);white-space:normal}.post-cta{background:var(--navy);border-radius:10px;margin-top:30px;padding:28px}.post-cta p{color:#c9cdd8;font-size:14px}.related-posts .blog-grid{grid-template-columns:1fr 1fr}.home-blog{padding-bottom:45px}.home-blog>h2{text-align:center}.blog-footer{flex-wrap:wrap;gap:24px;padding-top:25px;padding-bottom:25px;display:flex}@media (width<=900px){.blog-grid{grid-template-columns:1fr 1fr}}@media (width<=600px){.blog-grid,.related-posts .blog-grid{grid-template-columns:1fr}.blog-heading{padding-top:30px}.post-feature{padding:16px}.post-feature img{max-height:260px}.blog-post>h1{font-size:28px}.post-toc{padding:20px}.post-cta{padding:22px}}.skip-link{z-index:1000;color:#000;background:#f1c137;padding:12px 20px;position:fixed;top:8px;left:8px;transform:translateY(-200%)}.skip-link:focus{transform:translateY(0)}.blog-card-image img{height:auto}.blog-card h2.blog-card-title{letter-spacing:normal;color:inherit;margin:12px 0;font-size:20px;font-weight:700;line-height:1.3}.post-feature img{height:auto;width:min(100%,var(--feature-width),calc(360px * var(--feature-ratio)));height:auto}@media (width<=600px){.post-feature img{width:min(100%,var(--feature-width),calc(260px * var(--feature-ratio)))}}@media (width<=700px){.header-inner{grid-template-columns:minmax(0,1fr) 44px;gap:10px 12px;padding:12px 14px;display:grid}.header-inner>a{grid-area:1/1;justify-self:start}.menu-toggle{grid-area:1/2;min-width:44px;min-height:44px;margin:0;padding:0}.account{grid-area:2/1/auto/-1;grid-template-columns:1fr 1fr;gap:10px;width:100%;margin:0;display:grid}.account .button{min-height:44px;padding:12px 16px;font-size:16px}.header-inner>nav{grid-area:3/1/auto/-1;width:100%;min-width:0}.hero-cta .button{width:100%;min-width:0;max-width:360px;min-height:48px}.post-cta .button{width:100%;min-height:48px}}