:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;--ink: #fff4df;--muted: #c3aa98;--clay: #9b4f36;--rust: #d36f43;--gold: #f0bf6d;--water: #75f0df;--water-deep: #159d9a;--night: #160f12;--panel: rgba(37, 22, 23, .88);--line: rgba(255, 218, 184, .2)}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}body{background:var(--night);color:var(--ink)}button,input{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible{outline:2px solid var(--water);outline-offset:3px}button:disabled{cursor:not-allowed;opacity:.46}[hidden]{display:none!important}#app{position:relative;isolation:isolate}#scene{position:absolute;inset:0;width:100%;height:100%;display:block;background:radial-gradient(circle at 50% 38%,#563329 0,#24171b 45%,#110c10)}.grain{position:absolute;inset:0;z-index:1;pointer-events:none;opacity:.14;background-image:repeating-linear-gradient(0deg,transparent 0 3px,rgba(255,255,255,.035) 4px),repeating-linear-gradient(90deg,transparent 0 7px,rgba(0,0,0,.035) 8px);mix-blend-mode:soft-light}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.topbar{position:absolute;z-index:10;inset:0 0 auto;height:78px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:max(14px,env(safe-area-inset-top)) clamp(18px,3vw,48px) 0;pointer-events:none}.wordmark{display:flex;align-items:center;gap:11px;width:max-content;letter-spacing:.08em;text-transform:uppercase}.wordmark-mark{width:32px;height:32px;border:1px solid var(--water);border-radius:50%;position:relative;box-shadow:inset 0 0 16px #75f0df26}.wordmark-mark:before,.wordmark-mark:after{content:"";position:absolute;left:5px;right:5px;top:15px;height:1px;background:var(--water)}.wordmark-mark:after{transform:rotate(90deg)}.wordmark b{display:block;font-size:13px}.wordmark small{display:block;margin-top:1px;color:var(--water);font-size:9px;letter-spacing:.35em}.run-mark{text-align:center;text-transform:uppercase}.run-mark span{display:block;color:var(--water);font-size:9px;letter-spacing:.32em}.run-mark b{display:block;margin-top:4px;font-size:12px;letter-spacing:.18em}.utility{justify-self:end;display:flex;gap:6px;pointer-events:auto}.icon-button,.text-button{border:0;background:transparent;color:var(--muted);cursor:pointer;font-size:9px;font-weight:750;letter-spacing:.16em}.icon-button{min-height:36px;padding:0 10px;border:1px solid var(--line);background:#150d106b}.icon-button:hover,.text-button:hover{color:var(--ink)}.overlay{position:absolute;z-index:20;inset:0;display:grid;place-items:center;padding:max(82px,10vh) 22px 30px;background:radial-gradient(circle at center,#190f1247,#0d080bc2);backdrop-filter:blur(3px)}.title-screen{justify-items:start;padding-left:clamp(28px,9vw,150px)}.title-card{width:min(620px,100%)}.eyebrow{margin:0 0 11px;color:var(--water);font-size:9px;font-weight:800;letter-spacing:.31em;text-transform:uppercase}h1{margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(58px,9vw,124px);font-weight:400;line-height:.76;letter-spacing:-.065em;text-transform:uppercase;text-shadow:0 8px 50px rgba(0,0,0,.42)}h1 span{display:block;margin-left:.48em;color:transparent;-webkit-text-stroke:1px rgba(255,244,223,.8)}.title-deck{max-width:520px;margin:35px 0 24px;color:#ead7c5;font-family:Georgia,Times New Roman,serif;font-size:clamp(17px,2vw,23px);line-height:1.45}.rules-strip{display:flex;gap:22px;margin:0 0 24px;padding:14px 0;border-block:1px solid var(--line);text-transform:uppercase}.rules-strip span{color:var(--muted);font-size:9px;letter-spacing:.13em}.rules-strip b{color:var(--ink);margin-right:4px;font-size:16px}.seed-field{display:flex;align-items:center;width:min(340px,100%);margin-bottom:18px;color:var(--muted);font-size:9px;font-weight:700;letter-spacing:.2em;text-transform:uppercase}.seed-field input{flex:1;min-width:0;margin-left:14px;padding:9px 0;border:0;border-bottom:1px solid var(--line);border-radius:0;background:transparent;color:var(--ink);font-size:13px;letter-spacing:.12em}.title-actions,.modal-actions{display:flex;align-items:center;gap:18px}.primary-button{min-height:48px;padding:0 22px;border:1px solid var(--water);background:var(--water);color:#102c2b;font-size:10px;font-weight:900;letter-spacing:.16em;text-transform:uppercase;cursor:pointer;box-shadow:0 10px 35px #23b8ad1f}.primary-button:hover{background:#a2fff2}.primary-button span{margin-left:22px}.text-button{padding:10px 0}.gesture-note{color:#937d72;font-size:9px;letter-spacing:.08em}.hud{position:absolute;z-index:5;inset:78px 0 0;pointer-events:none}.panel{background:linear-gradient(145deg,#2f1c1ceb,#191115eb);border:1px solid var(--line);box-shadow:0 20px 70px #00000040;backdrop-filter:blur(12px)}.season-panel{position:absolute;left:clamp(18px,3vw,48px);top:24px;width:224px;padding:19px;pointer-events:auto}.season-line{display:flex;align-items:end;justify-content:space-between}.season-line b{font-family:Georgia,serif;font-size:29px;font-weight:400}.season-line span{padding-bottom:4px;color:var(--muted);font-family:Georgia,serif;font-size:12px;font-style:italic}.timer-track,.health-track,.meter{overflow:hidden;background:#ffffff14}.timer-track{height:3px;margin-top:17px}.timer-track i{display:block;width:100%;height:100%;background:var(--water);box-shadow:0 0 12px var(--water);transform-origin:left}.season-meta{display:flex;justify-content:space-between;margin-top:8px;color:var(--muted);font-size:8px;letter-spacing:.14em}.season-meta b{color:var(--ink)}.cooperation-block{margin-top:22px;padding-top:15px;border-top:1px solid var(--line)}.cooperation-block>div:first-child{display:flex;justify-content:space-between;font-size:9px;letter-spacing:.08em}.cooperation-block span{color:var(--muted)}.cooperation-block b{color:var(--water)}.meter{height:5px;margin-top:9px}.meter i{display:block;width:76%;height:100%;background:linear-gradient(90deg,var(--clay),var(--water));transition:width .35s ease}.waste-block{display:flex;align-items:center;justify-content:space-between;margin-top:16px;color:var(--muted);font-size:8px;letter-spacing:.12em;text-transform:uppercase}.waste-block b{display:flex;gap:5px}.waste-block i{display:block;width:8px;height:8px;border:1px solid var(--muted);border-radius:50%}.waste-block i.used{border-color:#ff6d54;background:#ff6d54;box-shadow:0 0 9px #ff6d5480}.district-rail{position:absolute;left:50%;bottom:58px;display:flex;gap:7px;transform:translate(-50%);pointer-events:auto}.district-card{display:flex;width:clamp(190px,20vw,255px);min-height:120px;background:#1d1214e0;border:1px solid var(--line);backdrop-filter:blur(10px);transition:border-color .25s,transform .25s,opacity .25s}.district-card.active{transform:translateY(-5px);border-color:#75f0df8c}.district-card.extinct{opacity:.38;filter:grayscale(1)}.district-index{display:grid;place-items:center;width:35px;flex:0 0 35px;border-right:1px solid var(--line);color:var(--water);font-family:Georgia,serif;font-size:11px}.district-main{min-width:0;flex:1;padding:12px 13px}.district-kind{margin:0 0 3px;color:var(--muted);font-size:7px;letter-spacing:.21em;text-transform:uppercase}.district-name{overflow:hidden;margin:0;font-family:Georgia,serif;font-size:15px;font-weight:400;white-space:nowrap;text-overflow:ellipsis}.health-line{display:flex;justify-content:space-between;margin-top:11px;color:var(--muted);font-size:7px;letter-spacing:.12em;text-transform:uppercase}.health-line b{color:var(--ink)}.health-track{height:3px;margin-top:5px}.health-track i{display:block;width:80%;height:100%;background:var(--water);transition:width .35s}.request{display:flex;justify-content:space-between;gap:8px;margin-top:10px;padding-top:8px;border-top:1px solid var(--line)}.request span{color:var(--muted);font-size:7px;letter-spacing:.12em;text-transform:uppercase}.request b{overflow:hidden;color:var(--water);font-size:8px;white-space:nowrap;text-overflow:ellipsis}.request.missed b{color:#ff7b62}.gate-panel{position:absolute;right:clamp(18px,3vw,48px);top:24px;width:238px;padding:18px;pointer-events:auto}.gate-heading{display:flex;justify-content:space-between;gap:10px}.gate-heading .eyebrow{margin-bottom:5px}.gate-heading h2{margin:0;font-family:Georgia,serif;font-size:16px;font-weight:400}#gate-state{height:max-content;padding:4px 7px;border:1px solid var(--line);color:var(--muted);font-size:7px;letter-spacing:.13em}#gate-state.open{border-color:var(--water);color:var(--water)}.ring-controls{display:flex;align-items:center;justify-content:center;gap:24px;margin:13px 0 10px}.round-button{width:34px;height:34px;border:1px solid var(--line);border-radius:50%;background:transparent;cursor:pointer;font-size:18px}.round-button:hover{border-color:var(--water);color:var(--water)}.ring-dial{position:relative;width:55px;height:55px;border:1px solid rgba(117,240,223,.34);border-radius:50%;background:repeating-conic-gradient(from -1deg,rgba(117,240,223,.4) 0 1deg,transparent 1deg 30deg)}.ring-dial i{position:absolute;inset:8px;border:1px solid rgba(255,255,255,.16);border-radius:50%}.ring-dial b{position:absolute;left:26px;top:6px;width:1px;height:21px;background:var(--water);transform-origin:50% 21px;box-shadow:0 0 7px var(--water)}.ring-dial span{position:absolute;inset:0;display:grid;place-items:center;font-size:10px}.gate-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:4px}.gate-grid button{aspect-ratio:1;min-width:0;border:1px solid var(--line);background:#00000024;color:var(--muted);font-size:9px;cursor:pointer}.gate-grid button.selected{border-color:var(--ink);color:var(--ink)}.gate-grid button.open{background:var(--water);border-color:var(--water);color:#102c2b;box-shadow:0 0 13px #75f0df2e}.route-copy{min-height:30px;margin:10px 0;color:var(--muted);font-family:Georgia,serif;font-size:11px;line-height:1.35}.action-button,.launch-button{width:100%}.launch-button{min-height:40px;margin-top:7px;border:1px solid rgba(255,244,223,.24);background:transparent;font-size:9px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;cursor:pointer}.launch-button span{margin-left:16px}.launch-button:hover{border-color:var(--ink)}.phase-instruction{margin:10px 0 0;color:#8f7b71;font-size:8px;line-height:1.5}.legend{position:absolute;left:50%;bottom:17px;display:flex;gap:18px;color:#9b867b;font-size:8px;letter-spacing:.08em;transform:translate(-50%)}kbd{display:inline-grid;min-width:20px;height:20px;margin-right:3px;place-items:center;border:1px solid var(--line);background:#00000040;color:var(--ink);font-family:inherit;font-size:8px}.modal-screen{background:#0d080bbf}.modal-card{width:min(500px,100%);padding:clamp(25px,4vw,42px);border:1px solid var(--line);background:linear-gradient(145deg,#371f1dfa,#171014fa);box-shadow:0 30px 100px #00000080}.modal-card h2{margin:0 0 12px;font-family:Georgia,serif;font-size:clamp(36px,5vw,58px);font-weight:400;line-height:.95}.modal-card>p:not(.eyebrow):not(.seed-line){color:var(--muted);font-family:Georgia,serif;font-size:15px;line-height:1.55}.rules-card{width:min(620px,100%)}.rules-card ol{margin:24px 0;padding-left:20px;color:var(--muted);font-size:12px;line-height:1.6}.rules-card li{padding-left:6px;margin-bottom:11px}.rules-card li b{color:var(--ink)}.touch-note{padding-top:13px;border-top:1px solid var(--line);color:var(--water)!important;font-family:inherit!important;font-size:9px!important}.end-card{width:min(560px,100%)}.score-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;margin:25px 0 17px;background:var(--line);border:1px solid var(--line)}.score-grid div{padding:14px 10px;background:#120c0fcc}.score-grid span{display:block;color:var(--muted);font-size:7px;letter-spacing:.12em;text-transform:uppercase}.score-grid b{display:block;margin-top:6px;color:var(--water);font-size:18px}.seed-line{color:var(--muted);font-size:9px;letter-spacing:.15em;text-transform:uppercase}.seed-line b{color:var(--ink)}@media(max-width:820px){.topbar{height:66px;grid-template-columns:1fr auto}.run-mark{display:none}.utility{grid-column:2}.wordmark{grid-column:1}.hud{inset:66px 0 0}.season-panel{top:12px;width:180px;padding:13px}.cooperation-block,.waste-block{display:none}.gate-panel{top:12px;width:194px;padding:13px}.ring-controls{margin:8px 0}.district-rail{bottom:48px;width:calc(100% - 24px);gap:5px}.district-card{width:33.333%;min-height:108px}.district-index{display:none}.district-main{padding:10px 8px}.district-name{font-size:12px}.request,.request span,.request b{display:block}.request b{margin-top:3px}.legend{display:none}}@media(max-width:620px){.topbar{padding-inline:12px}.wordmark b{font-size:11px}.wordmark-mark{width:28px;height:28px}.wordmark-mark:before,.wordmark-mark:after{top:13px;left:4px;right:4px}.icon-button{min-height:32px;padding:0 7px;font-size:7px}#help-button,#restart-button{display:none}.title-screen{padding:76px 20px 24px}h1{font-size:clamp(52px,20vw,78px)}.title-deck{margin:27px 0 18px;font-size:16px}.rules-strip{gap:11px}.rules-strip span{font-size:7px}.title-actions{align-items:stretch;flex-direction:column;gap:8px}.title-actions .text-button{min-height:38px}.hud{inset:66px 0 0}.season-panel,.gate-panel{top:auto;bottom:126px}.season-panel{left:10px;width:calc(100% - 204px)}.gate-panel{right:10px;width:184px}.season-panel .eyebrow,.gate-panel .eyebrow,.season-meta,.route-copy,.phase-instruction,.ring-dial,.round-button{display:none}.season-line b{font-size:20px}.season-line span{font-size:9px}.timer-track{margin-top:9px}.gate-heading h2{font-size:12px}.ring-controls{margin:9px 0}.gate-grid{grid-template-columns:repeat(3,1fr)}.district-rail{bottom:10px;width:calc(100% - 20px)}.district-card{min-height:108px}.modal-screen{padding:72px 14px 16px}.modal-card{padding:24px 20px}.score-grid{grid-template-columns:repeat(2,1fr)}}.gate-grid button.selected{background:#75f0df1f;border-color:var(--water);color:var(--water);box-shadow:inset 0 0 0 1px var(--water)}.gate-grid button.open.selected{color:#102c2b;box-shadow:inset 0 0 0 2px var(--ink),0 0 14px #75f0df3d}.district-card.active{box-shadow:0 12px 28px #0000004d,inset 0 3px var(--water)}.end-card{border-top:2px solid var(--water)}.score-grid div:first-child{background:#75f0df14;box-shadow:inset 0 2px var(--water)}.score-grid div:first-child b{color:var(--ink);font-size:23px}@media(max-width:620px){.season-panel .eyebrow,.gate-panel .eyebrow,.season-meta,.ring-dial{display:none}.route-copy{display:block;min-height:0;margin:7px 0;font-size:8px}.phase-instruction{display:block;margin-top:7px;font-size:7px;line-height:1.4}.ring-controls{justify-content:center;gap:18px;margin:7px 0}.round-button{display:grid;place-items:center;width:36px;height:36px}.gate-grid button{min-height:42px}.gate-heading{align-items:start}#gate-state{font-size:6px}.district-card.active{transform:translateY(-3px)}.modal-screen{overflow-y:auto}}@media(max-height:680px)and (min-width:621px){.topbar{height:62px}.hud{inset:62px 0 0}.season-panel,.gate-panel{top:10px;transform:scale(.9);transform-origin:top}.gate-panel{transform-origin:top right}.district-rail{bottom:38px}.district-card{min-height:100px}.title-screen{padding-top:70px}.title-deck{margin:25px 0 15px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}.panel{background:linear-gradient(145deg,#2f1c1cc2,#191115c7);backdrop-filter:blur(8px)}.season-panel,.gate-panel{box-shadow:0 14px 42px #0003}.district-card{background:#1d1214c2}.pressure-block{margin-top:15px;padding-top:11px;border-top:1px solid var(--line)}.pressure-block>div{display:flex;align-items:center;justify-content:space-between;gap:8px;color:var(--muted);font-size:8px;letter-spacing:.12em;text-transform:uppercase}.pressure-block b{color:var(--water);font-size:9px}.pressure-block p{min-height:24px;margin-top:6px;color:var(--muted);font-size:8px;line-height:1.4}.district-card.pressure{border-color:#f0bf6db8;box-shadow:inset 0 2px var(--gold)}.district-card.pressure .request b{color:var(--gold)}.first-move{min-height:22px;margin-top:8px;color:var(--water);font-size:8px;letter-spacing:.09em;line-height:1.35}.aftermath-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;margin:20px 0 14px;border:1px solid var(--line);background:var(--line)}.aftermath-grid>div{padding:12px;background:#120c0fd1}.aftermath-grid span{color:var(--water);font-size:7px;letter-spacing:.14em;text-transform:uppercase}#end-route{margin-bottom:15px;color:var(--water)}.aftermath-grid p{margin-top:7px;color:var(--muted);font-size:11px;line-height:1.45}@media(max-width:620px){.pressure-block{margin-top:8px;padding-top:6px}.pressure-block p{display:none}.pressure-block b{font-size:8px}.first-move{min-height:0;margin-top:5px;font-size:7px}.aftermath-grid{grid-template-columns:1fr;margin-top:15px}.aftermath-grid p{font-size:10px}}.title-screen{background:linear-gradient(90deg,#0d080be0,#0d080b80 46%,#0d080b1f)}.title-card{border-left:2px solid var(--water);padding-left:clamp(16px,3vw,28px)}.end-card{border-left:2px solid var(--water)}@media(max-width:620px){.title-screen{padding-left:20px}.title-card{padding-left:14px}}