:root{color-scheme:light;--orange:#db762b;--brown:#492008;--red:#cf151b;--ink:#311b12;--muted:#6b5446;--line:#efd5c1;--paper:#fffaf5}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:1rem/1.75 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:#9b360a;text-decoration-thickness:1px;text-underline-offset:4px}a:hover{color:var(--red)}button,input,textarea{font:inherit}button,summary,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid var(--orange);outline-offset:5px}.site-header{background:var(--brown);border-bottom:4px solid var(--orange);position:relative;z-index:10}.top-nav{max-width:1200px;margin:auto;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;padding:16px 20px;gap:20px}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font-weight:800;font-size:1rem;letter-spacing:-.03em}.brand img{width:52px;height:52px;border-radius:13px}.site-header a,.site-header summary{color:white}.menu-toggle{background:transparent;border:1px solid #a77653;border-radius:8px;color:white;padding:8px 14px}.navigation{display:none;width:100%;gap:8px}.navigation.is-open{display:flex;flex-direction:column}.navigation>a,.guides>summary{padding:10px 14px;text-decoration:none;font-weight:650;border-radius:8px}.navigation>a:hover,.guides>summary:hover{background:#683513;color:white}summary{cursor:pointer}.guides{position:relative}.dropdown{display:grid;padding:10px;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 16px 40px #311b1220}.dropdown a{color:var(--brown);padding:8px 12px;text-decoration:none;border-radius:6px}.dropdown a:hover{background:#ffead8}main{max-width:1160px;margin:auto;padding:30px 20px 64px}h1{font-size:clamp(2.1rem,5vw,3.8rem);line-height:1.13;letter-spacing:-.045em;max-width:950px;margin:0 0 24px;color:var(--brown);font-weight:850}h2{font-size:clamp(1.6rem,3vw,2.2rem);line-height:1.25;letter-spacing:-.025em;color:var(--brown);margin:54px 0 22px;border-top:1px solid var(--line);padding-top:28px;scroll-margin-top:24px}h3{font-size:1.22rem;line-height:1.4;margin:30px 0 12px;color:var(--brown)}p{margin:0 0 19px}strong{font-weight:730}.intro>p{max-width:880px;font-size:1.08rem}.intro>p:has(em){padding:16px 20px;border-left:4px solid var(--red);background:#ffeddf;border-radius:0 10px 10px 0}.hero-action{display:flex;flex-direction:column;align-items:center;max-width:460px;margin:32px auto 36px;gap:12px}.game-logo{width:152px;height:152px;border-radius:32px;box-shadow:0 12px 32px #76330c30;margin-bottom:8px}.button{display:inline-flex;justify-content:center;align-items:center;min-height:54px;border-radius:10px;padding:12px 28px;text-decoration:none;font-weight:800;border:2px solid var(--brown);transition:transform .18s,box-shadow .18s;cursor:pointer}.hero-action .button{width:100%}.primary{background:var(--brown);color:white;box-shadow:0 5px 0 #d7752d}.secondary{background:white;color:var(--brown)}.button:hover{transform:translateY(-2px);box-shadow:0 8px 18px #49200825;color:var(--orange)}.spec-cards{display:grid;grid-template-columns:repeat(3,1fr);width:100%;gap:8px;margin-top:12px}.spec-cards>div{padding:12px 6px;background:#fff;border:1px solid var(--line);border-radius:10px;text-align:center}.spec-cards strong{display:block;font-size:1.15rem}.spec-cards span{font-size:.875rem;color:var(--muted)}.article-body{max-width:940px;margin:auto}.toc{background:#fff0e2;border:1px solid #e9bb95;border-radius:12px;margin:30px 0}.toc summary{padding:17px 22px;font-weight:750}.toc nav{padding:0 22px 16px}.toc li{margin:6px 0}.table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:12px;margin:24px 0;background:#fff}table{border-collapse:collapse;width:100%;text-align:left;min-width:450px}th{background:var(--brown);color:white;font-weight:650}th,td{padding:15px 20px;vertical-align:top}td{border-bottom:1px solid #f1e2d7}tr:last-child td{border-bottom:0}tbody tr:nth-child(even){background:#fff4ea}tbody tr:hover{background:#ffe7d2}.check-list,.steps{padding-left:28px}.check-list li,.steps li{padding:8px 12px;margin:7px 0;background:#fff;border:1px solid var(--line);border-radius:8px}.check-list li::marker{color:var(--orange)}.steps li::marker{font-weight:800;color:#9b360a}.breadcrumbs{display:flex;gap:12px;flex-wrap:wrap;margin:0 0 24px;color:var(--muted);font-size:.875rem}.page-cta{margin:26px 0}.features-grid,.guide-cards{display:grid;gap:18px;margin:28px 0}.feature-card,.guide-card{background:white;border:1px solid var(--line);border-radius:16px;padding:24px;box-shadow:0 5px 18px #49200805;transition:transform .2s,border-color .2s}.feature-card:hover,.guide-card:hover{transform:translateY(-4px);border-color:var(--orange)}.feature-icon{display:grid;place-items:center;width:48px;height:48px;background:#ffead7;color:var(--brown);border-radius:13px;margin-bottom:16px;font-size:1.7rem}.feature-card h3{margin-top:0}.feature-card p:last-child,.guide-card p:last-child{margin-bottom:0}.guide-card>a{font-size:1.14rem;font-weight:750;line-height:1.4;display:block;margin-bottom:15px}blockquote{margin:24px 0;padding:24px;border-left:4px solid var(--orange);background:#fff0e2;border-radius:0 12px 12px 0}footer{background:var(--brown);color:#ecd8c8;padding:38px 20px}footer a{color:white}footer .footer-inner{max-width:1160px;margin:auto}footer nav{display:flex;gap:12px 26px;flex-wrap:wrap;margin:24px 0}footer p{font-size:.875rem;margin:28px 0 0;border-top:1px solid #805133;padding-top:22px}.contact-form{max-width:680px;background:white;border:1px solid var(--line);border-radius:16px;padding:24px;margin:26px 0}.contact-form label{display:block;font-weight:650;margin-bottom:18px}input,textarea{display:block;width:100%;padding:12px;border:1px solid #bfa28d;border-radius:8px;margin-top:6px;background:#fffaf5}.form-status{margin-top:16px;color:var(--muted)}@media(min-width:760px){.top-nav{flex-wrap:nowrap}.menu-toggle{display:none}.navigation,.navigation.is-open{display:flex;flex-direction:row;width:auto;align-items:center}.dropdown{position:absolute;right:0;top:52px;width:310px;max-height:70vh;overflow:auto}main{padding-top:56px}.home-intro{background:linear-gradient(120deg,#fff6eb,#fff);border:1px solid var(--line);border-radius:24px;padding:40px}.features-grid,.guide-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.spec-cards{gap:12px}.brand{font-size:1.12rem}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
/* Homepage guide sidebar */
.content-layout{margin-top:30px}.content-layout .article-body{min-width:0;width:100%}.guide-sidebar{min-width:0;margin-top:42px;background:#fff0e2;border:1px solid var(--line);border-radius:16px;padding:20px}.guide-sidebar>h2{font-size:1.4rem;margin:0 0 20px;padding:0;border:0}.guide-sidebar .guide-cards{grid-template-columns:1fr;margin:0;gap:14px}.guide-sidebar .guide-card{padding:18px}.guide-sidebar .guide-card>a{font-size:1rem}.guide-sidebar .guide-card p{font-size:.9375rem;line-height:1.65}@media(min-width:1000px){.content-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:32px;align-items:start}.guide-sidebar{margin-top:30px}.content-layout .features-grid{grid-template-columns:1fr}}
.guide-card-title{font-size:1.14rem;font-weight:750;line-height:1.4;margin-bottom:15px;color:var(--brown)}.guide-sidebar .guide-card-title{font-size:1rem}.guide-card p a{font-weight:600}
.page-cta{margin:28px 0 72px;max-width:460px}.page-cta .button{width:100%;min-height:64px;font-size:1.15rem;padding:16px 28px;box-shadow:0 6px 0 var(--orange),0 12px 24px #49200820}.page-cta .button:hover{box-shadow:0 8px 0 var(--orange),0 16px 28px #49200825}
.screenshot-slider{padding:18px;background:var(--brown);border-radius:20px;border:1px solid #80471f;box-shadow:0 14px 30px #49200818}.screenshot-track{display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:var(--orange) var(--brown);padding-bottom:14px}.screenshot-slide{margin:0;flex:0 0 min(85%,300px);scroll-snap-align:start;overflow:hidden;border-radius:12px;background:#743308;border:1px solid #d88b52}.screenshot-slide img{display:block;width:100%;height:auto}.slider-controls{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:16px}.slider-controls button{border:1px solid #d88b52;border-radius:8px;background:#fff4e8;color:var(--brown);padding:9px 18px;font-weight:750;cursor:pointer;min-height:44px}.slider-controls button:hover{background:#ffcfaa}.slider-controls button:disabled{opacity:.45;cursor:default}.slider-count{color:white;font-variant-numeric:tabular-nums;font-size:.875rem}.screenshots>h2{margin-top:38px}@media(min-width:760px){.screenshot-slide{flex-basis:calc((100% - 18px)/2)}}