:root{color-scheme:dark;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#0c1426;color:#e6edf7}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 15% 0,#253b54 0,transparent 48%),radial-gradient(ellipse at 95% 45%,#24334d 0,transparent 45%),#0c1426;min-height:100vh}main{max-width:1060px;margin:auto;padding:44px 30px 20px}header{display:flex;justify-content:space-between;align-items:center;gap:20px}h1{font-family:Georgia,serif;font-size:clamp(44px,6vw,70px);font-weight:400;letter-spacing:-2px;line-height:1.1;margin:16px 0 30px}h1 span{display:block;font-family:ui-sans-serif,system-ui;font-size:15px;letter-spacing:1px;color:#c2d1df;margin-top:15px}h2{font:400 30px Georgia,serif;margin:9px 0}h3{font:400 24px Georgia,serif;margin:10px 0}.eyebrow{font-size:10px;letter-spacing:2.1px;color:#9ab5c9;font-weight:700;margin:0}button{font:inherit;font-size:13px;cursor:pointer;border:1px solid #587087;background:#1d2e44;color:#e6edf7;border-radius:9px;min-height:44px;padding:10px 16px;transition:background .15s,box-shadow .15s}button:hover{background:#30465d}button:focus-visible{outline:3px solid #ffde96;outline-offset:4px}button:disabled{opacity:.4;cursor:default}nav{display:grid;grid-template-columns:repeat(8,1fr);gap:7px;margin:0 0 24px}nav button{padding:9px 2px;color:#b3c6d5}nav .active{border-color:#98dfd2;background:#274d52;color:white}nav .done{color:#ffe0a0}nav .done:after{content:' ★';font-size:10px}.workbench{background:linear-gradient(135deg,#1a2b42ef,#111e32);border:1px solid #3b5066;border-radius:20px;box-shadow:0 24px 80px #03091560;padding:28px}.intro{display:flex;justify-content:space-between;gap:12px}.intro>p{font-size:13px;color:#c2d0dc;line-height:1.7;margin:0}.meters{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:12px;margin-top:25px}.meters>div{border:1px solid #3a4c62;border-radius:10px;padding:13px 14px;background:#0f1d30}small{font-size:9px;letter-spacing:1.3px;color:#b7c8d6;display:block}strong{display:block;font-size:22px;font-weight:500;margin-top:5px}.seal strong{font-size:15px}.seal.good strong{color:#a2e8d4}.seal.bad strong{color:#ffb1a5}.board-wrap{max-width:650px;margin:24px auto 12px}#board{position:relative;aspect-ratio:1.28;width:100%;background-image:radial-gradient(#66809e20 1px,transparent 1px);background-size:17px 17px;border-radius:14px;border:1px solid #3c52694a}#board:before{content:'EAST SEAM →';position:absolute;right:1%;top:1%;font-size:8px;color:#9fb9ce;letter-spacing:1px}#board:after{content:'SOUTH SEAM ↓';position:absolute;left:2%;bottom:1%;font-size:8px;color:#9fb9ce;letter-spacing:1px}.node{position:absolute;transform:translate(-50%,-50%);width:34px;height:34px;border:2px solid #6b8a9d;border-radius:50%;background:#233b50;z-index:3;display:grid;place-items:center;font-size:9px;color:#adc2d5;transition:all .2s;pointer-events:none}.node.noisy{color:#172135;background:#ffb4a5;border-color:#ffcbbb;box-shadow:0 0 22px #ff8b6970}.node.noisy:after{content:'';position:absolute;inset:-7px;border-radius:50%;border:1px solid #ffb4a540}.edge{position:absolute;transform:translate(-50%,-50%);padding:0;min-height:40px;min-width:40px;border-radius:7px;background:#1b3048;border:1px solid #65829c;color:#e6edf7;z-index:2;font-size:12px}.edge.h{width:12%;height:40px}.edge.v{height:13%;width:40px}.edge.wrap{border-style:dashed;background:#2e2b49;color:#d4c7ff}.edge.on{background:#86d4c5;color:#102c32;border-color:#cefff3;box-shadow:0 0 16px #74dcc840}.edge.hint{outline:3px solid #ffde96;outline-offset:3px}.edge .wrap-icon{font-size:13px;margin-left:3px}.legend{display:flex;justify-content:center;align-items:center;gap:9px;flex-wrap:wrap;font-size:10px;color:#bacbd8;line-height:2}.spark,.quiet-dot{width:9px;height:9px;border-radius:50%;display:inline-block;background:#ffb4a5}.quiet-dot{background:#233b50;border:1px solid #7695a6}.sample{border:1px solid #65829c;border-radius:3px;line-height:1;padding:3px 6px}.portal{color:#d4c7ff;font-size:18px}.actions{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin:22px 0 10px}.primary{background:#a3e1cf;color:#152c32;border-color:#c6f5e7;font-weight:700}.primary:hover{background:#c2f1e2}#status{min-height:42px;text-align:center;font-size:13px;color:#dfebf4;line-height:1.6;margin-bottom:0}.notes{display:grid;grid-template-columns:1.4fr 1fr;gap:60px;padding:32px 8px}.notes p:not(.eyebrow){font-size:12px;line-height:1.8;color:#b5c6d6}footer{border-top:1px solid #34465b;padding-top:16px;font-size:10px;color:#a7bdd0;line-height:1.8}footer button{border:0;background:none;text-decoration:underline;font-size:10px;padding:0 10px}dialog{max-width:550px;width:calc(100% - 32px);background:#182b42;color:#e6edf7;border:1px solid #7c9aae;border-radius:16px;padding:28px;box-shadow:0 20px 100px #000a}dialog::backdrop{background:#040c1cd9}dialog p{font-size:14px;line-height:1.8;color:#c8d7e3}.close{float:right;margin-left:10px}@media(max-width:600px){main{padding:25px 12px 18px}header{align-items:start;gap:8px}header>button{font-size:11px;padding:8px;margin-top:20px}h1{font-size:45px}h1 span{font-size:12px;letter-spacing:0}nav{gap:4px}nav button{font-size:11px}.workbench{padding:18px 10px}.intro{display:block;padding:0 6px}.intro>p{margin-top:12px;font-size:12px}.meters{grid-template-columns:1fr 1fr;gap:6px;margin-top:18px}.meters>div{padding:10px}.meters strong{font-size:18px}.seal strong{font-size:14px}.board-wrap{margin-top:22px}#board{aspect-ratio:1.1}.node{width:24px;height:24px;font-size:7px}.edge{min-width:34px;min-height:34px;font-size:11px}.edge.h{height:34px}.edge.v{width:34px}.legend{font-size:9px;gap:6px}.notes{grid-template-columns:1fr;gap:14px;padding:26px 8px}.actions button{padding:10px 12px;font-size:12px}.eyebrow{font-size:8px;letter-spacing:1.5px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}