@font-face{font-family:Manrope;src:url('/assets/fonts/manrope-variable.ttf') format('truetype');font-display:swap}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;overscroll-behavior:none;background:#202b20;color:#f5f3eb;font-family:Manrope,Arial,sans-serif}body{position:fixed;inset:0}button,a{-webkit-tap-highlight-color:transparent}button{font:700 16px Manrope,Arial,sans-serif;cursor:pointer;border:0;border-radius:6px}button:focus-visible,a:focus-visible{outline:3px solid #f5f3eb;outline-offset:3px}button:disabled{cursor:default;opacity:.45}.machine{height:100vh;height:100dvh;max-width:640px;margin:auto;padding:env(safe-area-inset-top) 14px env(safe-area-inset-bottom);display:grid;grid-template-rows:52px 66px minmax(0,1fr) 108px;gap:0;overflow:hidden}header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff25}header a{color:#f5f3eb;text-decoration:none;font-weight:850;font-size:17px;letter-spacing:-.04em}header a span{font-size:10px;letter-spacing:.12em;margin-left:6px}header button{background:#ffffff14;color:#f5f3eb;padding:8px 14px;font-size:13px}.instruments{display:flex;align-items:center;justify-content:space-between;gap:24px}.instruments>div{display:flex;flex-direction:column}.instruments span{font-size:10px;letter-spacing:.12em;color:#c3cbb8}.instruments strong{font-size:26px;line-height:1.1}.balance{flex:1;max-width:220px;gap:8px}.meter{height:5px;background:#ffffff20;border-radius:4px;overflow:hidden}.meter i{display:block;background:#ca5600;width:0;height:100%;transition:width .25s}.stage{position:relative;min-height:0;overflow:hidden;border-radius:10px;background:#f5f3eb;touch-action:none}canvas{width:100%;height:100%;display:block}.overlay{position:absolute;inset:0;background:#f5f3ebed;color:#202b20;display:flex;flex-direction:column;justify-content:center;padding:clamp(16px,5vw,38px);overflow:hidden}.overlay[hidden]{display:none}.intro-label{font-size:11px;font-weight:800;letter-spacing:.13em;color:#a94400}h1{font-size:clamp(30px,8vw,52px);font-weight:850;line-height:.98;letter-spacing:-.055em;margin:18px 0}h1 em{font-style:normal;color:#ca5600}.overlay p{font-size:15px;line-height:1.5;margin:0 0 20px;max-width:420px}.choices{display:flex;gap:8px;flex-wrap:wrap}.choices button{background:#ca5600;color:#fff;padding:14px 18px;min-height:48px}.choices .secondary{background:#202b20;color:#f5f3eb}.overlay .fine{font-size:12px;color:#5a6455;margin:16px 0 0}footer{display:flex;flex-direction:column;justify-content:center;gap:8px;padding-bottom:6px}footer p{font-size:13px;margin:0;text-align:center;height:20px}#drop{min-height:52px;width:100%;background:#ca5600;color:#fff;touch-action:manipulation;display:flex;align-items:center;justify-content:space-between;padding:0 20px;letter-spacing:.04em}#drop span{font-size:12px;font-weight:500;letter-spacing:0}@media(max-height:600px){.machine{grid-template-rows:40px 46px minmax(0,1fr) 78px}.instruments strong{font-size:20px}h1{font-size:30px;margin:8px 0}.overlay{padding:12px 20px}.overlay p{font-size:13px;margin-bottom:10px}.overlay .fine{display:none}.choices button{min-height:40px;padding:10px 14px}#drop{min-height:42px}footer p{font-size:12px}}@media(orientation:landscape) and (max-height:500px){.machine{max-width:100%;grid-template-columns:1fr 210px;grid-template-rows:40px minmax(0,1fr);gap:8px 16px}.stage{grid-column:1;grid-row:1/3}header{grid-column:2;grid-row:1}.instruments{grid-column:2;grid-row:2;align-self:start}.balance{display:none}footer{grid-column:2;grid-row:2;align-self:end}footer p{height:auto}.overlay h1{font-size:28px}.overlay{padding:12px 24px}.overlay p{max-width:330px}}