:root{--bg:#f3e4be;--ink:#172c2c;--accent:#d84226;--accent2:#18767b;--muted:#697875;--panel:#e9d4a5;--line:color-mix(in srgb,var(--ink) 24%,transparent)}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg);color:var(--ink)}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:var(--bg)}button,a{font:inherit}button{cursor:pointer}.site-head{height:78px;padding:0 clamp(22px,6vw,88px);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:1px solid var(--line);position:absolute;z-index:8;width:100%;color:var(--ink)}.brand{display:flex;align-items:center;gap:12px;color:inherit;text-decoration:none}.brand>span{width:42px;height:42px;display:grid;place-items:center;border:1px solid var(--accent);font:800 11px monospace;color:var(--accent)}.brand b{font:800 11px/1.05 monospace;letter-spacing:.11em}.brand em{font-style:normal;color:var(--accent)}.site-head nav{display:flex;gap:38px}.site-head nav a,.site-head>p{color:inherit;text-decoration:none;font:700 10px monospace;letter-spacing:.13em}.site-head>p{text-align:right;margin:0;color:var(--muted)}
.hero{height:min(920px,100vh);min-height:720px;position:relative;overflow:hidden;border-bottom:1px solid var(--line)}.hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--bg) 0%,color-mix(in srgb,var(--bg) 88%,transparent) 31%,transparent 66%)}.hero-copy{position:absolute;z-index:2;left:clamp(22px,8.5vw,130px);top:50%;transform:translateY(-43%);width:min(610px,46vw)}.hero-copy>span,.section-head span,.field-notes span{display:block;font:700 11px monospace;letter-spacing:.15em;color:var(--accent);text-transform:uppercase}.hero h1{font:900 clamp(64px,7.6vw,128px)/.78 Georgia,serif;letter-spacing:-.065em;margin:28px 0 32px}.hero-copy p{max-width:520px;font-size:17px;line-height:1.65;color:color-mix(in srgb,var(--ink) 78%,transparent)}.hero-cta,.primary,.secondary{display:inline-flex;align-items:center;justify-content:center;min-height:54px;padding:0 28px;border:1px solid var(--accent);text-decoration:none;text-transform:uppercase;font:800 11px monospace;letter-spacing:.06em}.hero-cta,.primary{background:var(--accent);color:var(--bg)}.hero-cta:hover,.primary:hover{filter:brightness(1.08)}.geo-stamp{position:absolute;z-index:3;right:5vw;bottom:44px;display:flex;align-items:center;gap:13px}.geo-stamp b{font:900 24px Georgia;border-bottom:4px solid var(--accent)}.geo-stamp span{font:700 9px/1.4 monospace;letter-spacing:.1em}
.game-section{padding:clamp(80px,10vw,150px) clamp(22px,8.5vw,130px);background:var(--bg)}.section-head{display:grid;grid-template-columns:1fr 360px;gap:60px;align-items:end;margin-bottom:50px}.section-head h2{font:900 clamp(45px,6vw,86px)/.86 Georgia,serif;letter-spacing:-.05em;margin:18px 0 0}.section-head>p{line-height:1.6;color:var(--muted);margin:0}.game-side{padding:28px;display:flex;flex-direction:column;gap:18px;background:var(--panel);border-left:1px solid var(--line)}.readout{display:flex;justify-content:space-between;align-items:end;border-bottom:1px solid var(--line);padding-bottom:14px}.readout span{font:700 9px monospace;color:var(--muted);letter-spacing:.12em}.readout strong{font:800 19px monospace;color:var(--accent)}.game-side>p{font:13px/1.6 monospace;color:var(--muted);min-height:80px}.secondary{background:transparent;color:var(--ink);border-color:var(--line)}.primary:disabled,.secondary:disabled{opacity:.35;cursor:not-allowed}
.field-notes{display:grid;grid-template-columns:repeat(3,1fr);border-block:1px solid var(--line)}.field-notes>div{padding:70px clamp(22px,5vw,78px);min-height:340px;border-right:1px solid var(--line)}.field-notes>div:last-child{border:0}.field-notes h3{font:900 34px/1 Georgia,serif;margin:28px 0 20px}.field-notes p{line-height:1.65;color:var(--muted)}
footer{padding:56px clamp(22px,6vw,88px);display:grid;grid-template-columns:1fr 1.3fr;gap:35px;border-top:1px solid var(--line)}footer>p{margin:0;color:var(--muted);line-height:1.5}footer nav{grid-column:2;display:flex;gap:28px}footer nav a{color:var(--ink);font:700 10px monospace}footer small{grid-column:1/-1;color:var(--muted);font:10px monospace}
dialog{width:min(560px,calc(100% - 32px));background:var(--panel);color:var(--ink);border:1px solid var(--accent);padding:50px;text-align:center}dialog::backdrop{background:rgba(0,0,0,.75)}dialog>span{font:700 10px monospace;color:var(--accent);letter-spacing:.14em}dialog h2{font:900 48px/.9 Georgia,serif;letter-spacing:-.04em}dialog p{color:var(--muted);line-height:1.6}.dialog-close{position:absolute;right:12px;top:10px;background:0;border:0;color:var(--ink);font-size:24px}
button:focus-visible,a:focus-visible{outline:3px solid var(--accent2);outline-offset:4px}

.canoe-console{display:grid;grid-template-columns:1fr 310px;border:2px solid var(--ink);background:var(--panel)}.balance-stage{position:relative;min-height:610px;padding:48px;background:linear-gradient(#c7d3c4 0 46%,var(--accent2) 46% 100%);overflow:hidden}.wind-card{display:flex;justify-content:space-between;color:var(--ink);font:700 12px monospace}.wind-card strong{font-size:24px;color:var(--accent)}.lake-line{position:absolute;left:8%;right:8%;top:55%;height:20px;background:#f4e7c5;border:2px solid var(--ink)}.target-zone{position:absolute;top:-2px;width:18%;height:20px;background:var(--accent);opacity:.65}.trim-marker{position:absolute;top:-12px;width:6px;height:42px;background:var(--ink);transition:left .25s}.canoe-shape{position:absolute;width:260px;height:74px;left:50%;top:64%;transform:translateX(-50%);border:12px solid #b6782e;border-top:0;border-radius:0 0 100% 100%;transition:transform .25s}.canoe-shape span{position:absolute;width:180px;height:3px;background:var(--ink);top:10px;left:28px}.paddles{position:absolute;bottom:36px;left:8%;right:8%;display:flex;justify-content:space-between}.paddles button{padding:17px 22px;background:var(--ink);color:var(--bg);border:0;font:700 11px monospace}