:root{--cream:#f1dfad;--sea:#168e99;--deep:#125163;--coral:#ed654b;--sun:#e9ad35;--ink:#143841;--line:rgba(20,56,65,.2)}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--cream);color:var(--ink)}body{margin:0;font-family:"Arial Narrow",Arial,sans-serif}a{color:inherit}.sunbar{height:78px;position:absolute;z-index:5;inset:0 0 auto;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 clamp(22px,6vw,86px);border-bottom:1px solid var(--line)}.sunbar>a{display:flex;gap:12px;align-items:center;text-decoration:none}.sunbar i{width:42px;height:42px;border-radius:50%;background:var(--sun);display:grid;place-items:center;font:900 11px monospace}.sunbar b,.sunbar nav,.sunbar>span{font:900 10px/1.2 monospace;letter-spacing:.12em}.sunbar nav{display:flex;gap:36px}.sunbar nav a{text-decoration:none}.sunbar>span{text-align:right}.hero{height:min(900px,100vh);min-height:700px;position:relative;overflow:hidden}.hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.paper{position:absolute;inset:0;background:linear-gradient(90deg,var(--cream),rgba(241,223,173,.93) 34%,transparent 66%)}.hero-copy{position:absolute;z-index:2;left:clamp(22px,8vw,122px);top:50%;transform:translateY(-42%);width:min(620px,48vw)}.hero-copy>span,.game header span,dialog>span{font:900 10px monospace;letter-spacing:.17em;color:var(--coral)}.hero h1{font:900 clamp(62px,7.2vw,116px)/.8 Georgia,serif;letter-spacing:-.065em;margin:24px 0 30px}.hero p{font-size:17px;line-height:1.65;max-width:510px;color:rgba(20,56,65,.72)}.hero-copy>a,.primary,.secondary{display:inline-flex;min-height:54px;padding:0 28px;align-items:center;justify-content:center;border:2px solid var(--deep);font:900 10px monospace;letter-spacing:.09em;text-transform:uppercase;text-decoration:none}.hero-copy>a,.primary{background:var(--deep);color:var(--cream)}.sun-disc{position:absolute;right:5vw;bottom:38px;width:78px;height:78px;border-radius:50%;background:var(--sun)}.game{padding:clamp(85px,10vw,145px) clamp(22px,8vw,122px)}.game>header{display:grid;grid-template-columns:1fr 380px;gap:50px;align-items:end;margin-bottom:48px}.game header h2{font:900 clamp(50px,6vw,86px)/.85 Georgia;letter-spacing:-.055em;margin:18px 0 0}.game header p{color:rgba(20,56,65,.65);line-height:1.65}.wave-console{display:grid;grid-template-columns:1fr 300px;border:2px solid var(--deep)}.wave-stage{min-height:590px;background:var(--sea);position:relative;overflow:hidden}.horizon{position:absolute;inset:0;background:repeating-radial-gradient(circle at 50% 120%,transparent 0 60px,rgba(241,223,173,.13) 61px 63px)}.timing-rail{position:absolute;left:8%;right:8%;top:47%;height:54px;border:3px solid var(--cream);background:var(--deep)}.sweet-zone{position:absolute;left:45%;width:18%;height:100%;background:var(--coral)}.tide-marker{position:absolute;top:-13px;left:0;width:18px;height:75px;background:var(--sun);transform:translateX(-50%)}.score-word{position:absolute;left:0;right:0;top:63%;text-align:center;font:900 clamp(44px,8vw,105px)/1 Georgia;color:rgba(241,223,173,.8)}.wave-console aside{padding:28px;border-left:2px solid var(--deep);display:flex;flex-direction:column;gap:16px}.wave-console aside>div{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:12px 0;font:900 10px monospace}.wave-console aside b{font-size:19px;color:var(--coral)}.wave-console aside>p{min-height:90px;font:13px/1.6 monospace;color:rgba(20,56,65,.65)}.break{height:110px;border:0;background:var(--coral);color:var(--cream);font:900 24px monospace;letter-spacing:.12em}.break:disabled{opacity:.35}.secondary{background:transparent;color:var(--ink);border-color:var(--line)}.postcards{display:grid;grid-template-columns:repeat(3,1fr);background:var(--deep);color:var(--cream)}.postcards article{padding:62px clamp(24px,5vw,70px);min-height:300px;border-right:1px solid rgba(241,223,173,.25)}.postcards article:last-child{border:0}.postcards span{font:900 32px Georgia;color:var(--coral)}.postcards h3{font:900 32px/1 Georgia}.postcards p{color:rgba(241,223,173,.67);line-height:1.65}footer{padding:52px clamp(22px,6vw,86px);display:grid;grid-template-columns:1fr 1.2fr;gap:26px;font-size:13px}footer p,footer small{color:rgba(20,56,65,.65)}footer nav{display:flex;gap:24px;flex-wrap:wrap}footer nav a{font:900 10px monospace}footer small{grid-column:1/-1}dialog{width:min(540px,calc(100% - 30px));padding:48px;background:var(--cream);color:var(--ink);border:4px solid var(--coral);text-align:center}dialog::backdrop{background:rgba(18,81,99,.86)}dialog h2{font:900 50px/.9 Georgia}.dialog-close{position:absolute;right:12px;top:8px;border:0;background:none;color:var(--ink);font-size:24px}button{cursor:pointer}button:focus-visible,a:focus-visible{outline:4px solid var(--sun);outline-offset:3px}