:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{color:#e8e8e8;touch-action:manipulation;-webkit-text-size-adjust:100%;background:#000;height:100%;margin:0;padding:0;font-family:Courier New,ui-monospace,monospace;overflow:hidden}#app{justify-content:center;align-items:stretch;gap:14px;width:100%;height:100%;padding:10px;display:flex}#stage{flex:auto;justify-content:center;align-items:center;min-width:0;display:flex;position:relative}#game{image-rendering:auto;background:#000;outline:2px solid #2a2a2a;display:block}#panel{flex-direction:column;flex:0 0 250px;gap:10px;font-size:12px;line-height:1.45;display:flex;overflow-y:auto}#panel h1{letter-spacing:3px;color:#ff3b30;text-shadow:0 0 6px #ff3b3073;margin:0;font-size:18px}#panel .sub{color:#909090;margin:0;font-size:11px}#panel h2{letter-spacing:2px;color:#ffd23f;margin:0 0 4px;font-size:12px}#controls table{border-collapse:collapse;width:100%}#controls td{border-bottom:1px solid #1b1b1b;padding:2px 4px}#controls td:last-child{text-align:right;color:#6fd3ff}.ui-btn{color:#e8e8e8;font:inherit;letter-spacing:1px;cursor:pointer;background:#161616;border:2px solid #444;padding:6px 10px}.ui-btn:hover,.ui-btn:focus-visible{color:#ffd23f;border-color:#ffd23f}#sound label{color:#909090;align-items:center;gap:6px;margin-top:6px;display:flex}#sound input[type=range]{flex:1}#help p{color:#a8a8a8;margin:0}.foot{color:#606060;margin-top:auto;font-size:10px}#touch{display:none}body.touch #app{flex-direction:column}body.touch #touch{justify-content:space-between;align-items:center;gap:10px;padding:2px 6px;display:flex}body.touch #panel{flex:none}.dpad{grid-template-rows:repeat(2,52px);grid-template-columns:repeat(3,52px);grid-template-areas:".up.""left down right";gap:4px;display:grid}.dpad .up{grid-area:up}.dpad .left{grid-area:left}.dpad .down{grid-area:down}.dpad .right{grid-area:right}.actions{grid-template-columns:repeat(2,auto);justify-items:stretch;gap:6px;display:grid}.tbtn{color:#fff;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background:#171717;border:2px solid #555;border-radius:6px;min-width:52px;height:52px;font-size:20px}.tbtn.wide{letter-spacing:1px;height:32px;padding:0 8px;font-size:11px}.tbtn.jump{color:#ff8a80;background:#2a0f0f;border-color:#ff3b30;grid-column:span 2;height:52px;font-size:16px}.tbtn:active{color:#000;background:#ffd23f}@media (max-width:700px){#app{flex-direction:column;gap:8px;padding:8px}#stage{min-height:0}#panel{display:none}#touch{flex:none;justify-content:space-around;gap:8px;display:flex}}#panel{font-family:Segoe UI,Arial,sans-serif}#panel h1{letter-spacing:2px;color:#fff0fc;text-shadow:0 0 2px #fff,0 0 7px #ff3bd4,0 0 18px #ff3bd488;font-family:Impact,Arial Narrow,sans-serif;font-size:27px;font-style:italic;font-weight:900}#panel h2{color:#b9faff;text-shadow:0 0 6px #31eaff99;font-family:Arial Narrow,Segoe UI,sans-serif;font-weight:800}.ui-btn,.tbtn.wide,.tbtn.jump{text-transform:uppercase;color:#d5fcff;text-shadow:0 0 5px #31eaff80;font-family:Arial Narrow,Segoe UI,sans-serif;font-weight:800}.ui-btn:hover,.ui-btn:focus-visible{color:#fff0fc;text-shadow:0 0 7px #ff3bd4;border-color:#ff3bd4}