:root{color-scheme:dark;--bg:#101d28;--panel:#172936;--ink:#eeecdf;--muted:#9aafaf;--line:#30444e;--gold:#e1b57b;--mint:#91c9ba;--coral:#eda98a}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 80% 10%,#263b40 0,transparent 45%),var(--bg);color:var(--ink);font:14px/1.5 system-ui,sans-serif}main{max-width:1190px;padding:27px 40px;margin:auto}button,input,select,a{-webkit-tap-highlight-color:transparent}button{color:var(--ink);font:inherit;font-size:11px;border:1px solid #40555c;border-radius:6px;background:#203440;padding:9px 13px;cursor:pointer}button:hover{background:#2e4851}button:disabled{opacity:.5;cursor:default}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible,canvas:focus-visible{outline:2px solid var(--gold);outline-offset:4px}header{display:flex;justify-content:space-between;align-items:center;padding-bottom:20px;border-bottom:1px solid var(--line)}header>div{display:flex;gap:8px}.brand{text-decoration:none;color:var(--ink);font-size:16px;letter-spacing:.23em;font-weight:700}.brand span{font-size:7px;letter-spacing:.19em;display:block;color:var(--gold);margin-top:3px}.intro{display:flex;justify-content:space-between;align-items:center;padding:29px 0 23px}.eyebrow{font-size:8px;letter-spacing:.2em;font-weight:700;color:var(--gold);margin:0 0 10px}h1{font:49px/1.02 Georgia,serif;letter-spacing:-.025em;margin:0 0 14px}h1 em{font-weight:400;color:var(--gold)}.intro p:last-child{font-size:12px;color:var(--muted);margin:0}.specimens{display:grid;grid-template-columns:repeat(2,100px);gap:0 20px;margin-right:40px;transform:rotate(-9deg)}.specimens img{width:100px;height:90px;object-fit:contain;filter:drop-shadow(0 12px 15px #0005)}nav{display:flex;gap:7px;margin-bottom:25px}nav button{min-width:57px;padding:8px 12px;font-size:10px}nav button.current{border-color:var(--gold);color:var(--gold);background:#3a3f38}nav button.sealed:after{content:' ✦';color:var(--gold)}nav button.hinted:after{color:var(--mint)}.level-title{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:15px}.level-title h2{font:28px Georgia,serif;margin:0 0 7px}.level-title .eyebrow{margin-bottom:5px}.level-title p:last-child{color:var(--muted);font-size:11px;margin:0;max-width:680px}.level-title>span{font-size:10px;color:var(--gold);white-space:nowrap}.screens{display:grid;grid-template-columns:1fr 1fr;gap:17px}.screens article{border:1px solid #3a4c50;background:#0a151e;border-radius:11px;overflow:hidden}.screen-head,.screen-foot{display:flex;justify-content:space-between;font-size:8px;color:var(--muted);padding:11px 15px;letter-spacing:.08em}.screen-head span:first-child{color:var(--gold);font-weight:650}.model-panel .screen-head span:first-child{color:var(--mint)}.screen-head span:last-child{letter-spacing:0}canvas{display:block;width:100%;height:auto;aspect-ratio:1.5;image-rendering:pixelated;cursor:crosshair;touch-action:manipulation}.screen-foot{font-size:8px;letter-spacing:0;border-top:1px solid #23353e}.screen-foot i{display:inline-block;width:5px;height:5px;border-radius:50%;margin:0 5px 1px 8px}.positive{background:var(--coral)}.negative{background:var(--mint)}.transport{display:flex;align-items:center;gap:8px;margin-top:12px}.transport button{font-size:9px;padding:6px 10px}.transport input{flex:1;min-width:30px}.transport label{font-size:9px;color:var(--muted);white-space:nowrap}.transport select{background:#203440;border:1px solid #40555c;border-radius:5px;font:9px system-ui;padding:5px;color:var(--ink)}input[type=range]{accent-color:var(--gold);cursor:pointer}#pixel{color:var(--muted);font:9px/1.4 ui-monospace,monospace;min-height:13px;margin:8px 0 20px}.workbench{display:grid;grid-template-columns:.85fr 1.3fr;gap:27px;background:#1a2d38;border:1px solid var(--line);border-radius:12px;padding:22px}.controls label{display:flex;justify-content:space-between;font-size:11px}.controls label strong{color:var(--gold);font-weight:500}.controls input{width:100%;margin:8px 0 0}.controls>p:not(.eyebrow){font-size:9px;color:var(--muted);margin:0 0 14px}.small-tools{display:flex;gap:8px}.small-tools button{font-size:9px;padding:6px 9px;background:transparent}.unused-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.unused-metrics article{border:1px solid #455057;background:#13252f;border-radius:8px;padding:12px 10px}.unused-metrics article.pass{border-color:#6c9c88;background:#203c3d}.unused-metrics span,.unused-metrics small{display:block;font-size:8px;color:var(--muted)}.unused-metrics strong{font:27px Georgia,serif;color:var(--coral);display:block;margin:5px 0}.unused-metrics .pass strong{color:var(--mint)}.unused-metrics small{font-size:8px}.develop{display:flex;gap:8px;margin-top:15px}#seal,#next{background:var(--gold);color:#20313a;border-color:var(--gold);font-size:11px;font-weight:650}#next{background:var(--mint);border-color:var(--mint)}#status{font-size:10px;line-height:1.5;margin:11px 0 0;color:var(--muted)}#status.win{color:var(--mint)}footer{margin-top:23px;padding-top:15px;border-top:1px solid var(--line);font-size:8px;color:var(--muted);display:flex;align-items:center;justify-content:space-between;gap:10px}footer button{font-size:9px;padding:6px 10px}dialog{border:1px solid #52676d;border-radius:14px;background:#192e3b;color:var(--ink);max-width:560px;width:calc(100% - 28px);padding:32px;box-shadow:0 30px 100px #0009}dialog::backdrop{background:#06141cb8;backdrop-filter:blur(5px)}dialog h2{font:31px Georgia,serif;margin:10px 0 15px}dialog p,dialog li{font-size:12px;color:var(--muted)}dialog a{color:var(--gold)}#close{float:right;font-size:20px;padding:0 10px}.reward{display:flex;margin:20px 0}.reward img{width:25%;height:100px;object-fit:contain}#finish{text-align:center}#finish button{margin:5px}#finish .eyebrow{margin-top:5px}[hidden]{display:none!important}@media(max-width:700px){main{padding:18px}.intro{padding:23px 0}.intro h1{font-size:40px}.intro p:last-child{font-size:10px}.specimens{grid-template-columns:60px;margin-right:0;gap:0;transform:rotate(8deg)}.specimens img{height:58px;width:60px}.specimens img:nth-child(3),.specimens img:nth-child(4){display:none}header button{font-size:9px;padding:6px 8px}.brand{font-size:13px}.brand span{font-size:6px}nav{gap:6px;margin-bottom:22px}nav button{flex:1;min-width:0;padding:7px 0}.level-title{display:block}.level-title h2{font-size:25px}.level-title p:last-child{font-size:10px}.level-title>span{display:block;margin-top:9px;font-size:9px}.screens{gap:10px}.screen-head,.screen-foot{padding:8px;font-size:7px;letter-spacing:0}.screen-head span:last-child{display:none}.screen-foot span:last-child{display:none}.screen-foot i{margin-left:3px}canvas{aspect-ratio:1.25;object-fit:fill}.transport{gap:5px}.transport button{font-size:8px;padding:6px}.transport label{font-size:8px}.transport select{font-size:8px;padding:4px}.transport #replay{font-size:0}.transport #replay:first-letter{font-size:12px}#pixel{font-size:8px;line-height:1.5;margin-bottom:15px;min-height:24px}.workbench{grid-template-columns:1fr;padding:17px;gap:23px}.controls label{font-size:12px}.controls input{height:20px}.controls>p:not(.eyebrow){font-size:9px}.unused-metrics strong{font-size:27px}.unused-metrics article{padding:10px 8px}.unused-metrics span,.unused-metrics small{font-size:8px}#status{font-size:10px}.reward img{height:75px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}

.intro h1{font-size:43px}.intro{padding:25px 0 21px}.specimens{grid-template-columns:repeat(2,85px);margin-right:15px}.specimens img{width:85px;height:76px}.curve-head{display:flex;justify-content:space-between;gap:10px;align-items:center}.curve-head .eyebrow{margin:0}.curve-head>span{font-size:8px;color:var(--muted);white-space:nowrap}.curve-head i{display:inline-block;width:7px;height:3px;background:var(--gold);margin:0 4px 2px 10px}.curve-head i:last-child{background:var(--mint)}#curve{height:128px;aspect-ratio:auto;image-rendering:auto;cursor:default;margin:7px 0}.workbench{grid-template-columns:.78fr 1.3fr;gap:26px}.sample-table{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.sample-table>span{display:flex;flex-direction:column;font-size:8px;color:var(--muted);text-align:center;padding:6px 3px;border:1px solid var(--line);border-radius:5px}.sample-table b{font-weight:500;color:var(--gold);font-size:10px}.sample-table em{font-style:normal;color:var(--mint);font-size:10px}.develop{align-items:center;flex-wrap:wrap}.develop>div{margin-right:auto;display:flex;flex-direction:column}.develop small,.develop>div>span{font-size:8px;color:var(--muted)}.develop strong{font:25px Georgia;color:var(--coral)}.develop strong.pass{color:var(--mint)}.transport>span{font:8px ui-monospace,monospace;color:var(--muted);white-space:nowrap}#seal,#next{font-size:10px;padding:9px 12px}.controls{align-self:center}.controls .eyebrow{margin-bottom:16px}.controls>p:not(.eyebrow){margin-bottom:20px}.controls label{font-size:12px}.controls input{height:20px} @media(max-width:700px){.intro h1{font-size:32px}.intro p:last-child{font-size:10px;max-width:265px}.specimens{grid-template-columns:53px;margin-right:0}.specimens img{width:53px;height:62px}.workbench{grid-template-columns:1fr;gap:23px}.curve-head{display:block}.curve-head>span{display:block;margin-top:8px}.curve-head i:first-child{margin-left:0}.transport #replay{font-size:8px}.transport>span{font-size:7px}.sample-table{gap:5px}.develop>div{min-width:105px}#seal,#next{font-size:9px;padding:9px}.screens .screen-foot span{font-size:7px}.controls input{height:24px}.screen-foot span:last-child{display:block}}