*{box-sizing:border-box} :root{color-scheme:dark;--bg:#0a2026;--paper:#f5e7c9;--muted:#9fbab4;--gold:#efbe76;--mint:#b7d8ba}body{margin:0;background:radial-gradient(ellipse at 15% 0%,#234545 0,transparent 45%),var(--bg);color:var(--paper);font:15px/1.5 ui-sans-serif,system-ui,-apple-system,sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;background:transparent;border:1px solid #466365;border-radius:7px;padding:9px 15px;cursor:pointer;transition:background .18s,transform .18s}button:hover{background:#365451}button:active{transform:translateY(1px)}button:focus-visible,a:focus-visible{outline:3px solid var(--gold);outline-offset:4px}button:disabled{opacity:.3;cursor:default}main{max-width:1120px;margin:auto;padding:25px 45px}header{display:flex;align-items:center;gap:14px;border-bottom:1px solid #45605f;padding-bottom:22px}header #guide{margin-left:auto;font-size:12px}.brand{font:36px Georgia,serif;color:var(--paper);text-decoration:none;position:relative}.brand span{font-size:16px;color:var(--gold);position:absolute;right:-4px;top:-7px}.wordmark{font-size:12px;letter-spacing:3px;padding-left:8px}.wordmark small{display:block;letter-spacing:2px;font-size:8px;color:var(--muted)}.eyebrow{font-size:10px;letter-spacing:2px;color:var(--gold);font-weight:600}.intro{padding:30px 0 22px}.intro h1{font:clamp(38px,5vw,63px)/1.08 Georgia,serif;font-weight:normal;margin:12px 0 14px;letter-spacing:-2px}.intro>p:last-child{color:var(--muted);margin:0;font-size:14px}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 245px;gap:32px}.camera{border:1px solid #678079;border-radius:12px;padding:13px;background:#19383b;box-shadow:0 20px 55px #0004;align-self:start}.plate-head,.film-footer{display:flex;justify-content:space-between;align-items:center;font-size:9px;letter-spacing:1.8px;color:var(--muted);padding:0 3px 11px}.live-dot{color:var(--gold)}.canvas-wrap{position:relative;background:#102d33;border-radius:3px;overflow:hidden;aspect-ratio:1}canvas{display:block;width:100%;height:100%}.film-footer{padding:12px 3px 0;font-size:8px}.specimen .eyebrow{font-size:8px;margin:0 0 10px}.reference{height:154px;background:#102d33;border:1px solid #496563;border-radius:50% 50% 5px 5px;overflow:hidden;width:154px;margin:0 auto 14px}.reference img{width:100%;height:100%;object-fit:contain}.specimen h2{font:29px Georgia,serif;font-weight:normal;margin:10px 0}.specimen>p:last-child{font-size:12px;color:var(--muted);min-height:50px}.readout{padding-top:15px;border-top:1px solid #45605f;margin-top:20px}.readout>div:first-child{display:flex;justify-content:space-between;font-size:12px}.readout strong{color:var(--gold)}.meter{height:4px;background:#294647;margin-top:12px;overflow:hidden;border-radius:4px}.meter i{display:block;height:100%;background:var(--gold);transition:width .25s}.readout p{font-size:11px;color:var(--muted);min-height:34px}.stats{font-size:10px;display:flex;justify-content:space-between;color:var(--muted);border-top:1px solid #45605f;padding-top:12px}.stats b{color:var(--paper)}.console{display:flex;gap:20px;align-items:center;border:1px solid #49615e;background:#183436;border-radius:12px;padding:20px;margin-top:24px}.console-title{width:155px;flex-shrink:0}.console-title p{margin:0 0 4px}.console-title p:last-child{font-size:11px;color:var(--muted)}.dials{display:flex;gap:18px;flex:1}.dial{flex:1}.dial-head{display:flex;justify-content:space-between;font-size:12px;margin-bottom:9px}.dial-head b{font-weight:400;color:var(--gold);font-variant-numeric:tabular-nums}.dial small{display:block;font-size:9px;color:var(--muted);margin-top:6px}.dial-control{display:flex;align-items:center;gap:6px}.dial-control button{width:35px;height:33px;padding:0;font-size:18px}.dial-track{height:3px;flex:1;background:#3b5956;position:relative}.dial-track i{position:absolute;top:-4px;left:50%;width:11px;height:11px;border-radius:50%;background:var(--gold);transform:translateX(-50%);transition:left .2s}.tools{display:flex;flex-direction:column;gap:5px}.tools button{font-size:10px;padding:5px 9px;white-space:nowrap;border-color:#3e5855}#plates{display:flex;gap:9px;justify-content:center;margin:27px 0 18px;flex-wrap:wrap}#plates button{width:39px;height:39px;padding:0;color:var(--muted);font-size:12px}#plates .active{border-color:var(--gold);color:var(--gold)}#plates .complete:after{content:'·';color:var(--mint);margin-left:3px}footer{display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:10px;border-top:1px solid #345251;padding:16px 0}footer button{font-size:10px;border:0;padding:0}#win{position:absolute;inset:0;background:#102d33e8;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:20px;backdrop-filter:blur(4px)}#win[hidden]{display:none}#win>span{color:var(--gold);font-size:48px}#win h2{font:clamp(25px,3vw,37px) Georgia,serif;margin:14px 0}#win p{color:var(--muted);font-size:13px}#win button{background:var(--gold);color:#183436;margin-top:12px;font-size:12px}dialog{max-width:520px;width:calc(100% - 35px);background:#17383b;color:var(--paper);border:1px solid #758e80;border-radius:16px;padding:32px;box-shadow:0 30px 90px #0009}dialog::backdrop{background:#031619bb;backdrop-filter:blur(5px)}dialog h2{font:33px Georgia,serif;margin:5px 0 20px}dialog p,dialog li{font-size:13px;color:#bed0c6}dialog li{margin:12px 0}dialog a{color:var(--gold)}#close{float:right;border:0;font-size:26px;padding:0 5px}.key{color:var(--gold)}@media(min-width:1100px){.camera{max-width:610px}.workspace{grid-template-columns:minmax(0,1fr) 265px}}@media(max-width:780px){main{padding:18px 20px}.workspace{gap:18px;grid-template-columns:minmax(0,1fr) 180px}.console{flex-wrap:wrap;padding:15px}.console-title{width:100%;display:flex;justify-content:space-between}.tools{flex-direction:row;width:100%;justify-content:center}.reference{width:125px;height:125px}.specimen h2{font-size:24px}.intro{padding-top:24px}}@media(max-width:560px){main{padding:16px}.wordmark{font-size:10px;letter-spacing:2px}header{padding-bottom:14px}header #guide{font-size:10px;padding:7px 10px}.intro h1{font-size:41px}.intro{padding:23px 0 20px}.workspace{display:flex;flex-direction:column;gap:16px}.camera{width:100%;padding:10px}aside{display:grid;grid-template-columns:1fr 1fr;gap:8px 18px}.reference{width:68px;height:68px;float:left;margin:0 10px 0 0;border-radius:8px}.specimen .eyebrow{font-size:7px;letter-spacing:1px}.specimen h2{font-size:19px;margin:0 0 5px}.specimen>p:last-child{font-size:10px;min-height:0;margin:0}.readout{margin:0;padding:0;border:0}.stats{grid-column:1/-1}.console{margin-top:17px;gap:12px}.dials{gap:14px}.dial-head{font-size:11px}.dial-control{gap:4px}.dial-control button{width:31px;height:33px}.dial-track{min-width:12px}.dial small{font-size:8px}.console-title p:last-child{font-size:10px}.film-footer{font-size:7px}.plate-head{font-size:8px}#plates{gap:6px}#plates button{width:34px;height:34px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}

@media(min-width:900px){.workspace{grid-template-columns:minmax(0,500px) 265px;justify-content:space-between}.intro{padding-top:22px}.intro h1{font-size:54px}.camera{max-width:500px}}