:root{--blue:#063f85;--deep:#032d62;--cyan:#77bbd3;--pale:#d9edf0;--chalk:#f4f0df;--vermilion:#e2543d;--brass:#b99a55;--ink:#082a45;--line:rgba(217,237,240,.28)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--blue);color:var(--chalk);font-family:"IBM Plex Mono",monospace;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit}.header{height:80px;padding:0 clamp(20px,5vw,76px);display:flex;align-items:center;justify-content:space-between;background:var(--deep);border-bottom:1px solid var(--line);position:relative;z-index:5}.brand{display:flex;align-items:center;gap:12px;font-size:11px;line-height:1.1}.brand b{color:var(--cyan)}.loop-mark{font:44px/1 "Newsreader";color:var(--vermilion)}nav{display:flex;gap:32px;align-items:center;text-transform:uppercase;font-size:9px;font-weight:700}.nav-action{border:1px solid var(--pale);padding:11px 15px}.hero{min-height:720px;display:grid;grid-template-columns:43% 57%;position:relative;border-bottom:1px solid var(--line);overflow:hidden}.hero-copy{padding:clamp(80px,9vw,135px) 5vw 95px;background:var(--blue);z-index:2}.coordinate{font-size:9px;font-weight:700;letter-spacing:.12em;color:var(--cyan);margin-bottom:26px}.coordinate:before{content:"⌖";margin-right:8px;color:var(--vermilion)}h1,h2,h3,p{margin-top:0}h1{font:clamp(55px,6vw,96px)/.9 "Archivo Black";letter-spacing:-.05em;margin:0 0 30px}h1 em{font-style:normal;color:var(--vermilion)}.hero-copy>p:not(.coordinate){font:italic 21px/1.55 "Newsreader";max-width:560px;color:var(--pale)}.plot-button{display:inline-flex;align-items:center;gap:28px;border:1px solid var(--pale);background:var(--vermilion);color:var(--chalk);padding:15px 19px;text-transform:uppercase;font-size:10px;font-weight:700;cursor:pointer;margin-top:25px;box-shadow:6px 6px 0 var(--deep)}.plot-button:hover{background:var(--chalk);color:var(--blue)}.hero-legend{display:flex;gap:18px;flex-wrap:wrap;margin-top:46px;font-size:7px}.hero-legend i{display:inline-block;width:12px;height:7px;margin-right:5px}.fish-key{background:var(--pale)}.hazard-key{background:var(--vermilion);border-radius:50%}.gold-key{background:var(--brass)}.hero-chart{background:url("../assets/images/cyanotype-chart.png") center/cover;position:relative}.hero-chart:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--blue),transparent 18%);opacity:.55}.hero-loop{position:absolute;border:3px solid var(--pale);border-radius:50%;z-index:2;transform:rotate(-8deg)}.hero-loop.a{width:370px;height:210px;left:23%;top:35%}.hero-loop.b{width:470px;height:280px;left:16%;top:30%;opacity:.35}.hero-fish{position:absolute;left:35%;top:45%;z-index:3;font-size:45px;letter-spacing:12px;color:var(--pale);transform:rotate(-8deg)}.chart-ticket{position:absolute;right:5%;bottom:10%;z-index:3;background:var(--chalk);color:var(--blue);border:2px solid var(--deep);padding:14px 22px;transform:rotate(4deg);font:18px/1.1 "Archivo Black";box-shadow:7px 7px 0 var(--vermilion)}.chart-ticket b{font-size:34px;color:var(--vermilion)}.chart-ticket small{display:block;font:7px "IBM Plex Mono";margin-top:5px}.ticker{position:absolute;bottom:0;left:0;right:0;height:43px;background:var(--chalk);color:var(--blue);z-index:4;display:flex;justify-content:space-around;align-items:center;font-size:9px;font-weight:700}.ticker i{color:var(--vermilion)}.game-section{padding:105px clamp(12px,5vw,76px) 120px;background:var(--pale);color:var(--ink)}.section-head{max-width:1180px;margin:0 auto 42px;display:flex;align-items:end;justify-content:space-between;gap:40px}.section-head h2,.method h2,.archive h2{font:clamp(48px,5vw,78px)/.95 "Archivo Black";letter-spacing:-.04em;margin:0}.section-head>p{max-width:480px;font:italic 18px/1.6 "Newsreader"}.modes{max-width:1080px;margin:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--blue);border:1px solid var(--blue)}.mode{border:0;background:var(--chalk);color:var(--blue);padding:13px;cursor:pointer;font-size:9px;font-weight:700}.mode small{display:block;font-size:7px;margin-top:5px}.mode.active{background:var(--vermilion);color:var(--chalk)}.chart-frame{max-width:1080px;margin:auto;background:var(--blue);padding:12px;border:1px solid var(--deep);box-shadow:14px 14px 0 var(--deep)}.chart-hud{display:grid;grid-template-columns:repeat(4,1fr) auto;background:var(--deep);color:var(--chalk)}.chart-hud>div{padding:11px 14px;border-right:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}.chart-hud span{font-size:7px;color:var(--cyan)}.chart-hud strong{font:21px "Archivo Black";color:var(--vermilion)}.chart-hud strong b{font:inherit}#soundButton{border:0;background:none;color:var(--chalk);font-size:8px;font-weight:700;padding:14px;cursor:pointer}.canvas-wrap{position:relative;aspect-ratio:960/620;background:url("../assets/images/cyanotype-chart.png") center/cover;overflow:hidden;touch-action:none}canvas{display:block;width:100%;height:100%;cursor:crosshair}.overlay{position:absolute;inset:0;background:rgba(3,45,98,.82);display:grid;place-items:center;padding:20px}.overlay.hidden{display:none}.brief-card{max-width:520px;background:var(--chalk);color:var(--blue);padding:30px;border:2px solid var(--deep);box-shadow:9px 9px 0 var(--vermilion);text-align:center}.brief-card h3{font:38px/1 "Archivo Black";letter-spacing:-.04em;margin:10px}.brief-card>p:not(.coordinate){font:italic 17px/1.55 "Newsreader"}.mini-method{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.mini-method span{border:1px solid var(--blue);padding:8px;font-size:8px;font-weight:700}.brief-card .plot-button{margin:22px auto 0}.toast{position:absolute;left:50%;top:30%;transform:translate(-50%,-10px);background:var(--chalk);color:var(--blue);border:2px solid var(--deep);padding:10px 17px;font:18px "Archivo Black";box-shadow:5px 5px 0 var(--vermilion);opacity:0;pointer-events:none;white-space:nowrap}.toast.show{opacity:1;transform:translate(-50%,0)}.chart-foot{display:flex;justify-content:space-between;align-items:center;padding:12px 5px 2px;color:var(--pale);font-size:7px}.chart-foot b{color:var(--vermilion)}#resetButton{background:none;border:1px solid var(--line);color:var(--pale);padding:7px 9px;font-size:7px;cursor:pointer}.method{padding:110px clamp(20px,6vw,90px);display:grid;grid-template-columns:1.35fr repeat(3,1fr);gap:24px;background:var(--chalk);color:var(--blue)}.method-title{padding-right:35px}.method article{border-left:1px solid var(--blue);padding:12px 22px}.method article>span{font-size:8px;color:var(--vermilion)}.method h3{font:22px "Archivo Black";margin:35px 0 10px}.method article p{font:italic 15px/1.6 "Newsreader"}.archive{display:grid;grid-template-columns:1fr 1fr;background:var(--vermilion)}.archive-map{min-height:590px;background:url("../assets/images/cyanotype-chart.png") center/cover;border-right:1px solid var(--deep);position:relative;display:grid;place-items:center;overflow:hidden}.compass{font-size:140px;color:var(--brass)}.archive-line{position:absolute;width:400px;height:250px;border:3px solid var(--chalk);border-radius:50%;transform:rotate(18deg)}.archive-copy{padding:clamp(70px,8vw,120px);align-self:center}.archive-copy>p:not(.coordinate){font:italic 19px/1.65 "Newsreader";max-width:650px}.archive-stats{display:flex;gap:35px;margin-top:38px;padding-top:20px;border-top:1px solid var(--deep);font-size:8px}.archive-stats span{display:grid}.archive-stats b{font:34px "Archivo Black";color:var(--deep)}footer{background:var(--deep);padding:48px clamp(20px,5vw,76px);display:grid;grid-template-columns:1fr 1.4fr 1fr auto;gap:28px;align-items:center}footer p{margin:0;font-size:9px;color:var(--cyan)}footer>div{display:flex;gap:17px;font-size:8px}footer small{font-size:7px;color:var(--cyan)}.legal{min-height:calc(100vh - 80px);padding:100px max(6vw,24px);background:var(--blue)}.legal h2{font:25px "Archivo Black";margin-top:38px}.legal>p:not(.coordinate){max-width:720px;font:italic 19px/1.7 "Newsreader"}
@media(max-width:850px){.hero{grid-template-columns:1fr}.hero-chart{height:430px}.section-head{display:block}.section-head>p{margin-top:20px}.method{grid-template-columns:1fr 1fr}.method-title{grid-column:1/-1}.archive{grid-template-columns:1fr}.archive-map{border-right:0;border-bottom:1px solid var(--deep)}footer{grid-template-columns:1fr 1fr}}@media(max-width:600px){.header{height:68px;padding:0 14px}.brand{font-size:9px}.loop-mark{font-size:35px}nav a:not(.nav-action){display:none}.nav-action{font-size:7px;padding:8px}.hero-copy{padding:60px 22px 80px}h1{font-size:49px}.hero-chart{height:320px}.ticker{justify-content:flex-start;gap:25px;padding:0 12px}.game-section{padding:75px 8px 90px}.mode{padding:10px 3px;font-size:7px}.mode small{display:none}.chart-frame{padding:6px;box-shadow:7px 7px 0 var(--deep)}.chart-hud{grid-template-columns:repeat(4,1fr)}.chart-hud>div{padding:8px 3px;display:grid;text-align:center}.chart-hud strong{font-size:15px}.chart-hud span{font-size:5px}#soundButton{grid-column:1/-1;border-top:1px solid var(--line)}.canvas-wrap{aspect-ratio:320/430}.chart-foot span:first-child{display:none}.brief-card{padding:21px 16px}.brief-card h3{font-size:30px}.mini-method span{font-size:6px}.method{grid-template-columns:1fr;padding:80px 22px}.method-title{grid-column:auto}.archive-map{min-height:420px}.archive-copy{padding:70px 22px}footer{grid-template-columns:1fr}}