:root{color-scheme:dark;--paper:#e9eddd;--dim:#9eb6b2;--line:#ffffff19;--gold:#edcc87}*{box-sizing:border-box}body{margin:0;background:#102c32;color:var(--paper);font:14px Arial,"PingFang SC",sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;color:inherit;touch-action:manipulation}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,canvas:focus-visible{outline:2px solid var(--gold);outline-offset:4px}header{max-width:1440px;margin:auto;padding:24px 40px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);font-size:12px}.brand{display:flex;gap:12px;align-items:center;font-size:23px}.brand span{font-size:16px;font-weight:700}.brand small{display:block;font-size:9px;color:var(--dim);letter-spacing:3px;margin-top:5px}.edition,.eyebrow{font-size:10px;letter-spacing:2px;color:var(--dim)}main{max-width:1440px;margin:auto;padding:32px 40px}.intro{display:flex;align-items:end;justify-content:space-between;margin-bottom:30px}.intro h1{font-size:43px;letter-spacing:-2px;margin:12px 0 0;font-weight:500}.intro em{font-style:normal;color:var(--gold)}.intro>p{line-height:1.9;color:var(--dim);font-size:12px}.layout{display:grid;grid-template-columns:210px minmax(320px,650px) 240px;gap:30px;justify-content:space-between}.story{padding-top:24px}.index{color:var(--gold);font:italic 42px Georgia,serif}.story h2{font-size:26px;font-weight:500;margin:24px 0 8px}.english{font-size:10px;letter-spacing:4px;color:var(--dim);margin-bottom:40px}.rule{margin-bottom:26px}.rule b{font-size:12px;font-weight:500}.rule p,.note{font-size:12px;line-height:1.9;color:var(--dim)}.postmark{display:flex;gap:13px;align-items:center;margin-top:40px;color:var(--gold);font-size:42px}.postmark span{font-size:9px;line-height:2;letter-spacing:2px}.pond{border:1px solid #b8d8c82e;border-radius:22px;overflow:hidden;background:#173c41;align-self:start}.pond-head,.pond-foot{display:flex;justify-content:space-between;align-items:center;padding:17px 20px;font-size:10px;color:#b9cbc0}.pond-head i{display:inline-block;background:#cfdfaa;width:5px;height:5px;border-radius:50%;margin-right:7px}.surface{position:relative}canvas{display:block;width:100%;height:auto;aspect-ratio:720/820;touch-action:none}#overlay{position:absolute;inset:0;display:grid;place-items:center;background:#102c3245;padding:18px}#overlay[hidden]{display:none}.letter{text-align:center;background:#e8ebddeb;color:#26413e;border:1px solid #fff8;border-radius:18px;padding:28px 23px;width:100%;max-width:355px;box-shadow:0 24px 70px #001d3040}.letter .eyebrow{color:#698078;font-size:9px}.moon{font-size:48px;color:#ae8846}.letter h2{font-size:23px;font-weight:500}.letter>p:not(.eyebrow){font-size:12px;line-height:1.9;color:#657b70}.primary{background:#264942;border:0;border-radius:9px;padding:15px 24px;color:#f2e1b6;margin-top:10px}.dashboard{padding-top:4px}.card{background:#e4e9d9;color:#24433d;border-radius:18px;padding:23px}.card .eyebrow{color:#647e70;font-size:9px}#lights{font-size:43px;color:#98723d;letter-spacing:9px;margin:22px 0}.metrics{display:flex;justify-content:space-between;border-top:1px solid #23433024;padding-top:18px;font-size:10px;color:#6b7f6e}.metrics strong{display:block;color:#24433d;font-size:30px;font-weight:500;margin-top:9px}.routes{margin:30px 0}.routes button{width:100%;display:flex;flex-wrap:wrap;gap:10px;border:1px solid var(--line);border-radius:10px;background:transparent;padding:15px 12px;margin:10px 0;text-align:left;color:var(--dim);font-size:11px}.routes button.active{background:#b1cbae12;border-color:#cbd9aa70;color:#e7d7a7}.routes small{display:block;margin-left:25px;width:100%;font-size:9px;color:var(--dim)}.actions{display:flex;gap:10px}.actions button{flex:1;border:1px solid var(--line);background:transparent;padding:12px 0;border-radius:8px;font-size:12px}.note{margin-top:23px;font-size:11px}footer{display:flex;justify-content:space-between;color:#8ea7a0;font-size:9px;letter-spacing:1.5px;border-top:1px solid var(--line);padding-top:22px;margin-top:35px}@media(min-width:1200px){.pond{max-width:590px}}@media(max-width:1050px){.layout{grid-template-columns:minmax(300px,1fr) 230px;gap:24px}.story{display:none}.intro h1{font-size:36px}}@media(max-width:650px){header{padding:17px 18px}.edition{display:none}main{padding:22px 14px}.intro{margin-bottom:20px}.intro h1{font-size:29px}.intro>p{display:none}.layout{display:flex;flex-direction:column;gap:18px}.pond{width:100%}.dashboard{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:15px}.card{padding:17px}.routes{margin:0}.routes .eyebrow{font-size:8px;letter-spacing:1px}.routes button{padding:10px;margin:8px 0}#lights{margin:14px 0;font-size:33px}.actions{grid-column:1/-1}.note{grid-column:1/-1;margin:0}.pond-head,.pond-foot{padding:13px;font-size:9px}footer{font-size:8px;letter-spacing:.5px}.letter{max-width:300px;padding:18px}.letter h2{font-size:21px}}