html,body{margin:0;padding:0;height:100%;background:#05050c;overflow:hidden;overscroll-behavior:none}body{font-family:Arial,Helvetica,sans-serif;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}#app{display:flex;flex-direction:column;height:100dvh}#game-wrap{flex:1;min-height:0;position:relative}#game-wrap canvas{display:block;position:absolute;top:0;left:0;touch-action:none}#touch-controls{display:none;flex-direction:column;gap:8px;padding:12px 16px calc(14px + env(safe-area-inset-bottom));background:radial-gradient(120% 80% at 50% 0%,#1a1a1a,#050505 70%);border-top:2px solid #2a2a2a}body.touch #touch-controls,html.phone #touch-controls{display:flex}#touch-controls button{position:relative;border:0;padding:0;background:transparent;color:#d7d7d7;font-family:Arial Black,Impact,sans-serif;letter-spacing:.04em;touch-action:none;cursor:pointer}#touch-controls button span{display:block;border-radius:50%;background:radial-gradient(circle at 38% 32%,#ffe56a,#f0c400 42%,#c89600 78%);box-shadow:inset 0 2px #ffffdcb3,inset 0 -4px #8a6400,0 3px #1a1400}#touch-controls button:active span{transform:translateY(2px);box-shadow:inset 0 2px #ffffdc66,inset 0 -2px #8a6400}#touch-controls button i{display:block;margin-top:3px;font-style:italic;font-size:9px;font-weight:800}.minis{display:flex;justify-content:space-between;gap:8px;padding:0 8px}.minis button span{width:28px;height:28px;margin:0 auto}.hands{display:flex;align-items:center;justify-content:space-between;padding:0 6px 4px}.dpad{width:168px;height:132px;display:grid;grid-template-columns:52px 52px 52px;grid-template-rows:60px 60px;justify-content:center}.dpad button[data-action=up]{grid-column:2;grid-row:1}.dpad button[data-action=left]{grid-column:1;grid-row:2}.dpad button[data-action=right]{grid-column:3;grid-row:2}.dpad button[data-action=down]{grid-column:2;grid-row:2}.dpad button span{width:42px;height:42px;margin:0 auto}.big span{width:78px;height:78px}.big i{font-size:11px}