:root{--night:#071218;--ink:#0b1a20;--panel:#102229;--line:rgba(201,222,207,.18);--cream:#ecedd5;--muted:#9aaea6;--aqua:#b3e1d1;--gold:#f4c583;--font:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#081318;color:var(--cream);font-family:Georgia,'Times New Roman',serif;-webkit-font-smoothing:antialiased}button,a{touch-action:manipulation}button{font:inherit;cursor:pointer;color:inherit}a{color:inherit}button:focus-visible,a:focus-visible,canvas:focus-visible,textarea:focus-visible{outline:3px solid var(--gold);outline-offset:3px}button:hover:not(:disabled),a:hover{color:#fff4d4}.skip{position:absolute;top:-80px;left:12px;background:#f5dfb8;color:#101a1c;padding:12px;z-index:20}.skip:focus{top:12px}.app{max-width:1680px;margin:auto}.topbar{height:72px;padding:0 clamp(18px,4vw,54px);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px;font-family:var(--font);font-size:10px;letter-spacing:.14em}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font-weight:bold}.brand-symbol{font-size:29px;color:var(--gold)}.brand small{display:block;color:var(--muted);font-size:8px;margin-top:4px}.header-actions{display:flex;align-items:center;gap:24px}.header-actions button{border:0;background:none;letter-spacing:inherit;font-size:inherit}.home-button{color:var(--gold);text-decoration:none;border:1px solid rgba(244,197,131,.5);padding:14px 16px}.intro-band{text-align:center;padding:40px 18px 32px}.overline,.eyebrow{font-family:var(--font);font-size:10px;letter-spacing:.17em;color:var(--aqua);font-weight:500}.alive-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#9ed8b8;margin-right:9px;box-shadow:0 0 13px #a0ebc9}.intro-band h1{font-size:clamp(55px,8vw,128px);line-height:.96;letter-spacing:-.065em;font-weight:normal;margin:15px 0 12px}.intro-band h1 span{color:#c1dccc}.intro-band h1 i{font-size:clamp(25px,3vw,50px);color:#e7a875;vertical-align:top;font-style:normal;letter-spacing:0;margin-left:12px}.intro-band p{font-size:clamp(17px,2vw,23px);margin:0;color:#b5c6bb}.intro-band p em{color:#f1d5b4}.viewport{padding:0 clamp(12px,3vw,46px)}.canvas-frame{position:relative;border:1px solid rgba(182,215,202,.3);background:#071017;isolation:isolate;overflow:hidden}.canvas-frame::before,.canvas-frame::after{content:'';position:absolute;width:35px;height:35px;z-index:1;pointer-events:none;border:1px solid var(--gold)}.canvas-frame::before{top:-1px;left:-1px;border-right:0;border-bottom:0}.canvas-frame::after{bottom:-1px;right:-1px;border-left:0;border-top:0}#world{display:block;width:100%;height:auto;aspect-ratio:1000/660;cursor:crosshair;touch-action:none}.canvas-scrim{position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 85px #030b11;z-index:1}.world-top,.world-bottom{position:absolute;left:24px;right:24px;display:flex;justify-content:space-between;gap:12px;pointer-events:none;z-index:2;color:#d1d6c5;font-family:var(--font);font-size:9px;letter-spacing:.13em;text-shadow:0 2px 7px #000}.world-top{top:20px}.world-bottom{bottom:19px}.world-top span:nth-child(2){opacity:.65}.world-bottom .hint{color:#f5d2a1}.control-deck{display:grid;grid-template-columns:minmax(0,1fr) minmax(265px,310px);border:1px solid rgba(182,215,202,.25);border-top:0;background:#102029}.deck-main{min-width:0;padding:25px 28px 18px}.deck-head{display:flex;align-items:baseline;gap:20px}.deck-head p{margin:0;color:#9db2aa;font-size:14px;font-style:italic}.tools{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:21px}.tool{background:#10252b;border:1px solid rgba(170,206,189,.24);padding:15px 8px;min-height:82px;display:flex;gap:11px;align-items:center;text-align:left;transition:border-color .15s,background .15s}.tool.active{border-color:var(--gold);background:#26332c;box-shadow:inset 0 0 0 1px rgba(242,197,135,.2)}.tool b{font-family:Georgia,serif;font-size:31px;color:var(--gold);font-weight:normal;line-height:1}.tool span{font-size:15px;line-height:1.2}.tool small{display:block;color:var(--muted);font:9px var(--font);letter-spacing:.1em;margin-top:8px}.deck-bottom{margin-top:18px;padding-top:14px;border-top:1px solid var(--line);display:flex;gap:15px;justify-content:space-between;flex-wrap:wrap}.world-buttons,.save-buttons{display:flex;flex-wrap:wrap;gap:6px}.mini{font:10px var(--font);letter-spacing:.055em;background:transparent;border:1px solid rgba(176,204,197,.25);padding:10px 12px;min-height:36px;color:#c4d8c8}.mini[aria-pressed=true]{border-color:var(--gold);color:var(--gold)}.mini.danger{color:#d8af9e}.deck-aside{padding:27px 26px;border-left:1px solid var(--line);background:#12252c}.metric-pair{display:flex;gap:29px;margin:25px 0}.metric-pair>div{display:flex;flex-direction:column}.metric{font-size:42px;font-weight:normal;line-height:1.05;color:#f3ddbd;font-variant-numeric:tabular-nums}.metric-pair small{font:9px var(--font);letter-spacing:.11em;color:var(--muted);margin-top:7px}.zone-data>span{font:9px var(--font);color:var(--aqua);letter-spacing:.1em}.band{height:7px;position:relative;margin-top:14px;background:linear-gradient(90deg,#15242e,#72969b 26%,#f0c47d 51%,#cfe7cc 77%,#f0ebc2);border-radius:6px}.band-point{position:absolute;top:-4px;left:50%;height:15px;width:2px;background:white;box-shadow:0 0 5px white;transition:left .4s}.band-labels{display:flex;justify-content:space-between;margin-top:7px;color:#7b9a99;font:8px var(--font)}.city-voice{color:#d6c7ad;font-size:15px;font-style:italic;line-height:1.45;border-top:1px solid var(--line);padding-top:12px;margin:21px 0 0}.understory{display:flex;align-items:flex-start;justify-content:space-between;gap:45px;padding:25px clamp(16px,3vw,46px) 33px}.understory p{max-width:780px;font-size:14px;line-height:1.6;color:#a2b2aa;margin:0}.understory b{font:10px var(--font);letter-spacing:.07em;color:var(--gold)}.underlinks{display:flex;gap:14px;flex-wrap:wrap;max-width:400px}.underlinks button,.underlinks a{background:none;border:0;padding:0;text-decoration:none;color:var(--gold);font:10px var(--font);letter-spacing:.08em;white-space:nowrap}footer{border-top:1px solid var(--line);padding:22px clamp(16px,3vw,46px) 38px;display:flex;justify-content:space-between;color:#768b85;gap:15px;font:9px var(--font);letter-spacing:.14em}footer a{color:#bcdec8}.modal{border:1px solid rgba(246,205,153,.5);border-radius:0;padding:0;width:min(93vw,680px);max-height:min(91dvh,900px);overflow:auto;color:var(--cream);background:#14262a;box-shadow:0 30px 180px #000d}.modal::backdrop{background:rgba(1,9,13,.84);backdrop-filter:blur(8px)}.modal-inner{padding:clamp(22px,4.5vw,43px)}.dialog-upper{display:flex;align-items:center;justify-content:space-between}.close{font-family:var(--font);font-size:27px;border:1px solid var(--line);background:transparent;width:38px;height:38px;line-height:1}.dialog-art{height:110px;position:relative;margin:12px 0 6px;overflow:hidden;background:radial-gradient(ellipse at 58% 112%,#315452,#152d36 45%,transparent 80%);border-bottom:1px solid rgba(209,222,206,.15)}.sun{display:block;position:absolute;top:10px;left:53%;width:80px;height:80px;border-radius:50%;background:#f1d4a1;filter:blur(.5px);box-shadow:0 0 40px #d8a35a77}.little-city{position:absolute;bottom:-7px;left:22%;white-space:nowrap;letter-spacing:-4px;font-size:100px;line-height:1;color:#14262a;text-shadow:0 -4px 9px #253e40}.modal h2{font-size:clamp(34px,5vw,55px);line-height:1.03;font-weight:normal;letter-spacing:-.035em;margin:14px 0 15px}.modal h2 em{color:var(--gold)}.modal p{line-height:1.5;color:#bdcfc5;font-size:16px}.instruction-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:27px 0}.instruction-grid b{display:block;color:#f0cd9b;font:11px var(--font);letter-spacing:.08em;margin-bottom:7px}.instruction-grid span{display:block;color:#c4d0c5;line-height:1.45;font-size:14px}.modal .fineprint{font:12px/1.65 var(--font);color:#9dadab}.modal .fineprint b{color:#d1e1cf}.enter{width:100%;margin-top:13px;padding:17px 20px;background:#eac792;color:#112229;border:0;font:12px var(--font);letter-spacing:.14em;font-weight:bold;display:flex;justify-content:space-between;align-items:center}.enter:hover{background:#ffe0ab;color:#112229!important}.feedback textarea{width:100%;resize:vertical;min-height:140px;display:block;margin-top:10px;padding:16px;border:1px solid rgba(186,210,201,.4);background:#0b1a20;color:var(--cream);font:15px/1.5 Georgia,serif}.feedback-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;align-items:end}.feedback-actions .secondary{min-height:48px;border:1px solid var(--line);background:transparent;font:12px var(--font);letter-spacing:.12em}.live-status{min-height:24px;color:var(--gold)!important;font:12px var(--font)!important}.noscript{background:#231919;padding:26px;font-size:17px}
@media(max-width:1130px){.control-deck{grid-template-columns:1fr}.deck-aside{border-left:0;border-top:1px solid var(--line)}.metric-pair{margin:15px 0}.deck-aside{display:grid;grid-template-columns:1.3fr 1.3fr 1.1fr;gap:22px;align-items:center}.deck-aside>.eyebrow{grid-column:1/-1}.city-voice{margin:0}.understory{flex-wrap:wrap}.tool{justify-content:center}}
@media(max-width:700px){.topbar{height:59px;padding:0 13px}.brand{font-size:9px}.brand small{font-size:7px}.brand-symbol{font-size:21px}.header-actions{gap:10px}.header-actions .text-button span{display:none}.header-actions .text-button{font-size:14px}.home-button{padding:10px;font-size:9px}.home-button span{display:none}.intro-band{padding:37px 12px 28px}.intro-band h1{letter-spacing:-.07em;font-size:clamp(46px,11vw,76px)}.intro-band h1 i{margin-left:3px}.intro-band p{font-size:16px}.overline{font-size:8px}.viewport{padding:0 8px}.world-top,.world-bottom{left:9px;right:9px;font-size:7px}.world-top{top:9px}.world-bottom{bottom:9px}.world-top span:nth-child(2){display:none}.canvas-frame{min-height:260px}#world{height:clamp(260px,67vw,460px);aspect-ratio:auto;object-fit:fill}.deck-main{padding:18px 11px}.deck-head{display:block}.deck-head p{margin-top:8px}.tools{gap:6px;margin-top:15px}.tool{min-height:83px;padding:7px 2px;flex-direction:column;text-align:center;gap:5px}.tool b{font-size:24px}.tool span{font-size:11px}.tool small{font-size:7px}.deck-bottom{gap:12px}.world-buttons,.save-buttons{width:100%;justify-content:space-between}.mini{font-size:9px;padding:10px 6px;flex:1}.deck-aside{display:block;padding:23px}.metric-pair{justify-content:space-around}.metric{font-size:37px}.city-voice{margin-top:15px}.understory{padding:22px 17px}.underlinks{gap:17px}.modal-inner{padding:23px}.instruction-grid{gap:18px 13px}.instruction-grid b{font-size:9px}.instruction-grid span{font-size:13px}.modal p{font-size:14px}.dialog-art{height:70px}.little-city{font-size:70px}footer{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

[hidden]{display:none!important}.feedback-actions:has(#email-feedback:not([hidden])){grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:580px){.feedback-actions:has(#email-feedback:not([hidden])){grid-template-columns:1fr 1fr}}