:root{--ink:#1a1c2c;--charcoal:#333c57;--slate:#566c86;--silver:#94b0c2;--white:#f4f4f4;--yellow:#ffcd75;--red:#b13e53;--cyan:#73eff7;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{height:100%;color:var(--white);touch-action:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background:#0e0f18;margin:0;overflow:hidden}#app{flex-direction:column;justify-content:center;align-items:center;height:100%;display:flex}#screen{image-rendering:pixelated;image-rendering:crisp-edges;background:var(--ink);box-shadow:0 0 0 1px var(--charcoal), 0 12px 40px #0009;display:block}#pad{width:min(100%,380px);padding:6px 12px calc(6px + env(safe-area-inset-bottom));grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;display:grid}#pad[hidden]{display:none}#pad button{color:var(--white);background:var(--charcoal);border:2px solid var(--slate);touch-action:none;border-radius:10px;padding:0;font:700 15px/1 ui-monospace,Courier New,monospace}#pad button.on{background:var(--slate);border-color:var(--yellow)}.dpad{grid-template-rows:repeat(3,34px);grid-template-columns:repeat(3,40px);gap:2px;display:grid}.dpad .up{grid-area:1/2}.dpad .left{grid-area:2/1}.dpad .right{grid-area:2/3}.dpad .down{grid-area:3/2}.pause{align-self:start;width:54px;height:26px;font-size:10px!important}.ab{justify-self:end;align-items:flex-end;gap:10px;display:flex}.ab button{flex-direction:column;justify-content:center;align-items:center;gap:4px;width:54px;height:54px;display:flex;border-radius:50%!important}.ab .a{margin-bottom:18px;background:var(--red)!important}.ab .b{opacity:.45}.ab .b.ready{opacity:1;animation:.8s steps(2,end) infinite pulse;border-color:var(--yellow)!important;background:#a06a1e!important}.ab small{letter-spacing:.02em;color:var(--white);text-align:center;white-space:normal;max-width:44px;min-height:9px;font-size:8px;line-height:1.05}@keyframes pulse{50%{border-color:var(--white)}}@media (prefers-reduced-motion:reduce){.ab .b.ready{animation:none}}body.overlay #app{justify-content:flex-start}body.overlay #screen{box-shadow:none}body.overlay #pad{width:100%;max-width:520px;padding:4px 10px calc(8px + env(safe-area-inset-bottom));pointer-events:none;gap:6px;margin:0 auto;position:fixed;bottom:0;left:0;right:0}body.overlay #pad button{pointer-events:auto;color:#f4f4f4e6;text-shadow:0 1px #1a1c2ccc;background:#1a1c2c47;border:2px solid #f4f4f473}body.overlay #pad button.on{background:#ffcd7559;border-color:#ffcd75e6}body.overlay .dpad{grid-template-rows:repeat(3,44px);grid-template-columns:repeat(3,min(50px,13vw));gap:2px}body.overlay .dpad button{font-size:18px}body.overlay .pause{align-self:end;width:min(58px,15vw);height:28px;margin-bottom:4px}body.overlay .ab button{width:min(64px,16.5vw);height:min(64px,16.5vw);font-size:18px}body.overlay .ab .a{margin-bottom:26px;background:#b13e5373!important;border-color:#ffcd7599!important}body.overlay .ab .b{opacity:.7}body.overlay .ab .b.ready{opacity:1;background:#a06a1e80!important}body.overlay .ab small{color:#f4f4f4f2;max-width:50px;font-size:8px}#app,#screen{touch-action:none}.modal-back{z-index:10;touch-action:auto;background:#0e0f18d1;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal{background:var(--ink);border:3px solid var(--yellow);text-transform:uppercase;letter-spacing:.03em;width:min(100%,360px);max-height:100%;image-rendering:pixelated;padding:14px;font:700 12px/1.45 ui-monospace,Courier New,monospace;overflow:auto;box-shadow:6px 6px #5d275d}.modal h2{color:var(--yellow);text-shadow:2px 2px #5d275d;margin:0 0 10px;font-size:16px}.modal p{color:var(--silver);margin:0 0 10px}.modal small{color:var(--slate);word-break:break-word;margin-top:8px;font-size:9px;display:block}.modal textarea,.modal input{width:100%;font:inherit;text-transform:none;color:var(--white);background:var(--charcoal);border:2px solid var(--slate);resize:vertical;-webkit-user-select:text;user-select:text;border-radius:0;margin:0 0 8px;padding:8px;font-size:16px;display:block}.modal textarea:focus,.modal input:focus{border-color:var(--cyan);outline:none}.modal button{font:inherit;color:var(--white);background:var(--charcoal);border:2px solid var(--slate);cursor:pointer;border-radius:0;padding:8px 12px;box-shadow:3px 3px #0e0f18}.modal button:active{transform:translate(2px,2px);box-shadow:1px 1px #0e0f18}.modal button.primary{background:var(--red);border-color:var(--yellow)}.modal p.warn{color:var(--yellow)}.chips{flex-wrap:wrap;gap:6px;margin-bottom:8px;display:flex}.modal .chip{padding:6px 8px;font-size:11px}.modal .chip.on{border-color:var(--yellow);background:#38b764}.modal-buttons{justify-content:flex-end;gap:8px;margin-top:6px;display:flex}