:root{--bg:#121512;--panel:#1b1f1a;--line:#363d32;--text:#f7f8ee;--muted:#b8bfb0;--lime:#d7f956;--max:1240px;color-scheme:dark;font-family:Arial,Helvetica,sans-serif;font-size:18px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--text);line-height:1.6;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}a,button,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--lime);outline-offset:6px}img{display:block;max-width:100%}.wrap{width:min(var(--max),calc(100% - 96px));margin-inline:auto}.muted{color:var(--muted)}.lime{color:var(--lime)}p{margin:0 0 20px}h1,h2,h3{margin:0;font-weight:800;line-height:1.06;letter-spacing:-.045em}h2{font-size:clamp(34px,3.8vw,52px)}h3{font-size:24px;line-height:1.25;letter-spacing:-.025em}.eyebrow{font-size:16px;font-weight:700;letter-spacing:.11em;line-height:1.5;margin-bottom:22px}.header{border-bottom:1px solid var(--line);background:var(--bg)}.header-inner{min-height:100px;display:flex;align-items:center;gap:35px;justify-content:space-between}.brand{display:flex;align-items:center;gap:13px;font-weight:900;font-size:21px;line-height:1.15;letter-spacing:-.035em}.brand-icon{display:flex;background:var(--lime);color:var(--bg);width:44px;height:48px;align-items:center;justify-content:center;font-size:36px;position:relative;border-radius:4px}.brand-icon span{font-size:19px;position:absolute;right:2px;top:0}.brand-sub{display:block;font-size:16px;letter-spacing:.04em;margin-top:6px;color:var(--muted)}nav{display:flex;gap:28px}nav a{font-size:17px;font-weight:600;color:var(--muted);padding:36px 0 30px;border-bottom:3px solid transparent}nav a:hover,nav a[aria-current]{color:var(--text);border-bottom-color:var(--lime)}.button{display:inline-flex;align-items:center;justify-content:center;gap:20px;min-height:58px;padding:14px 25px;background:var(--lime);color:#17200a;font-weight:700;font-size:18px;border:1px solid var(--lime);border-radius:5px;transition:background .18s,transform .18s}.button:hover{background:#e7ff91;transform:translateY(-2px)}.button.small{font-size:16px;min-height:48px;padding:11px 18px;gap:14px}.button.outline{color:var(--text);border-color:#788175;background:#1117108c}.button.outline:hover{background:#2c3526}.button.dark{background:#17200a;border-color:#17200a;color:var(--lime)}.hero{position:relative;min-height:660px;overflow:hidden;background:#263329}.hero-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:67% center}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(12,20,12,.96),rgba(12,20,12,.77) 36%,rgba(12,20,12,.12) 100%),linear-gradient(0deg,rgba(12,20,12,.5),transparent 50%)}.hero-content{position:relative;padding-top:70px;padding-bottom:76px}.hero .eyebrow{color:#e1e5d5;display:flex;align-items:center;gap:12px}.signal{width:8px;height:8px;background:var(--lime);border-radius:50%;box-shadow:0 0 0 5px #d7f9561f}.hero h1{font-size:clamp(52px,6.3vw,88px);letter-spacing:-.055em;line-height:.99;max-width:1000px}.hero h1 span{color:var(--lime)}.hero-description{font-size:21px;line-height:1.6;color:#e0e5d7;margin:27px 0}.actions{display:flex;gap:14px;flex-wrap:wrap}.hero-note{display:flex;align-items:center;gap:18px;font-size:16px;margin-top:30px;color:#d0d7c8}.pill{font-size:16px;border:1px solid #7d8d73;padding:4px 9px;border-radius:3px;font-weight:600}.photo-label{position:absolute;bottom:24px;right:35px;font-size:16px;font-weight:600;letter-spacing:.06em;color:#fff;text-shadow:0 1px 5px #000}.quickstrip{background:#1c2119;border-bottom:1px solid var(--line)}.quickstrip .wrap{min-height:82px;display:flex;justify-content:space-between;gap:25px;align-items:center;font-size:17px}.quickstrip .lime{font-size:24px;margin-right:10px}.section{padding-block:88px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:35px;margin-bottom:36px}.section-heading .eyebrow{margin-bottom:15px}.section-note{color:var(--muted);margin-bottom:2px}.guide-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px}.guide-card{display:block;background:var(--panel);border:1px solid var(--line);border-radius:8px;overflow:hidden;transition:border-color .2s,transform .2s}.guide-card:hover{border-color:var(--lime);transform:translateY(-4px)}.card-art{height:255px;position:relative;overflow:hidden;background:#222d20;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:center}.card-art::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(115deg,transparent,transparent 46px,#c8e89b0a 46px,#c8e89b0a 47px)}.art-caption,.art-bottom{position:absolute;font-size:16px;letter-spacing:.06em;font-weight:600;color:#b9c8aa;left:24px;top:19px}.art-bottom{top:auto;bottom:16px}.wasd{transform:rotate(-8deg);display:flex;align-items:center;flex-direction:column;gap:8px;margin-top:4px}kbd{font-family:inherit;font-size:20px;min-width:48px;min-height:46px;padding:7px 13px;display:inline-flex;align-items:center;justify-content:center;border-radius:6px;border:1px solid #607447;background:#2c3d25;color:var(--lime);box-shadow:0 4px 0 #111b0c;line-height:1.4;font-weight:700}.wasd kbd{width:60px;height:55px;font-size:25px;background:#d7f956;color:#1e2c10;box-shadow:0 6px 0 #6d8432;border-color:#defe78}.wasd>div{display:flex;gap:8px}.browser-art{background:#242925}.browser-window{position:relative;width:220px;height:142px;border:1px solid #9aa88a;border-radius:7px;transform:rotate(6deg);background:#151b13;box-shadow:12px 14px 0 #0c110b55}.browser-bar{display:flex;gap:5px;padding:10px;border-bottom:1px solid #536347}.browser-bar i{width:6px;height:6px;border-radius:50%;background:#80916d}.browser-content{display:flex;align-items:center;justify-content:center;gap:15px;height:100px;font-size:16px;font-weight:700}.browser-arrow{font-size:65px;color:var(--lime);line-height:1}.card-copy{padding:28px 30px 32px}.card-copy .eyebrow{font-size:16px;margin-bottom:12px}.card-copy h3{font-size:29px;display:flex;justify-content:space-between}.card-copy h3 span{color:var(--lime)}.card-copy p{color:var(--muted);margin:15px 0 24px;max-width:430px}.text-link{color:var(--lime);font-weight:700;font-size:17px}.text-link:hover{text-decoration:underline}.starter-section{background:#1b2019;border-block:1px solid var(--line);padding-block:72px}.starter-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:80px}.short{margin-top:24px}.starter-steps>div{display:flex;gap:22px;padding:25px 0;align-items:center;border-bottom:1px solid #414939}.starter-steps>div:first-child{padding-top:0}.starter-steps>div:last-child{border:0;padding-bottom:0}.step-number{color:var(--lime);font-weight:600;font-size:17px;letter-spacing:.04em}.starter-steps h3{font-size:23px}.starter-steps p{color:var(--muted);margin:8px 0 0;font-size:18px}.starter-steps kbd,.step-symbol{margin-left:auto;flex-shrink:0}.step-symbol{font-size:35px;color:var(--lime)}.faq details{border-bottom:1px solid var(--line)}.faq details:first-child{border-top:1px solid var(--line)}summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:24px;padding:25px 0;font-weight:600;font-size:21px;line-height:1.4}summary::-webkit-details-marker{display:none}summary span{color:var(--lime);font-size:28px;transition:transform .2s}details[open] summary span{transform:rotate(45deg)}details p{color:var(--muted);max-width:760px;margin:0 0 27px;font-size:18px}details p a{color:var(--lime);text-decoration:underline}.end-cta{background:var(--lime);color:#1c260f;border-radius:7px;display:flex;justify-content:space-between;align-items:center;padding:40px 45px;margin-bottom:86px;gap:30px}.end-cta .eyebrow{margin-bottom:12px}.end-cta h2{font-size:46px}footer{border-top:1px solid var(--line);padding:42px 0 24px}footer p{font-size:16px;max-width:780px;margin-top:27px}.footer-top{display:flex;justify-content:space-between;align-items:center;gap:30px}.tag{font-size:16px;font-weight:500;letter-spacing:0;border:1px solid #536047;color:#c1cbb7;padding:5px 8px;border-radius:3px}.footer-links{display:flex;gap:25px;flex-wrap:wrap;font-size:16px;color:var(--muted)}.footer-links a:hover{color:var(--lime)}.footer-bottom{border-top:1px solid var(--line);padding-top:22px;margin-top:30px;display:flex;justify-content:space-between;gap:20px;font-size:16px;color:var(--muted)}.skip{position:fixed;left:15px;top:-100px;z-index:100;background:var(--lime);color:#121512;padding:15px}.skip:focus{top:15px}.inner-hero{padding-top:42px;padding-bottom:55px;border-bottom:1px solid var(--line)}.breadcrumb{display:inline-block;color:var(--muted);font-size:16px;margin-bottom:43px}.inner-hero h1{font-size:clamp(44px,5.7vw,76px)}.inner-hero h1 span{color:var(--lime)}.inner-description{color:var(--muted);font-size:21px;max-width:650px;margin:26px 0 0}.controls-section{padding-block:42px 80px}.tablist{display:inline-flex;border:1px solid var(--line);padding:5px;border-radius:7px;gap:5px;margin-bottom:40px}.tablist button{border:0;padding:12px 24px;background:transparent;color:var(--muted);font-size:18px;font-weight:600;border-radius:4px;cursor:pointer;min-height:48px}.tablist button[aria-selected="true"]{background:var(--lime);color:#18200c}.controls-section h2{font-size:36px;margin-bottom:28px}.control-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.control-card{padding:25px;background:var(--panel);border:1px solid var(--line);border-radius:7px;min-height:155px}.control-card h3{font-size:21px;margin-top:24px}.note-box{display:flex;gap:24px;background:#20291b;padding:28px;border:1px solid #4b6033;border-radius:7px;margin-top:32px}.note-box>span{font-size:30px}.note-box h3{font-size:23px;margin-bottom:10px}.note-box p{color:var(--muted);max-width:750px;margin:0}.source-note{font-size:16px;color:var(--muted);margin:32px 0 0;max-width:850px}.source-note a{color:var(--lime);text-decoration:underline}.touch-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.touch-card{padding:30px;background:var(--panel);border:1px solid var(--line);border-radius:7px}.thumb-disc{height:100px;width:100px;border:2px solid #5c713c;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:40px;color:var(--lime);background:#293821;margin-bottom:30px;box-shadow:inset 0 0 0 15px #1e2a18}.touch-card p{margin:15px 0 0;color:var(--muted)}.compact{padding-top:45px}.destination{display:flex;align-items:center;gap:28px;background:var(--panel);border:1px solid #56683d;border-radius:8px;padding:35px;margin-bottom:70px}.destination-icon{color:var(--lime);font-size:75px;line-height:1}.destination h2{font-size:34px}.destination .eyebrow{margin-bottom:8px}.destination .url{font-size:18px;color:var(--muted);margin:13px 0 0;overflow-wrap:anywhere}.destination .button{margin-left:auto}.help-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.help-grid article{padding:30px;border:1px solid var(--line);background:var(--panel);border-radius:7px}.help-grid h3{margin-top:20px}.help-grid h2{font-size:28px}.help-grid p{color:var(--muted);margin:15px 0 0;max-width:490px}.help-grid .text-link{display:inline-block;margin-top:18px}[hidden]{display:none!important}
@media(min-width:1600px){.hero{min-height:720px}.hero-content{padding-top:95px}}@media(max-width:1100px){.wrap{width:calc(100% - 56px)}.header-inner{gap:20px}.header-play{display:none}nav{gap:23px}.hero h1{font-size:70px}.starter-grid{gap:40px}.quickstrip .wrap{font-size:16px;gap:16px}.quickstrip .lime{margin-right:4px}.footer-top{align-items:flex-start;flex-direction:column}.destination{flex-wrap:wrap}.destination .button{margin-left:0}.control-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:700px){.wrap{width:calc(100% - 36px)}.header-inner{min-height:132px;flex-wrap:wrap;padding-top:17px;gap:12px}.brand{font-size:19px}.brand-sub{font-size:16px}.brand-icon{width:38px;height:43px}nav{width:100%;justify-content:space-between;gap:12px}nav a{padding:10px 0 12px;font-size:16px}.hero{min-height:680px}.hero-content{padding-top:48px;padding-bottom:75px}.hero h1{font-size:clamp(44px,10.2vw,68px)}.hero .eyebrow{font-size:16px;letter-spacing:.04em;max-width:290px}.hero-description{font-size:20px;margin-top:25px}.hero-photo{object-position:60% center}.hero-shade{background:linear-gradient(90deg,#0c140cf2,#0c140cb8),linear-gradient(0deg,#0c140c80,transparent)}.actions{gap:12px}.actions .button{width:100%;justify-content:space-between}.hero-note{flex-wrap:wrap;gap:12px}.photo-label{left:18px;right:auto;bottom:19px;font-size:16px;letter-spacing:0}.quickstrip .wrap{padding-block:21px;flex-direction:column;align-items:flex-start;gap:12px}.section{padding-block:56px}.section-heading{align-items:flex-start;flex-direction:column;gap:20px;margin-bottom:28px}.section-note{font-size:18px}.guide-grid,.starter-grid,.help-grid,.touch-grid{grid-template-columns:1fr}.card-art{height:230px}.card-copy{padding:25px 22px}.card-copy h3{font-size:26px}.starter-section{padding-block:48px}.starter-grid{gap:36px}.starter-steps>div{gap:14px}.starter-steps h3{font-size:21px}.starter-steps kbd{min-width:42px;padding:7px}.starter-steps p{font-size:18px}.step-number{font-size:16px}summary{font-size:20px}.end-cta{width:calc(100% - 36px);padding:29px 24px;align-items:flex-start;flex-direction:column;margin-bottom:55px}.end-cta h2{font-size:38px}.end-cta .button{width:100%;justify-content:space-between}.footer-top .brand{flex-wrap:wrap;font-size:18px}.footer-links{gap:18px}.footer-bottom{flex-direction:column;gap:10px}.inner-hero{padding-top:25px;padding-bottom:40px}.breadcrumb{margin-bottom:32px}.inner-hero h1{font-size:48px}.inner-description{font-size:20px}.control-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.control-card{padding:19px 13px;min-height:145px}.control-card kbd{font-size:18px;padding:7px 9px;white-space:nowrap}.control-card h3{font-size:20px}.tablist{width:100%}.tablist button{flex:1;padding:11px 12px;font-size:17px}.note-box{padding:22px 18px;gap:15px}.destination{padding:25px 20px;gap:18px;margin-bottom:48px}.destination-icon{font-size:50px}.destination h2{font-size:29px}.destination .eyebrow{font-size:16px}.destination .button{width:100%;margin-top:9px}.help-grid article{padding:26px 23px}.help-grid h2{font-size:27px}.compact{padding-top:32px}.source-note{line-height:1.7}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}
/* Review pass: preserve the visual system while making the game and reference material explicit. */
.hero h1 .hero-game-name{display:block;font-size:23px;line-height:1.4;letter-spacing:.045em;color:var(--text);margin-bottom:15px}.game-overview{padding-top:65px;padding-bottom:8px}.overview-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.overview-grid article{padding:28px;border:1px solid var(--line);border-radius:7px;background:var(--panel)}.overview-symbol{font-size:32px;line-height:1;color:var(--lime);display:block;margin-bottom:22px}.overview-grid h3{font-size:24px}.overview-grid p{color:var(--muted);margin:16px 0 22px}.advanced-controls{margin-top:48px}.advanced-controls .help-grid article{padding:25px}.advanced-controls h3{margin-top:0}.key-list{margin:20px 0 0}.key-list>div{display:flex;align-items:center;gap:16px;padding:12px 0;border-top:1px solid var(--line)}.key-list dt{flex:0 0 125px}.key-list dd{margin:0;color:var(--muted);font-size:18px;line-height:1.45}.key-list kbd{font-size:18px;box-shadow:none;white-space:nowrap}.controls-section #mobile{margin-top:32px}.controls-section [hidden]+#mobile{margin-top:0}@media(max-width:700px){.hero h1 .hero-game-name{font-size:20px;letter-spacing:.02em}.overview-grid{grid-template-columns:1fr}.game-overview{padding-top:45px}.overview-grid article{padding:25px}.key-list dt{flex-basis:105px}.key-list>div{gap:10px}.key-list kbd{font-size:17px;padding:7px 9px}.advanced-controls .help-grid article{padding:22px 18px}}
/* Outbound play entrance and player-guide sections. */
.play-section{padding-block:42px}.play-panel{position:relative;isolation:isolate;overflow:hidden;min-height:360px;display:grid;place-items:center;border:1px solid #56683d;border-radius:9px;background:#19261c;text-align:center;padding:50px 28px}.play-grid-art{position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,#121b13e8,#121b1366),repeating-linear-gradient(90deg,transparent 0 78px,#93b86b18 79px 80px),repeating-linear-gradient(0deg,transparent 0 78px,#93b86b18 79px 80px);transform:perspective(550px) rotateX(25deg) scale(1.4)}.play-grid-art span{position:absolute;bottom:12%;left:0;right:0;color:#b6c7a32b;font-weight:800;letter-spacing:.14em;font-size:34px}.play-panel-copy{max-width:750px}.play-panel-copy h2{font-size:clamp(34px,4.3vw,58px)}.play-panel-copy>p:not(.eyebrow){color:var(--muted);margin:20px 0}.play-panel-copy .play-caption{font-size:16px;margin-bottom:0}.play-support{display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap;margin-top:18px;color:var(--muted);font-size:16px}.guide-shortcuts{display:flex;gap:20px;flex-wrap:wrap;color:var(--lime);font-weight:700}.guide-shortcuts a:hover{text-decoration:underline}.overview-grid kbd{font-size:18px;min-width:32px;min-height:32px;padding:1px 7px;box-shadow:none}#tips .help-grid h3{margin-top:0}.header-inner{gap:22px}nav{gap:20px}
@media(max-width:1100px){nav{gap:16px}.header-inner{flex-wrap:wrap;padding-block:15px}nav a{padding-block:12px}}
@media(max-width:700px){nav{flex-wrap:wrap;justify-content:flex-start;column-gap:22px;row-gap:0}.header-inner{padding-top:17px;padding-bottom:0}.play-section{padding-block:26px}.play-panel{min-height:370px;padding:32px 20px}.play-panel .button{width:100%;gap:12px;padding-inline:15px}.play-support{flex-direction:column}.play-grid-art span{font-size:22px}.play-panel-copy .eyebrow{letter-spacing:.04em}}
/* Keep the headline as readable text; line wrapping is presentation only. */
.hero h1{text-transform:uppercase;max-width:850px}