:root{color:#f8efe5;font-synthesis:none;background:#17130f;font-family:Inter,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}.app-shell{gap:1.5rem;width:min(100% - 2rem,48rem);margin:3rem auto;display:grid}.app-shell__eyebrow{color:#f4a261;letter-spacing:.12em;text-transform:uppercase;font-weight:700}h1,h2,p{margin:0}h1{margin-top:.5rem;font-size:clamp(2rem,8vw,4rem);line-height:1}.intro{color:#cfc3b6;margin-top:.75rem}.controls{flex-wrap:wrap;align-items:end;gap:.75rem;display:flex}.controls button,.controls input{border:1px solid #806e5b;border-radius:.5rem;min-height:3rem}.controls button{color:#17130f;background:#f4a261;padding:.65rem 1.25rem;font-weight:700}.controls button:disabled{opacity:.45}.controls label{color:#cfc3b6;gap:.35rem;display:grid}.controls input{width:7rem;color:inherit;background:#252019;padding:.5rem}.position{grid-template-columns:repeat(3,1fr);gap:.75rem;display:grid}.position div,.diagnostics{background:#201b16;border:1px solid #3c332a;border-radius:.75rem;padding:1rem}.position span{color:#cfc3b6;display:block}.position strong{margin-top:.25rem;font-size:2rem;display:block}.diagnostics dl{gap:.5rem;margin:1rem 0 0;display:grid}.diagnostics dl div{justify-content:space-between;gap:1rem;display:flex}.diagnostics dt{color:#cfc3b6}.diagnostics dd{font-variant-numeric:tabular-nums;margin:0}@media (width<=32rem){.position{grid-template-columns:1fr}}