@font-face{font-family:Braun Linear;src:url('./fonts/BraunLinear-Regular.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:Braun Linear;src:url('./fonts/BraunLinear-Medium.ttf') format('truetype');font-weight:500;font-display:swap}
@font-face{font-family:Departure Mono;src:url('./fonts/DepartureMono-Regular.woff2') format('woff2');font-weight:400;font-display:swap}
:root{font-family:'Departure Mono','Courier New',monospace;color:#111;background:#f2f2ef;font-size:16px;--paper:#f2f2ef;--ink:#111;--mono:'Departure Mono','Courier New',monospace;font-synthesis:none}
*{box-sizing:border-box}body{margin:0}h1,p,dl,dd{margin:0}a{color:inherit}button,input,a{-webkit-tap-highlight-color:transparent}a:focus-visible,input:focus-visible,canvas:focus-visible{outline:1px solid #111;outline-offset:8px}button,input{font:inherit}input{touch-action:pan-y}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip{position:absolute;left:30px;top:-60px;z-index:20;background:#fff;padding:12px}.skip:focus{top:15px}.playground{position:relative;isolation:isolate;min-height:780px;height:100svh;overflow:hidden}.masthead{position:absolute;left:38px;top:30px;z-index:4;pointer-events:none}.wordmark{font-family:'Braun Linear',Arial,sans-serif;font-size:48px;font-weight:500;letter-spacing:-2.1px;line-height:.88}.scene{position:absolute;inset:0;z-index:-1;overflow:hidden}.scene canvas{display:block;width:100%;height:100%;cursor:grab;touch-action:pan-y pinch-zoom;user-select:none;-webkit-user-select:none}.scene canvas:active{cursor:grabbing}.interaction{position:absolute;z-index:5;left:40px;top:26%;width:258px;pointer-events:none}.inputs,.scores{pointer-events:auto}.control{margin-bottom:34px}.control-heading{display:flex;justify-content:space-between;align-items:baseline;gap:10px}.control label,.control output{font-size:14px;line-height:1.5;font-weight:400}.control output{font-size:12px;color:#666;font-variant-numeric:tabular-nums}input[type=range]{--fill:35%;appearance:none;-webkit-appearance:none;width:100%;height:22px;display:block;margin:11px 0 0;cursor:ew-resize;background:transparent;border:0;padding:0}input[type=range]::-webkit-slider-runnable-track{height:1px;background:linear-gradient(to right,#111 0 var(--fill),#b4b4b0 var(--fill) 100%)}input[type=range]::-moz-range-track{height:1px;background:#b4b4b0}input[type=range]::-moz-range-progress{height:1px;background:#111}input[type=range]::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:10px;height:18px;border:0;border-radius:0;background:#111;margin-top:-8px}input[type=range]::-moz-range-thumb{width:10px;height:18px;border:0;border-radius:0;background:#111}input[type=range]:hover::-webkit-slider-thumb{box-shadow:0 0 0 4px #11111112}.time-control{margin-top:41px;position:relative;padding-top:22px}.time-control output{display:block;position:absolute;top:0;left:0;font-size:14px;font-variant-numeric:tabular-nums}.time-control input{margin-top:5px}.time-ends{display:flex;justify-content:space-between;margin-top:7px;font-size:12px;color:#737371}.scores{margin-top:45px;display:grid;gap:18px}.score{display:flex;align-items:baseline;justify-content:space-between;gap:14px}.score dt{font-size:14px;line-height:1.5}.score dd{font-size:44px;letter-spacing:-2px;line-height:1.06;font-variant-numeric:tabular-nums;white-space:nowrap;display:flex;align-items:baseline;gap:2px}.score .multiplier{font-size:18px;letter-spacing:0}.score:focus-within{color:#000}#drawing-labels{position:absolute;inset:0;pointer-events:none}.drawing-label{position:absolute;font-family:var(--mono);font-size:12px;line-height:1;white-space:nowrap;color:#111;transform:translateY(-100%);padding:0 0 6px;background:none}.drawing-leaders{position:absolute;width:100%;height:100%;inset:0;overflow:visible}.drawing-leaders polyline{fill:none;stroke:#333;stroke-width:.65}.drawing-leaders circle{fill:#111}#scene-error{position:absolute;left:45%;top:40%;max-width:400px;line-height:1.6;background:var(--paper);padding:24px}#scene-error[hidden]{display:none}.contact{position:relative;background:#111;color:#f5f5f2;padding:72px 38px 78px;min-height:240px;display:flex;align-items:center}.contact a{font-family:'Braun Linear',Arial,sans-serif;font-size:clamp(25px,4.2vw,70px);font-weight:400;line-height:1.08;letter-spacing:-.055em;text-decoration:none;width:100%;display:flex;align-items:center;justify-content:space-between;gap:20px}.contact-arrow{display:block;width:1em;height:1em;flex:0 0 auto;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:square;stroke-linejoin:miter}.contact a:hover{opacity:.7}.contact a:focus-visible{outline-color:white}
@media(min-width:1600px){.masthead{left:52px;top:36px}.wordmark{font-size:56px}.interaction{left:54px;width:292px;top:28%}.control label{font-size:16px}.control output{font-size:14px}.control{margin-bottom:40px}.scores{margin-top:50px}.score dt{font-size:16px}.score dd{font-size:55px}.contact{padding-left:52px;padding-right:52px}}
@media(max-height:820px) and (min-width:901px){.playground{min-height:740px}.interaction{top:24%;width:244px}.control{margin-bottom:25px}.time-control{margin-top:30px}.scores{margin-top:31px;gap:15px}.score dd{font-size:44px}}
@media(max-width:1100px) and (min-width:701px){.wordmark{font-size:42px}.masthead{left:28px;top:28px}.interaction{left:30px;width:215px}.control label,.score dt{font-size:12px}.control output{font-size:12px}.score dd{font-size:33px}.scores{gap:24px}.time-control{margin-top:35px}.contact{padding-left:28px;padding-right:28px}}
@media(max-width:700px){.playground{height:auto;min-height:0;overflow:hidden;padding:0 20px 44px}.masthead{top:24px;left:20px}.wordmark{font-size:36px;letter-spacing:-1.4px}.scene{top:68px;height:500px;bottom:auto;width:100%}.interaction{position:relative;left:auto;top:auto;width:auto;margin-top:568px;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:30px}.control{margin-bottom:28px}.control-heading{display:block}.control label{display:block;font-size:12px;line-height:1.6}.control output{position:absolute;right:0;top:0;font-size:12px;opacity:0}.control{position:relative}.control:focus-within output{opacity:1}.control input{margin-top:10px}.time-control{margin-top:30px;padding-top:22px}.time-control output{font-size:12px}.time-ends{font-size:12px}.scores{margin-top:0;gap:25px;align-content:start}.score{display:block}.score dt{font-size:12px;margin-bottom:9px}.score dd{font-size:33px;letter-spacing:-1.5px}.score .multiplier{font-size:14px}.drawing-label{font-size:11px}.contact{min-height:184px;padding:46px 20px}.contact a{font-size:clamp(20px,5.5vw,37px);letter-spacing:-.045em;gap:12px}.contact a{align-items:center}#scene-error{left:20px;right:20px;top:35%;font-size:14px}.skip{left:20px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
@media(max-width:360px){.contact a{font-size:16px;gap:10px}}
/* Language, staged evidence and the temperature-error output share the existing spare layout. */
.language-switch{position:absolute;right:38px;top:35px;z-index:6;display:flex;gap:19px;font-size:14px;line-height:1.5}
.language-switch a{text-decoration:none;color:#666;padding:3px 0;border-bottom:1px solid transparent}
.language-switch a[aria-current]{color:#111;border-bottom-color:#111}
.language-switch a:hover{color:#111}
.control .evidence-stage{position:static;display:block;opacity:1;margin-top:7px;min-height:34px;color:#636360;font-size:12px;line-height:1.4;max-width:100%;font-variant-numeric:normal}
.evidence-control{margin-bottom:20px}
.error-score{align-items:center}.error-score dt{flex:1;line-height:1.5;font-size:13px;max-width:174px}.error-score dd{flex:none}
.drawing-label{white-space:normal;max-width:164px;width:max-content;line-height:1.5;text-transform:uppercase;padding-bottom:5px}
@media(min-width:1600px){.language-switch{right:52px;top:41px}.error-score dt{font-size:14px;max-width:190px}}
@media(max-width:1100px) and (min-width:701px){.language-switch{right:28px;top:30px}.error-score dt{font-size:12px;max-width:140px}.error-score dd{font-size:33px}}
@media(max-width:700px){.language-switch{right:20px;top:29px;gap:13px;font-size:12px}.control .evidence-stage{font-size:11px;min-height:46px;line-height:1.5;margin-top:6px}.evidence-control{margin-bottom:18px}.error-score dt{font-size:12px;max-width:none}.drawing-label{font-size:11px;max-width:145px}.scores{gap:22px}.score dd{font-size:33px}.error-score dd{margin-top:5px}}
