*{box-sizing:border-box}html,body{color:#eafaf8;background:#070b12;height:100%;margin:0;font:15px system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;overflow:hidden}main{width:min(100%,520px);height:100%;height:100dvh;padding:env(safe-area-inset-top) max(10px, env(safe-area-inset-right)) env(safe-area-inset-bottom) max(10px, env(safe-area-inset-left));background:#0b111a;flex-direction:column;margin:auto;display:flex}header,footer{padding:12px 2px}header,.controls,.status,.actions{justify-content:space-between;align-items:center;gap:8px;display:flex}h1{letter-spacing:.02em;margin:0;font-size:clamp(18px,5vw,28px)}h1 i{color:#69f7d4;font-weight:500}small,.status{color:#abc1ca;font-size:12px}button{color:#e9f5f6;min-height:44px;font:inherit;cursor:pointer;background:#162331;border:1px solid #354759;border-radius:8px;padding:0 13px}button[aria-pressed=true],#resume{color:#082b25;background:#68f5d0}#arena{touch-action:none;-webkit-user-select:none;user-select:none;border:1px solid #315954;border-radius:10px;flex:1;min-height:0;position:relative;overflow:hidden}#canvas,#canvas canvas,#cover{position:absolute;top:0;bottom:0;left:0;right:0}#hud{pointer-events:none;background:#071017df;border-radius:4px;align-items:center;gap:10px;padding:6px 8px;font:12px monospace;display:flex;position:absolute;top:9px;left:9px}#fps{color:#69f7d4}#cover{background:#050a12bf;align-content:center;justify-items:center;gap:16px;display:grid}#cover[hidden],[hidden]{display:none!important}#pad{pointer-events:none;background:#53dbc21f;border:1px solid #78ffe5ad;border-radius:50%;width:78px;height:78px;display:none;position:absolute;transform:translate(-50%,-50%)}#pad i{background:#9fffe9;border-radius:50%;width:22px;height:22px;position:absolute;top:28px;left:28px}#tiers{gap:5px;display:flex}.status{margin-top:9px}.status span:first-child{color:#70decd}dialog{color:#eefcff;background:#10202a;border:1px solid #4a8177;border-radius:12px;width:min(94%,450px);max-height:90dvh;padding:18px;overflow:auto}dialog::backdrop{background:#02050b99}h2{margin:0 0 10px}pre{white-space:pre-wrap;font:13px/1.6 monospace}.actions{flex-wrap:wrap;margin-top:12px}#store{gap:5px;display:flex}#record{word-break:break-word;min-height:20px}@media (orientation:landscape){header,footer{padding-block-start:3px;padding-block-end:3px}}