*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;overscroll-behavior:none;background:#180b11;color:#fff0d0;font-family:ui-monospace,Menlo,monospace}body{background:radial-gradient(ellipse at 50% 20%,#4b2430,#180b11 75%);touch-action:none;user-select:none;-webkit-user-select:none}main{height:100svh;height:100dvh;padding:max(8px,env(safe-area-inset-top)) max(14px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-left));display:flex;flex-direction:column;align-items:center;gap:8px}header{width:min(100%,460px);display:flex;align-items:center;justify-content:space-between;gap:8px;flex-shrink:0;height:48px}.brand{font-size:17px;font-weight:950;letter-spacing:2px;color:#ffd283;line-height:1;text-shadow:2px 2px #7a3434}.brand span{display:block;font-size:10px;letter-spacing:3px;color:#edb49c;margin-top:5px}.readout{display:flex;flex-direction:column;font-variant-numeric:tabular-nums}small{font-size:9px;letter-spacing:2px;color:#d2a18d}output{font-weight:800;font-size:19px;color:#ffe8b6}button{font-family:inherit;color:#fff0d0;background:#49212c;border:1px solid #af7957;border-radius:5px;cursor:pointer;touch-action:none;font-weight:750;-webkit-tap-highlight-color:transparent;box-shadow:inset 0 1px #e2a56a33,0 2px #0e070b}button:focus-visible{outline:2px solid #ffda92;outline-offset:2px}#new{padding:9px;font-size:10px}#table{position:relative;min-height:0;aspect-ratio:420/720;flex:1;max-width:100%;border-radius:20px;box-shadow:0 8px 24px #08030566;overflow:hidden;border:2px solid #b58451}canvas{display:block;width:100%;height:100%}.touch{position:absolute;top:53%;bottom:0;width:46%;touch-action:none}.left{left:0}.right{right:0}#status{position:absolute;top:57%;left:14%;right:14%;text-align:center;color:#ffe5b0;font-size:11px;pointer-events:none;text-shadow:1px 2px #200c16;background:#32151e99;border-radius:3px}#status:empty{display:none}footer{width:min(100%,420px);height:52px;display:flex;gap:10px;flex-shrink:0}footer button{flex:1;font-size:17px;background:linear-gradient(#733440,#3b1c29);border-color:#c58b5b}footer span{font-size:11px;letter-spacing:2px}#launch{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;color:#ffe09a;font-size:11px;letter-spacing:2px;border-color:#dab66e;background:linear-gradient(#795132,#43291e)}#power{width:76%;height:6px;display:block;border:1px solid #c59c62;background:#25101a;overflow:hidden}#power i{display:block;height:100%;width:var(--power,0%);background:repeating-linear-gradient(90deg,#ffd37e 0 7px,#a76038 7px 9px)}button.active{background:#a74c47;box-shadow:inset 0 2px 5px #200b16}button:disabled{opacity:.55;cursor:default}.keys{font-size:9px;color:#ca9e86;letter-spacing:1px;flex-shrink:0}@media(max-width:500px){.keys{display:none}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}