:root{--wine:#390809;--deep:#1b0708;--red:#a31416;--gold:#dfae43;--ink:#292121;--muted:#726463;--paper:#fffdf7;--line:#e9dfce;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:var(--paper);font-size:16px;font-synthesis:none}
*{box-sizing:border-box}body{margin:0}a{color:#8c1719;text-underline-offset:4px}button,input,textarea{font:inherit}button,a,input,textarea,summary{-webkit-tap-highlight-color:transparent}button,summary{cursor:pointer}a,button,summary{touch-action:manipulation}a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,textarea:focus-visible,.table-wrap:focus-visible{outline:3px solid #c38d21;outline-offset:5px}h1,h2,h3{line-height:1.2;text-wrap:balance}p{line-height:1.8;margin:0 0 1.25rem}strong{font-weight:700}h1{font-family:Georgia,'Times New Roman',serif;font-size:clamp(2.5rem,6vw,4.5rem);letter-spacing:-.045em;margin:0 0 1.25rem}h2{font-family:Georgia,'Times New Roman',serif;font-size:clamp(1.7rem,3vw,2.25rem);letter-spacing:-.025em;margin:3.3rem 0 1.2rem;scroll-margin-top:110px}h2:before{content:'';display:block;width:38px;height:3px;background:var(--gold);margin-bottom:1rem}h3{font-size:1.2rem;margin:2rem 0 .85rem;scroll-margin-top:110px}.site-header{background:var(--deep);border-bottom:1px solid #d4a43570;position:relative;z-index:20}.nav-shell{max-width:1200px;min-height:84px;padding:14px 22px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:#fff5d5;white-space:nowrap;font-size:1.35rem;font-weight:700;letter-spacing:-.04em}.brand img{width:50px;height:50px;border-radius:13px}.brand b{font-weight:400;color:#e4b351}.menu-toggle{width:44px;height:44px;background:transparent;border:1px solid #c9a35e66;border-radius:8px;padding:10px;display:flex;flex-direction:column;justify-content:center;gap:5px}.menu-toggle span{display:block;background:#edc46c;height:2px;width:22px}#main-nav{display:none;position:absolute;left:0;right:0;top:100%;padding:15px 22px;background:var(--deep);border-bottom:1px solid var(--gold)}#main-nav.is-open{display:flex;flex-direction:column;gap:6px}#main-nav>a,.guides-menu summary{display:block;padding:12px;color:#e6dcd7;text-decoration:none;font-size:.94rem}#main-nav>a:hover,#main-nav>a[aria-current],.guides-menu summary:hover{color:#f5cf73}.guides-menu summary{list-style:none}.guides-menu summary:after{content:'⌄';margin-left:8px}.guides-menu div{display:grid;gap:2px;padding:8px;background:#2f1010;border:1px solid #a57735;border-radius:6px}.guides-menu a{color:#f4e6d0;text-decoration:none;padding:10px;font-size:.92rem}.guides-menu a:hover{background:#531b1b}main{min-height:65vh}.hero{background:radial-gradient(ellipse at 85% 30%,#84211e 0,transparent 52%),linear-gradient(125deg,#260708,#530f12);color:#fff9e9;padding:42px 24px 56px;display:grid;gap:28px;position:relative;border-bottom:4px solid var(--gold)}.hero-copy{max-width:660px}.hero-copy h1{color:#ffe09b}.hero-copy p{color:#ead8cd;font-size:1.065rem;line-height:1.85}.hero-copy a{color:#f0c663}.hero-download{display:flex;flex-direction:column;align-items:center;gap:22px;align-self:center}.game-logo{width:min(74vw,280px);height:auto;display:block;border-radius:24%;box-shadow:0 20px 55px #12000080}.cta{display:inline-flex;align-items:center;justify-content:center;gap:46px;background:linear-gradient(#f9d57a,#db9f31);color:#321009;border:1px solid #ffe49a;box-shadow:0 3px 0 #9a621c,0 8px 25px #1a000035;min-height:52px;padding:15px 28px;border-radius:8px;font-size:1rem;font-weight:700;text-decoration:none;transition:transform .2s,box-shadow .2s}.cta:hover{transform:translateY(-2px);box-shadow:0 5px 0 #9a621c,0 12px 28px #1a000045}.hero-download .cta{width:min(74vw,280px)}.feature-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:24px auto 0;padding:0 20px;max-width:1120px}.feature-card{display:flex;flex-direction:column;padding:20px 16px;border:1px solid #e5d2a9;border-radius:10px;background:#fff;text-decoration:none;color:var(--ink);box-shadow:0 6px 18px #4b211006;transition:transform .2s,border-color .2s}.feature-card:hover{transform:translateY(-4px);border-color:#bd8429}.feature-card span{font-size:.875rem;color:var(--muted);line-height:1.5;margin-bottom:12px}.feature-card strong{font-size:1.05rem;line-height:1.45;color:#78151a}.article{max-width:900px;margin:auto;padding:32px 22px 70px}.toc{border:1px solid #dac59a;border-radius:9px;background:#fcf5e6;margin:0 0 30px}.toc summary{padding:18px 20px;font-weight:700;display:flex;align-items:center;justify-content:space-between;list-style:none}.toc summary span{font-size:1.3rem;color:#8a5c0d}.toc[open] summary span{transform:rotate(45deg)}.toc ol{margin:0;padding:4px 30px 22px 44px;line-height:1.6}.toc li{padding:5px 0}.toc a{color:#6a3023}.table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:10px;margin:24px 0;background:#fff}table{width:100%;border-collapse:collapse;min-width:400px;text-align:left;line-height:1.65}th{background:#461113;color:#ffe3a6;font-weight:700}th,td{padding:15px 20px;vertical-align:top}td{border-top:1px solid var(--line)}td:first-child{font-weight:600;width:34%}tr:nth-child(even) td{background:#fbf7ee}tbody tr:hover td{background:#fff0ca}.sort{width:100%;border:0;background:none;color:inherit;font-weight:inherit;text-align:left;padding:0;line-height:1.6;display:flex;justify-content:space-between;align-items:center;gap:16px}.sort span{font-size:.85rem;color:#d4a448}.content-list{padding-left:24px;line-height:1.8}.content-list li{padding:5px 0}.content-list li::marker{color:#aa7725}.steps{list-style:none;counter-reset:step;padding:0;margin:1.5rem 0}.steps li{counter-increment:step;display:flex;align-items:flex-start;gap:14px;padding:14px 0;border-bottom:1px solid var(--line)}.steps li:before{content:counter(step,decimal-leading-zero);font-size:.86rem;font-weight:700;border:1px solid #d9b878;background:#fcf1d6;color:#7a4216;border-radius:8px;min-width:34px;height:34px;display:grid;place-items:center}.step-toggle{color:var(--ink);text-align:left;background:none;border:0;line-height:1.8;padding:2px 0;width:100%}.step-toggle[aria-pressed=true]{color:#727466;text-decoration:line-through}.steps li:has([aria-pressed=true]):before{content:'✓';background:#e6e9dc;border-color:#abb39e;color:#3f552d}.faq{border:1px solid var(--line);border-radius:9px;margin:12px 0;background:#fff}.faq summary{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px;list-style:none}.faq summary:after{content:'+';color:#a97522;font-size:1.4rem}.faq[open] summary:after{content:'−'}.faq h3{margin:0;font-size:1.05rem;line-height:1.5;text-wrap:initial}.faq-answer{padding:0 20px 6px}.guide-cards{margin-top:45px;display:grid;gap:12px}.guide-cards a{display:flex;justify-content:space-between;gap:20px;padding:20px;background:#fff;border:1px solid var(--line);border-radius:9px;text-decoration:none;font-weight:700;line-height:1.5}.guide-cards a:hover{border-color:#b58d42;background:#fff5dd}.guide-cards a>span:last-child{color:#b07b1e}.breadcrumbs{max-width:1140px;padding:24px 22px 0;margin:auto;font-size:.875rem;line-height:1.6;color:#7b6a5e}.breadcrumbs ol{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0;margin:0}.breadcrumbs li+li:before{content:'/';margin-right:8px;color:#b09679}.page-intro{max-width:900px;margin:auto;padding:42px 22px 0}.page-intro h1{font-size:clamp(2.1rem,4.8vw,3.5rem);color:#581317}.page-intro .cta{margin:5px 0 15px}.page-intro+.article{padding-top:18px}.legal h2{font-size:1.7rem}.site-footer{background:var(--deep);border-top:3px solid #c49536;color:#ccbfb1}.footer-shell{max-width:1140px;margin:auto;padding:36px 22px;display:flex;flex-direction:column;gap:28px}.site-footer nav{display:flex;flex-wrap:wrap;gap:16px 24px}.site-footer nav a{color:#e2cda8;font-size:.9rem;text-decoration:none}.site-footer nav a:hover{color:#fff0c3;text-decoration:underline}.site-footer p{padding-top:22px;border-top:1px solid #6b473d;font-size:.875rem;margin:0;width:100%}.site-footer p a{color:#e9c378}.contact-form{display:grid;gap:18px;padding:24px;border:1px solid #dec79d;border-radius:12px;background:#fff;margin:24px 0 30px}.contact-form label{display:grid;gap:9px;font-weight:700;font-size:.95rem}.contact-form input,.contact-form textarea{width:100%;border:1px solid #c9b8a5;background:#fffdf9;border-radius:7px;padding:12px;color:var(--ink)}.contact-form textarea{resize:vertical}.contact-form .cta{justify-self:start;margin:0}.form-status{font-size:.95rem;color:#6d3618}
@media(min-width:760px){.menu-toggle{display:none}#main-nav{display:flex;align-items:center;gap:12px;position:static;padding:0;background:none;border:0}.guides-menu{position:relative}.guides-menu div{position:absolute;right:0;top:calc(100% + 16px);width:240px;box-shadow:0 14px 28px #16000044}.hero{grid-template-columns:minmax(0,1.55fr) minmax(240px,1fr);padding:65px max(32px,calc((100vw - 1100px)/2)) 76px;gap:70px;min-height:500px}.game-logo{width:300px}.hero-download .cta{width:300px}.feature-cards{grid-template-columns:repeat(4,minmax(0,1fr));margin-top:-28px;position:relative;gap:16px}.feature-card{padding:23px 20px;min-height:140px}.article{padding-top:42px}.guide-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.footer-shell{flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:space-between}.contact-form{grid-template-columns:1fr 1fr}.contact-form .full,.form-status{grid-column:1/-1}.toc ol{columns:2;column-gap:36px}.toc li{break-inside:avoid}}
@media(prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}@media print{.site-header,.site-footer,.cta,.guide-cards,.contact-form{display:none}.hero{background:none;color:#000;min-height:0;padding:20px}.hero-copy h1,.hero-copy p{color:#000}.hero-download{display:none}.article{max-width:none}.faq-answer{display:block!important}.table-wrap{overflow:visible}h2{break-after:avoid}}

/* Separate step controls keep inline links independently accessible. */
.steps li:before{display:none}.step-toggle{flex-shrink:0;width:34px;height:34px;padding:0;border:1px solid #d9b878;border-radius:8px;background:#fcf1d6;color:#7a4216;font-weight:700;font-size:.86rem;line-height:1}.step-toggle:before{content:attr(data-step)}.steps li>span{line-height:1.8;padding-top:2px}.step-toggle[aria-pressed=true]{background:#e6e9dc;border-color:#abb39e;color:#3f552d;text-decoration:none}.step-toggle[aria-pressed=true]:before{content:"✓"}.step-toggle[aria-pressed=true]+span{color:#727466;text-decoration:line-through}

.hero-actions{display:flex;gap:12px;width:min(74vw,280px)}.hero-download .hero-actions .cta{width:auto;flex:1;gap:12px;padding:15px 12px}.cta-secondary{background:transparent;color:#ffe3a6;border-color:#c99a40;box-shadow:none}.cta-secondary:hover{background:#ffffff0b;box-shadow:0 8px 20px #1a000035}@media(min-width:760px){.hero-actions{width:300px}}
.screenshot-gallery{border:1px solid #cca64f;border-radius:16px;padding:18px;background:linear-gradient(145deg,#480c10,#1b0708);box-shadow:0 12px 28px #39100915}.screenshot-track{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#cda54a #2a0b0d;padding:0 0 14px;overscroll-behavior-x:contain;position:relative}.screenshot-slide{flex:0 0 100%;scroll-snap-align:start;min-width:0;border:1px solid #dab66865;border-radius:9px;overflow:hidden;background:#0d082a;display:flex;justify-content:center;align-items:center}.screenshot-slide img{display:block;width:100%;height:min(65vh,560px);object-fit:contain}.screenshot-controls{display:flex;justify-content:center;align-items:center;gap:24px;padding-top:16px;color:#ffe4aa}.screenshot-controls button{display:grid;place-items:center;width:46px;height:46px;border:1px solid #e0b354;border-radius:50%;background:#f1c565;color:#3b0a0d;font-size:1.3rem;transition:background .2s}.screenshot-controls button:hover:not(:disabled){background:#ffe1a1}.screenshot-controls button:disabled{opacity:.35;cursor:default}.screenshot-position{min-width:64px;text-align:center;font-size:.95rem;font-variant-numeric:tabular-nums}@media(min-width:600px){.screenshot-slide{flex-basis:calc((100% - 16px)/2)}.screenshot-slide img{height:540px}}@media(min-width:900px){.screenshot-slide{flex-basis:calc((100% - 32px)/3)}}@media print{.screenshots{display:none}}
