:root{color-scheme:dark;--bg:#090909;--panel:#151412;--panel2:#1e1b17;--line:#5c491f;--gold:#f3cc69;--gold2:#b68526;--text:#f1eadc;--muted:#bdb5a6;--red:#951824;--max:1140px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 50% 0,#2a160f 0,#100e0c 27rem,#090909 55rem);color:var(--text);line-height:1.7}a{color:var(--gold);text-underline-offset:.18em}a:hover{color:#ffe8a4}button,input,textarea{font:inherit}button{cursor:pointer}img{max-width:100%;height:auto}strong{color:#fff1bc;font-weight:700}h1,h2,h3{line-height:1.2;letter-spacing:-.025em}h1{font-size:clamp(2.25rem,7vw,4.6rem);margin:.5rem 0 1.25rem;color:#ffe093;text-shadow:0 2px 24px #79501388}h2{font-size:clamp(1.65rem,4vw,2.35rem);color:var(--gold);margin:0 0 1.15rem}h3{font-size:clamp(1.22rem,3vw,1.5rem);color:#f5d990;margin:2rem 0 .75rem}p{margin:.9rem 0 1.25rem}.skip-link{position:absolute;top:-4rem;left:1rem;background:var(--gold);color:#15100a;padding:.5rem 1rem;z-index:10}.skip-link:focus{top:.5rem}.site-header{position:relative;z-index:5;background:linear-gradient(180deg,#24211f,#121110);border-bottom:1px solid #74551c;box-shadow:0 5px 22px #0008}.header-inner{max-width:var(--max);margin:auto;padding:.7rem 1rem;display:flex;align-items:center;gap:.6rem}.brand{display:inline-flex;flex:none;border-radius:15px;box-shadow:0 0 18px #dfaa3940}.brand img{display:block;width:50px;height:50px;object-fit:cover;border-radius:15px}.main-nav{margin-left:auto;display:flex;align-items:center;gap:.15rem}.main-nav>a,.guides-menu>summary{display:block;padding:.55rem .68rem;color:#efdfba;text-decoration:none;font-size:.87rem;font-weight:700;border-radius:9px;white-space:nowrap}.main-nav>a:hover,.main-nav>a[aria-current],.guides-menu>summary:hover{background:#70511e;color:#fff}.guides-menu{position:relative}.guides-menu>summary{list-style:none;cursor:pointer}.guides-menu>summary::-webkit-details-marker{display:none}.guides-menu>summary:after{content:'⌄';margin-left:.35rem;color:var(--gold)}.guides-panel{position:absolute;right:0;top:calc(100% + .5rem);width:min(90vw,420px);max-height:70vh;overflow:auto;background:#1b1712;border:1px solid var(--gold2);border-radius:13px;box-shadow:0 16px 35px #000b;padding:.4rem}.guides-panel a{display:block;padding:.7rem .8rem;text-decoration:none;border-radius:8px;color:#e9dcc0;font-size:.9rem;line-height:1.35}.guides-panel a:hover,.guides-panel a[aria-current]{background:#5b401b;color:#fff}.site-main{min-height:65vh}.page-shell{max-width:var(--max);margin:auto;padding:1.4rem 1rem 5rem}.breadcrumbs{font-size:.85rem;color:var(--muted);display:flex;align-items:center;gap:.55rem;margin:.15rem 0 1.2rem;overflow-wrap:anywhere}.breadcrumbs a{text-decoration:none}.page-content>p:first-of-type{font-size:1.08rem;max-width:78ch;color:#f2e6ce}.page-content{max-width:900px}.page-content section{scroll-margin-top:1rem}.content-section{padding:2rem 0;border-top:1px solid #5b45225e}.content-section p,.content-section li{max-width:78ch}.page-content>p:first-of-type+.content-section{margin-top:2.2rem}.hero-actions{display:flex;flex-direction:column;align-items:flex-start;gap:.8rem;margin:1.7rem 0 1.1rem;max-width:290px}.game-logo{width:132px;height:132px;object-fit:cover;border:2px solid var(--gold2);border-radius:30px;box-shadow:0 0 30px #e4a12855;margin-bottom:.5rem}.button{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:.7rem 1.6rem;text-decoration:none;border-radius:11px;font-weight:800;letter-spacing:.01em;border:1px solid transparent;transition:transform .18s,box-shadow .18s,background .18s}.button:hover{transform:translateY(-2px)}.hero-actions .button{width:100%}.button-primary{background:linear-gradient(135deg,#fff2a9,#eeb83c 48%,#ae7419);border-color:#ffe7a3;color:#281705;box-shadow:0 6px 22px #b6782455}.button-primary:hover{color:#170d03;box-shadow:0 9px 28px #b6782488}.button-secondary{background:#271b17;color:#ffe5a0;border-color:var(--gold2)}.button-secondary:hover{background:#41231b}.page-action{margin:1.6rem 0 5rem}.page-action .button{min-width:215px}.spec-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem;margin:1rem 0 2.5rem}.spec-cards>div{background:linear-gradient(150deg,#251b12,#171512);border:1px solid var(--line);border-radius:12px;padding:.85rem;display:flex;flex-direction:column;gap:.15rem;min-height:94px}.spec-cards span{font-size:.73rem;color:#c4ab72}.spec-cards strong{font-size:.98rem}.toc{margin:2.4rem 0 2rem;background:#1b1712;border:1px solid var(--line);border-radius:13px;overflow:hidden}.toc summary{list-style:none;cursor:pointer;padding:1rem 1.2rem;color:var(--gold);font-weight:800;display:flex;justify-content:space-between}.toc summary::-webkit-details-marker{display:none}.toc nav{border-top:1px solid #5c491f88;padding:.3rem 1.2rem 1.2rem}.toc ol{columns:1;margin:.65rem 0 0;padding-left:1.3rem}.toc li{break-inside:avoid;padding:.25rem 0}.toc a{text-decoration:none;color:#e3d4b4}.toc a:hover{text-decoration:underline;color:var(--gold)}.table-scroll{overflow-x:auto;border:1px solid var(--line);border-radius:13px;background:#121211;margin:1.45rem 0 2rem;box-shadow:0 10px 25px #0003}.table-scroll:focus-visible{outline:2px solid var(--gold)}table{border-collapse:collapse;width:100%;min-width:540px;font-size:.94rem}th,td{text-align:left;vertical-align:top;padding:.72rem .95rem;border-bottom:1px solid #4d402b}th{background:#34240f;color:#ffe2a0;white-space:nowrap}tr:last-child td{border-bottom:0}tbody tr:hover{background:#3c2a1c80}td:first-child{color:#f2d890;font-weight:650}.content-list{padding-left:1.4rem;margin:1.2rem 0 1.8rem}.content-list li{padding:.28rem .4rem;border-radius:7px}.content-list li:hover{background:#332719}.content-list li::marker{color:var(--gold2)}.feature-grid{display:grid;gap:1rem}.feature-card{background:linear-gradient(145deg,#201a14,#111111);border:1px solid #826326;border-radius:16px;padding:1.2rem 1.3rem;box-shadow:inset 0 1px #ffe19622,0 8px 24px #0004;transition:transform .2s,border-color .2s}.feature-card:hover{transform:translateY(-4px);border-color:#e4b345}.feature-card h3{margin:.35rem 0 .8rem}.feature-card p:last-child{margin-bottom:0}.feature-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:11px;background:radial-gradient(circle at 30% 30%,#ffdf72,#9b1d20 65%,#401014);color:#fff3af;font-size:1.55rem;box-shadow:0 3px 14px #dd8f264d}.all-guides{display:grid;grid-template-columns:1fr;gap:.65rem;margin:2rem 0 0}.all-guides a{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.8rem 1rem;background:#1b1712;border:1px solid #5c491f;border-radius:10px;text-decoration:none;color:#f4dfaa;font-weight:650;line-height:1.35;transition:transform .18s,border-color .18s}.all-guides a:hover{transform:translateX(3px);border-color:var(--gold)}.contact-form{display:grid;gap:1.1rem;max-width:650px;background:#1a1713;border:1px solid var(--line);padding:1.2rem;border-radius:15px}.contact-form label{display:grid;gap:.4rem;color:var(--gold);font-weight:700}.contact-form input,.contact-form textarea{width:100%;background:#0e0e0e;border:1px solid #70572c;color:var(--text);border-radius:8px;padding:.65rem .75rem}.contact-form input:focus,.contact-form textarea:focus{outline:2px solid var(--gold)}.contact-form button{justify-self:start}.form-status{margin:0;color:var(--gold)}.site-footer{border-top:1px solid #7b5a21;background:linear-gradient(#211b14,#100f0e);padding:2rem 1rem}.footer-inner{max-width:var(--max);margin:auto}.footer-inner>img{width:64px;height:64px;border-radius:17px}.footer-inner nav{display:flex;flex-wrap:wrap;gap:.45rem 1rem;margin:1rem 0}.footer-inner nav a{color:#dec891;text-decoration:none;font-size:.9rem}.footer-inner nav a:hover{text-decoration:underline}.footer-inner p{font-size:.82rem;color:#b7aa93}.footer-inner p a{color:inherit}@media(min-width:600px){.header-inner{gap:1.4rem}.main-nav{gap:.5rem}.main-nav>a,.guides-menu>summary{padding:.7rem .9rem;font-size:.95rem}.page-shell{padding:2rem 1.5rem 5rem}.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.all-guides{grid-template-columns:repeat(2,minmax(0,1fr))}.toc ol{columns:2}}@media(min-width:900px){.feature-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.spec-cards{max-width:620px}.page-content{padding-left:1rem}}@media(max-width:410px){.header-inner{padding:.6rem .55rem}.brand img{width:40px;height:40px}.main-nav>a,.guides-menu>summary{font-size:.74rem;padding:.48rem .35rem}.spec-cards{grid-template-columns:1fr 1fr}.spec-cards>div:last-child{grid-column:1/-1}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}

.brand{align-items:center;gap:.6rem;text-decoration:none;box-shadow:none}
.brand img{box-shadow:0 0 18px #dfaa3940}
.brand span,.footer-brand span{color:#ffe093;font-size:1.45rem;font-weight:850;letter-spacing:-.03em;line-height:1}
.hero-actions{align-items:center;width:min(100%,290px);margin:1.7rem auto 1.1rem}
.spec-cards{width:100%;max-width:620px;margin:1rem auto 2.5rem}
.footer-brand{display:flex;align-items:center;gap:.8rem}
.footer-brand img{width:64px;height:64px;border-radius:17px}
@media(max-width:700px){.header-inner{flex-wrap:wrap}.main-nav{width:100%;margin-left:0;justify-content:space-between}}

.screenshots-section{max-width:900px}
.screenshot-slider{max-width:630px;margin:1.3rem auto 0;padding:.7rem;background:linear-gradient(145deg,#2d2112,#100f0d);border:1px solid #a67b2e;border-radius:20px;box-shadow:0 16px 40px #0008,inset 0 1px #ffe5a933}
.screenshot-slider:focus-visible{outline:2px solid var(--gold);outline-offset:4px}
.screenshot-stage{overflow:hidden;border-radius:13px;background:#050505}
.screenshot-track{display:flex;list-style:none;margin:0;padding:0;transition:transform .35s ease}
.screenshot-slide{flex:0 0 100%;height:min(78vh,760px);display:grid;place-items:center;overflow:hidden}
.screenshot-slide img{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;user-select:none}
.screenshot-controls{display:flex;align-items:center;justify-content:center;gap:1.4rem;padding:.8rem 0 .35rem}
.screenshot-arrow{width:44px;height:44px;display:grid;place-items:center;background:linear-gradient(145deg,#ffe39b,#b67b22);border:1px solid #ffe7a8;border-radius:50%;color:#211407;font-size:2rem;line-height:1;box-shadow:0 3px 12px #0008}
.screenshot-arrow:hover{filter:brightness(1.14)}
.screenshot-count{min-width:3.5rem;text-align:center;color:#f5d684;font-weight:750;font-variant-numeric:tabular-nums}
.screenshot-dots{display:flex;justify-content:center;gap:.5rem;padding:.3rem 0 .7rem}
.screenshot-dots button{width:10px;height:10px;padding:0;border:1px solid #d5b668;border-radius:50%;background:#4b3d24}
.screenshot-dots button[aria-current="true"]{background:#f2c751;box-shadow:0 0 10px #e5b63a}
@media(prefers-reduced-motion:reduce){.screenshot-track{transition:none}}

.menu-toggle{display:none;width:46px;height:46px;padding:10px;border:1px solid #a88038;border-radius:11px;background:linear-gradient(145deg,#352617,#171410);align-items:center;justify-content:center;flex-direction:column;gap:5px;color:var(--gold)}
.menu-toggle span{display:block;width:24px;height:2px;border-radius:2px;background:currentColor;transition:transform .18s,opacity .18s}
.menu-toggle:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
.menu-toggle[aria-expanded="true"] span:first-child{transform:translateY(7px) rotate(45deg)}
.menu-toggle[aria-expanded="true"] span:nth-child(2){opacity:0}
.menu-toggle[aria-expanded="true"] span:last-child{transform:translateY(-7px) rotate(-45deg)}
@media(max-width:700px){
  .js .header-inner{flex-wrap:nowrap}
  .js .menu-toggle{display:flex;margin-left:auto}
  .js .main-nav{display:none;position:absolute;top:100%;left:0;right:0;width:auto;max-height:calc(100vh - 70px);overflow-y:auto;margin:0;padding:.6rem 1rem 1rem;flex-direction:column;align-items:stretch;gap:.2rem;background:#17130f;border-bottom:1px solid #a88038;box-shadow:0 18px 28px #000b}
  .js .main-nav.is-open{display:flex}
  .js .main-nav>a,.js .guides-menu>summary{padding:.75rem .9rem;font-size:1rem;white-space:normal}
  .js .guides-menu{width:100%}
  .js .guides-panel{position:static;width:100%;max-height:none;margin-top:.3rem;box-shadow:none}
}