:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;color:#eef4fc;background:#0e1927}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(ellipse at 80% 0%,#20453b55,transparent 55%),#0e1927}header{max-width:1160px;margin:auto;padding:22px 28px;display:flex;justify-content:space-between;align-items:center}.brand{display:flex;gap:12px;align-items:center;color:inherit;text-decoration:none;font-size:25px;font-weight:850;letter-spacing:3px}.brand>span{font-size:37px;color:#8de5c1}.brand small{font-size:9px;color:#91a2b6;letter-spacing:2px;font-weight:600;border-left:1px solid #3a4e61;padding-left:15px}main{max-width:1120px;padding:0 22px;margin:auto}.intro{display:flex;align-items:flex-end;justify-content:space-between;padding:19px 3px 25px}.eyebrow{font-size:10px;font-weight:750;letter-spacing:1.7px;color:#8de5c1;margin:0}h1{font-size:34px;letter-spacing:-1.3px;margin:8px 0 0}.intro>p{font-size:13px;color:#91a2b6;margin:0 0 4px}.board{border:1px solid #334456;border-radius:20px;overflow:hidden;background:#142234;box-shadow:0 20px 65px #0003}.board-head{padding:21px 26px;display:flex;align-items:center;justify-content:space-between;gap:12px}h2{font-size:18px;margin:7px 0 0}.stats{display:flex;gap:30px}.stats div{text-align:center}.stats strong{font-size:23px;display:block;font-variant-numeric:tabular-nums}.stats span{font-size:10px;color:#9aabbf}.viewport{height:clamp(380px,58vh,590px);position:relative;background:radial-gradient(ellipse at 45% 35%,#e8f3f9,#d3e7f3)}canvas{display:block;width:100%;height:100%;touch-action:none;cursor:grab}canvas:active{cursor:grabbing}canvas:focus{outline:none}canvas:focus-visible{outline:2px solid #427569;outline-offset:-3px}.scene-label{position:absolute;left:21px;top:20px;display:flex;align-items:center;gap:7px;color:#567384;font-size:9px;font-weight:700;letter-spacing:1.5px;pointer-events:none}.dot{width:5px;height:5px;background:#699187;border-radius:50%}.view-controls{position:absolute;bottom:16px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:4px;padding:5px;background:#f8fcfed9;border:1px solid #c3d8e4;border-radius:13px;box-shadow:0 4px 14px #526c7910}.view-controls button{border:0;background:transparent;color:#25485a;font-size:23px;padding:2px;width:35px;height:34px}.view-controls button:hover{background:#dcebf2}.view-controls span{font-size:10px;color:#557687;min-width:38px;text-align:center}.board-foot{padding:18px 23px;display:flex;align-items:center;justify-content:space-between;gap:20px}.board-foot>div:first-child{flex:1;max-width:580px}.board-foot p{font-size:12px;color:#b3c3d4;margin:0;line-height:1.5}.progress{height:3px;background:#293c50;border-radius:3px;margin-top:12px;overflow:hidden}.progress>div{height:100%;width:0;background:#8de5c1;transition:width .25s}.actions{display:flex;gap:8px}button{font:inherit;font-size:12px;font-weight:650;border-radius:9px;border:1px solid #3c5067;background:#1c3046;color:#edf5fc;padding:11px 16px;cursor:pointer}button:hover{background:#2a4359;border-color:#8de5c1}button:focus-visible{outline:2px solid #86dbb8;outline-offset:3px}.primary{background:#8de5c1;border-color:#8de5c1;color:#143c31;padding:14px 24px}.primary:hover{background:#b2f2d8;color:#143c31}footer{display:flex;justify-content:space-between;gap:12px;padding:20px 2px 25px;font-size:10px;color:#91a2b6}.completion{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:#e6f2f9f2;padding:24px;color:#183847}.completion[hidden]{display:none}.completion .eyebrow{color:#4a8172}.completion h2{font-size:29px;letter-spacing:-.8px}.completion p{color:#567080;font-size:13px;line-height:1.7}.win-icon{font-size:60px;color:#3d8e76;margin-bottom:10px}dialog{background:#142437;color:#eef4fc;border:1px solid #40576e;border-radius:20px;padding:27px;max-width:480px;width:calc(100% - 32px)}dialog::backdrop{background:#081422bd}dialog h2{font-size:24px;margin:12px 0 18px}dialog p,dialog li{font-size:13px;line-height:1.7;color:#bdcddd}dialog li{padding-bottom:9px}dialog ol{padding-left:19px}dialog button{margin-top:8px}@media(max-width:600px){header{padding:12px 16px}.brand{font-size:23px;gap:8px}.brand>span{font-size:30px}.brand small{display:none}header button{font-size:11px;padding:9px 12px}main{padding:0 10px}.intro{padding:10px 5px 18px}.intro>p{display:none}.intro .eyebrow{font-size:8px;letter-spacing:1.1px}h1{font-size:27px;margin-top:6px}.board{border-radius:17px}.board-head{padding:17px 14px;gap:8px}.board-head .eyebrow{font-size:8px}.board-head h2{font-size:13px;max-width:140px}.stats{gap:12px}.stats strong{font-size:17px}.stats span{font-size:9px}.viewport{height:53vh;height:53svh;min-height:350px;max-height:520px}.scene-label{left:14px;top:16px;font-size:8px;letter-spacing:1px}.board-foot{padding:14px;flex-direction:column;align-items:stretch;gap:13px}.board-foot p{font-size:11px;min-height:17px}.actions button{flex:1;padding:11px}.progress{margin-top:9px}footer{flex-direction:column;padding:14px 5px 20px;gap:5px;font-size:9px}.completion h2{font-size:25px}}@media(prefers-reduced-motion:reduce){.progress>div{transition:none}}