@font-face{font-family:'Bricolage Grotesque';src:url('/assets/bricolage-latin.woff2') format('woff2');font-weight:400 800;font-display:swap}
:root{color-scheme:light;--paper:#edf0e8;--ink:#263b31;--muted:#657267;--line:#bcc5b6;--rust:#ae4c30;--light:#f7f7eb;font-family:'Bricolage Grotesque',system-ui,sans-serif;background:var(--paper);color:var(--ink)}*{box-sizing:border-box}body{margin:0}main{max-width:1280px;margin:auto;padding:32px 48px}a{color:inherit;text-underline-offset:4px}button{font:inherit;cursor:pointer}button:disabled{cursor:wait;opacity:.6}a:focus-visible,button:focus-visible{outline:3px solid var(--rust);outline-offset:5px}nav{display:flex;justify-content:space-between;gap:20px;padding-bottom:26px;border-bottom:1px solid var(--line);font-size:14px}nav a{text-decoration:none}nav span,.eyebrow{text-transform:uppercase;font-size:11px;font-weight:700;letter-spacing:.11em}.intro{display:grid;grid-template-columns:1.1fr 1fr;align-items:end;gap:70px;padding:55px 0 40px}.eyebrow{margin:0 0 14px}.intro h1{font-size:clamp(72px,11vw,148px);line-height:.88;letter-spacing:-.075em;font-weight:800;margin:0}.intro h1 span{font-size:.55em;color:var(--rust);margin-left:24px}.description{font-size:20px;line-height:1.5;margin:0 0 2px;max-width:440px;color:#51604e}.description strong{font-weight:600;color:var(--ink)}.game-panel{border:1px solid var(--ink);border-radius:12px;overflow:hidden;background:var(--light)}.panel-bar{display:flex;justify-content:space-between;gap:12px;padding:14px 20px;font-size:12px;border-bottom:1px solid var(--ink)}.panel-bar i{display:inline-block;border-radius:50%;width:7px;height:7px;background:var(--rust);margin-right:6px}.panel-bar>span:last-child{color:var(--muted)}.stage{position:relative;min-height:560px;background:#243329;isolation:isolate;overflow:hidden;color:var(--light)}.landing{padding:54px 24px 80px;text-align:center;position:relative;background:radial-gradient(ellipse at 50% 18%,#63704a55,transparent 55%),repeating-linear-gradient(0deg,transparent 0,transparent 47px,#6b7b5320 48px),repeating-linear-gradient(90deg,transparent 0,transparent 47px,#6b7b5320 48px)}.portal{height:175px;width:138px;margin:0 auto 30px;display:grid;place-items:center;background:linear-gradient(115deg,#111c17,#3e482e);border:13px solid #83905f;box-shadow:inset 0 0 0 2px #263c2d,0 0 0 2px #151f17,9px 10px 0 #15241b;transform:perspective(400px) rotateY(-12deg)}.portal span{font-family:Georgia,serif;font-size:110px;color:#c4bd83;transform:scaleX(.8);line-height:1}.landing .eyebrow{color:#b6c098}.landing h2,.pause-cover h2{font-size:clamp(28px,4vw,42px);letter-spacing:-.045em;margin:0 0 12px}.landing>p:not(.eyebrow){color:#bac6b8;font-size:15px;margin:0 0 25px}.primary{border:0;border-radius:4px;background:#dce8af;color:#23352a;min-height:50px;padding:13px 24px;font-weight:700}.primary span{margin-left:28px}.primary:hover{background:#ecf4d2}.download{display:block;font-size:11px;margin-top:14px;color:#b6c2ac}.stage-tools{position:absolute;right:14px;bottom:14px;display:flex;gap:6px;z-index:5}.stage-tools button{border:1px solid #a0b19b60;border-radius:4px;background:#22362aee;color:#edf1e7;padding:9px 13px;font-size:12px}.stage-tools button:hover{background:#41553d}.status{margin:0;padding:15px 20px;font-size:13px;color:#54624f;min-height:47px;border-top:1px solid var(--ink)}.runtime,.runtime iframe{width:100%;height:100%;min-height:560px;border:0;display:block}.runtime{position:absolute;inset:0;background:#101611}.runtime iframe{height:100%}.pause-cover{position:absolute;inset:0;background:#233329ed;z-index:4;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;text-align:center}.pause-cover .eyebrow{color:#bdc7a9}.pause-cover button{margin-top:14px}.stage.expanded{position:fixed;inset:0;z-index:100;min-height:0;border-radius:0}.stage:fullscreen{height:100dvh;width:100vw}.stage.expanded .runtime,.stage:fullscreen .runtime,.stage.expanded iframe,.stage:fullscreen iframe{min-height:0}.notes{display:grid;grid-template-columns:repeat(3,1fr);gap:42px;padding:42px 0;border-bottom:1px solid var(--line)}.notes h2{font-size:23px;letter-spacing:-.04em;margin:0 0 14px}.notes p:not(.eyebrow){font-size:14px;color:#64705f;line-height:1.65;margin:0}kbd{font-family:inherit;font-size:11px;border:1px solid var(--line);border-radius:3px;padding:1px 4px;margin-right:3px;color:var(--ink)}footer{display:flex;justify-content:space-between;gap:40px;font-size:11px;line-height:1.7;color:var(--muted);padding:22px 0}footer p{margin:0;max-width:620px}footer p:last-child{min-width:245px;text-align:right}footer span{margin:0 5px}.notice{padding:20px;background:#f1d5bf}[hidden]{display:none!important}@media(max-width:700px){main{padding:22px 20px}.intro{grid-template-columns:1fr;gap:28px;padding:38px 0 30px}.intro h1{font-size:96px}.description{font-size:17px;max-width:500px}.stage,.runtime,.runtime iframe{min-height:520px}.landing{padding-top:40px}.portal{height:150px;width:120px}.portal span{font-size:90px}.notes{grid-template-columns:1fr;gap:30px;padding:30px 0}.notes article{max-width:480px}.panel-bar{padding:13px;font-size:10px}.status{padding:14px;font-size:12px}footer{display:block}footer p:last-child{text-align:left;margin-top:14px}.stage.expanded{padding-top:env(safe-area-inset-top)}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

@media(pointer:coarse){.stage-tools{right:auto;left:50%;transform:translateX(-50%);bottom:max(8px,env(safe-area-inset-bottom));white-space:nowrap}.stage-tools button{min-height:40px;padding:8px 12px}}

.touch-controls{position:absolute;inset:0;pointer-events:none;z-index:3}.touch-controls #walk-pad{position:absolute;left:16px;bottom:74px;width:112px;height:112px;pointer-events:auto;touch-action:none;border:1px solid #bac6b8;border-radius:50%;background:#22362acc}.touch-actions{position:absolute;right:16px;bottom:74px;display:flex;gap:8px;pointer-events:auto}.touch-actions button{min-height:48px;touch-action:none;user-select:none;background:#22362aee;color:#edf1e7;border:1px solid #bac6b8;border-radius:8px}#walk-pad .touch-pad-keys{display:grid;grid-template-columns:repeat(3,1fr);height:100%;padding:9px}#walk-pad button,#walk-pad span{display:grid;place-items:center;min-width:0;padding:0;background:transparent;color:#edf1e7;border:0;touch-action:none;user-select:none}
