@import url('https://fonts.googleapis.com/css2?family=DM+Mono&family=Fraunces:opsz,wght@9..144,400;9..144,700&display=swap');:root{--ink:#152229;--paper:#e7dfc9;--rain:#90a9a3;--red:#c65a40;--gold:#e0b653}*{box-sizing:border-box}body{margin:0;background:#293940;color:var(--ink);font:14px 'DM Mono',monospace}main{max-width:1100px;margin:24px auto;background:var(--paper);box-shadow:0 10px 0 #18262c;padding:28px}header,.brief,.hud,.ledger{display:flex;justify-content:space-between;gap:24px}header{border-bottom:2px solid var(--ink);padding-bottom:20px}h1,h2{font-family:Fraunces,serif;margin:3px 0;line-height:.9}h1{font-size:54px}h1 i{color:var(--red)}h2{font-size:25px}.eyebrow,small{font-size:10px;letter-spacing:1.4px;font-weight:bold;margin:0 0 6px}.forecast{font-size:11px;border-left:1px solid;padding-left:16px;display:grid;gap:4px}.brief{align-items:center;padding:18px 0;line-height:1.5}.brief strong{font-size:22px;color:var(--red)}button{background:var(--red);color:#fff;border:0;padding:12px 16px;font:inherit;cursor:pointer;box-shadow:3px 3px 0 var(--ink)}button:hover{background:#9e3f32}.hud{padding:10px;border-top:1px solid;border-bottom:1px solid;font-size:12px}.tip{color:#566b68}.map{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:34px;padding:48px 20px;overflow:hidden;background:#91a49d;background-image:linear-gradient(25deg,transparent 49%,#657e79 50%,transparent 51%),radial-gradient(#78928b 1px,transparent 1px);background-size:auto,8px 8px}.road{position:absolute;background:#d0c7ad;opacity:.9}.r1{height:38px;width:130%;top:45%;left:-10%;transform:rotate(-8deg)}.r2{width:42px;height:130%;left:48%;top:-10%;transform:rotate(9deg)}.place{z-index:1;min-height:148px;padding:14px;background:#ded5b7;border:2px solid var(--ink);box-shadow:5px 5px 0 #526c68;cursor:pointer;position:relative;transition:.2s}.place:hover{transform:translate(-2px,-2px)}.place h2{font-size:21px}.place p{font-size:11px;margin:12px 0}.place em{position:absolute;right:12px;bottom:8px;font-size:28px;color:#607e7a;font-style:normal}.place.on{background:#f6dc75;box-shadow:0 0 0 4px #f6dc75,5px 5px 0 #526c68}.place.on em{color:var(--red)}.aftermath{background-color:#617b81}.place.held{background:#f5db76;box-shadow:0 0 0 4px #f5db76,5px 5px 0 #384e53}.place.held em{color:var(--red);animation:pulse 1s infinite}.place.flooded{background:#607b83;border-color:#263a42;color:#c6d2ca;box-shadow:5px 5px 0 #374d55}.place.flooded small{color:#bd6a54}.place.flooded em{color:#b8d1d3}.aftermath:after{content:'DAWN · WATER HIGH';position:absolute;z-index:3;right:14px;bottom:10px;color:#e7dfc9;background:#263a42;padding:7px;font-size:10px;letter-spacing:1px}@keyframes pulse{50%{opacity:.35}}.battery{grid-column:2;background:#bfd0ae;cursor:default}.battery em{color:var(--red)}.ledger{padding:26px 0 0}.ledger>div{max-width:420px}.ledger p{line-height:1.5}.ledger ol{margin:0;max-width:460px;width:100%;padding-left:22px;line-height:1.65;font-size:12px}dialog{border:3px solid var(--ink);background:var(--paper);max-width:480px;padding:28px;box-shadow:8px 8px 0 var(--red)}dialog::backdrop{background:#152229bb}dialog li{margin:8px 0}@media(max-width:650px){body{background:var(--paper)}main{margin:0;padding:18px;box-shadow:none}header{display:block}h1{font-size:43px}.forecast{margin-top:18px}.brief{display:block}.brief button{margin-top:16px}.map{grid-template-columns:repeat(2,1fr);gap:18px;padding:35px 10px}.battery{grid-column:1/3}.place{min-height:128px}.place h2{font-size:18px}.ledger{display:block}.ledger ol{margin-top:16px}}