*{box-sizing:border-box}:root{--night:#102f38;--panel:#173e45;--line:#365860;--ivory:#f0ebd9;--dim:#a9c1bd;--gold:#d2b16e;--mint:#a1c6ae}body{margin:0;background:var(--night);color:var(--ivory);font-family:Arial,sans-serif}button,a{touch-action:manipulation}button{font:inherit;color:inherit;background:transparent;border:1px solid #527077;border-radius:8px;padding:10px 13px;cursor:pointer}button:hover:not(:disabled){background:#294e52;border-color:#bbbf9a}button:disabled{opacity:.37;cursor:default}button:focus-visible,a:focus-visible{outline:3px solid #edc97c;outline-offset:4px}header{max-width:1400px;margin:auto;height:86px;padding:18px 40px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #345159}.brand{text-decoration:none;display:flex;align-items:center;gap:14px;font-size:14px;letter-spacing:3px}.moonmark{font:42px Georgia,serif;color:var(--gold)}.brand small{display:block;font-size:7px;letter-spacing:2px;color:#a5bbb2;margin-top:6px}header>div{display:flex;align-items:center;gap:15px}header button{font-size:11px;border:0}#sound{color:#b5cabd}#help span{display:inline-block;border:1px solid #758c82;border-radius:50%;padding:3px 6px;margin-left:8px}main{max-width:1320px;margin:auto;padding:36px 40px 0}.intro{display:flex;gap:30px;align-items:end;justify-content:space-between;margin:0 0 32px}.eyebrow{font-size:9px;letter-spacing:2px;font-weight:700;color:var(--gold);margin:0 0 13px}h1{font:normal 44px/1.08 Georgia,serif;letter-spacing:-1px;margin:0}h1 em{font-weight:normal;color:#b9c9b0}.intro>p{font:17px/1.6 Georgia,serif;color:#b6c9c0;margin:0 0 4px}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:25px;align-items:start}.observatory{border:1px solid #486269;border-radius:15px;overflow:hidden;background:#173b42;box-shadow:0 18px 60px #0002}.watchhead{padding:22px 25px;display:flex;align-items:center;justify-content:space-between;gap:15px}.watchhead .eyebrow{margin-bottom:6px}.watchhead h2{font:normal 25px Georgia,serif;margin:6px 0 0}.watchhead #seal{font-size:11px;color:var(--gold)}.skybench{position:relative;padding:20px 28px 16px;background:#123741 url('observatory.webp') center/cover;isolation:isolate}.skybench:before{content:'';position:absolute;inset:0;background:linear-gradient(#0e2f3820,#082d34b0 45%,#082a31f0);z-index:-1}.timeplate{display:flex;flex-direction:column;align-items:center;margin:2px auto 10px;padding:8px 14px;width:172px;background:#10303a9c;border:1px solid #7a8f7a70;border-radius:7px;backdrop-filter:blur(3px)}.timeplate>span{font-size:8px;letter-spacing:2px;color:#c8cfb6}.timeplate strong{font:normal 49px/1.1 Georgia,serif;color:#fff3c7;margin:4px 0}.timeplate small{font-size:8px;letter-spacing:.6px;color:#a9c1b3}#clocks{display:flex;justify-content:center;align-items:start;gap:18px;max-width:780px;margin:auto}.clock{flex:1;max-width:210px;min-width:0;text-align:center}.clock svg{display:block;width:100%;height:auto;max-height:310px;filter:drop-shadow(0 10px 13px #0004);transform-origin:50% 50%}.clock.turning svg{animation:turn .34s ease-in-out}.clock h3{margin:3px 0 5px;font:normal 20px Georgia,serif}.clock .remaining{font-size:10px;color:#d7ddbf;margin:0 0 11px;min-height:14px}.clock .remaining b{color:#f6dd91}.clock>button{font-size:11px;padding:9px 16px;background:#163d43ad;border:1px solid #9ea88c;min-width:124px}.clock>button small{display:block;font-size:9px;color:#b1c7b3;margin-top:5px}.clock kbd{margin-right:6px;font-size:9px;color:#d4cda6}.stream{stroke-dasharray:2 5;animation:fall .7s linear infinite}.stream.still{display:none}.bench-note{font-size:9px;text-align:center;color:#a7c1ba;margin:20px 0 0;letter-spacing:.6px}.feedback{display:flex;justify-content:space-between;align-items:center;padding:15px 23px;gap:10px;min-height:71px;border-top:1px solid #52707466}.feedback p{font-size:12px;line-height:1.6;margin:0;max-width:76%;color:#d5dfca}#moves{font-size:10px;text-align:right;white-space:pre-line;color:#a8bfae;line-height:1.6}.main-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:0 23px}.main-actions button{position:relative;min-height:85px;text-align:left;padding:16px 17px;background:#25515a;border:1px solid #5d8580}.main-actions b{font:normal 21px Georgia,serif;display:block}.main-actions small{display:block;font-size:10px;color:#c1d5c3;margin-top:8px}.main-actions kbd{position:absolute;top:10px;right:11px;font-size:8px;letter-spacing:1px;color:#aac4b2}#bell{background:#405545;border-color:#a8ad77}.bell-symbol{display:none}.tools{display:flex;align-items:center;gap:8px;padding:19px 23px 23px}.tools button{font-size:10px;padding:8px 10px}.tools kbd{font-size:8px;margin-left:7px;color:#bbcbaf}#hint{margin-left:auto}.bellcard{background:#1b4348;border:1px solid #4b6568;border-radius:12px;padding:22px}#targets{display:flex;gap:7px;margin:20px 0 24px}.target{flex:1;text-align:center;border:1px solid #61827b;border-radius:8px;padding:11px 4px;background:#15353d}.target small{display:block;font-size:8px;color:#9eb8a9;letter-spacing:.5px;margin-bottom:8px}.target b{font:normal 28px Georgia,serif}.target>span{display:block;margin-top:5px;font-size:9px;color:#a7bdac}.target.active{border:2px solid #c2b77b;padding:10px 3px;background:#354b3d}.target.done{background:#345345;border-color:#91a875}.target.missed{border-color:#bf7c63;background:#553d38}.rule{border-top:1px solid #44615d;padding-top:15px;margin-top:17px}.rule>b{font:italic 20px Georgia,serif;color:#d8dcc4}.rule p{font-size:11px;line-height:1.8;color:#b3cbbf;margin:10px 0 0}#watch-note{font:16px/1.5 Georgia,serif;color:#c8d1b6;border:1px solid #5c7265;padding:12px;border-radius:7px;margin:22px 0 18px}.guidekey{display:flex;gap:13px;align-items:start}.guidekey>span{font:italic 25px Georgia,serif;color:#899f8c}.guidekey p{font-size:10px;line-height:1.8;color:#a5bfb4;margin:0}.watches{padding:23px 3px 15px}#levels{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-top:15px}#levels button{border-radius:50%;font-size:11px;height:43px;padding:4px}#levels button.selected{border:2px solid #d4c28b}#levels button.kept{background:#36564b}#levels button.gold{background:#776d40;color:#fff0b4}.micro{font-size:9px;line-height:1.8;color:#90ac9b;margin-top:15px}.log{padding:10px 3px}#log{padding:0;margin:15px 0 0;list-style:none}#log li{display:flex;gap:15px;font-size:10px;color:#a6c1b1;padding:8px 0;border-bottom:1px solid #304f4e}#log time{font-family:monospace;color:#d3ca9a;flex-shrink:0}#complete{margin:0 23px 23px;padding:18px 17px;background:#354e39;border:1px solid #8a9b69;border-radius:10px;display:flex;gap:12px;align-items:center}#complete[hidden]{display:none}#complete>span{font-size:31px;color:#dbc477}#complete h2{font:italic 24px Georgia,serif;margin:0}#complete p{font-size:10px;line-height:1.6;margin:6px 0 0;color:#c1d2b1}#complete button{font-size:10px;padding:9px;margin-left:auto;white-space:nowrap}footer{padding:27px 0 32px;font-size:9px;line-height:1.9;color:#8ba79c}a{color:inherit;text-underline-offset:3px}dialog{background:#f1eedf;color:#25454a;border:1px solid #9aa787;border-radius:14px;padding:34px;max-width:510px;box-shadow:0 30px 100px #0006}dialog::backdrop{background:#09282fd9}dialog h2{font:normal 31px Georgia,serif}dialog p,dialog li{font-size:13px;line-height:1.8}dialog .eyebrow{color:#8a7137}#close-help{float:right;border:0;font-size:24px;padding:0 5px}#start{background:#315b54;color:#fff1d5;border-color:#315b54}body[data-missed=true] .feedback p{color:#edb69e}@keyframes fall{to{stroke-dashoffset:-14}}@keyframes turn{50%{transform:rotate(180deg);opacity:.55}100%{transform:rotate(360deg)}}@media(max-width:1050px){main{padding:30px 23px 0}.workspace{grid-template-columns:minmax(0,1fr) 250px;gap:18px}h1{font-size:39px}.intro>p{font-size:16px}.skybench{padding-left:15px;padding-right:15px}#clocks{gap:8px}.clock>button{min-width:110px;padding:9px 10px}.bellcard{padding:18px}.clock svg{max-height:275px}}@media(max-width:760px){header{padding:14px 17px;height:71px}.brand{font-size:11px;gap:9px;letter-spacing:2px}.brand small{font-size:6px;letter-spacing:1px}.moonmark{font-size:34px}header>div{gap:0}header button{font-size:9px;padding:6px}#help{font-size:0}#help span{font-size:11px;margin-left:4px}.intro{display:block;margin:0 0 25px}main{padding:25px 13px 0}h1{font-size:36px;letter-spacing:-1px}.intro>p{font-size:15px;margin-top:16px}.eyebrow{font-size:8px;letter-spacing:1.7px}.workspace{display:block}.watchhead{padding:19px 17px}.watchhead h2{font-size:23px}.watchhead #seal{font-size:10px}.skybench{padding:14px 12px 14px}.timeplate{padding:7px 10px;width:155px;margin-bottom:14px}.timeplate strong{font-size:43px}.timeplate small{font-size:7px}#clocks{gap:4px}.clock{max-width:160px}.clock svg{max-height:230px}.clock h3{font-size:17px}.clock .remaining{font-size:9px;margin-bottom:9px}.clock>button{min-width:0;width:100%;padding:9px 2px;font-size:10px}.clock>button small{font-size:8px}.clock kbd{font-size:8px;margin-right:3px}.bench-note{font-size:8px;margin-top:15px;letter-spacing:.2px}.feedback{padding:13px 16px}.feedback p{font-size:11px;max-width:74%}#moves{font-size:9px}.main-actions{padding:0 16px;gap:9px}.main-actions button{padding:15px 12px;min-height:85px}.main-actions b{font-size:19px}.main-actions small{font-size:9px;line-height:1.4}.main-actions kbd{font-size:7px;top:7px;right:8px}.tools{padding:16px;gap:6px}.tools button{padding:8px;font-size:9px}.tools kbd{display:none}aside{margin-top:21px}.bellcard{padding:21px}.bellcard #targets{max-width:440px;margin:15px auto 20px}.rule{display:inline-block;width:49%;vertical-align:top;padding-right:12px}.rule>b{font-size:20px}.rule p{font-size:11px}.guidekey{margin-top:14px}.watches{padding-top:25px}#levels{grid-template-columns:repeat(8,1fr);gap:6px}#levels button{height:36px;font-size:10px}.log{padding-top:6px}#log{display:grid;grid-template-columns:1fr 1fr;gap:0 15px}#log li{font-size:9px;gap:10px}#complete{margin:0 16px 16px;padding:14px 12px;gap:10px}#complete h2{font-size:20px}#complete button{font-size:9px}dialog{width:calc(100% - 32px);margin:16px;padding:25px}dialog h2{font-size:28px}footer{font-size:8px}}@media(prefers-reduced-motion:reduce){.stream{animation:none}.clock.turning svg{animation:none}}
@media(max-width:760px){.clock h3{font-size:14px}}