*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;background:#0a0a12;font-family:Segoe UI,system-ui,sans-serif;-webkit-user-select:none;user-select:none}#game-wrap{position:relative;width:100%;height:100%}#game{display:block;width:100%;height:100%}#hud{position:absolute;left:0;right:0;bottom:18px;display:flex;justify-content:center;gap:120px;pointer-events:none}#hud[hidden]{display:none}.player-card{display:flex;align-items:center;gap:12px;background:#080a14b8;border:2px solid rgba(255,255,255,.18);border-radius:14px;padding:8px 18px 8px 8px;min-width:220px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.portrait{width:64px;height:64px;object-fit:cover;object-position:top;border-radius:10px;background:#1c2033;border:1px solid rgba(255,255,255,.25)}.fighter-name{font-size:13px;font-weight:700;letter-spacing:2px;color:#9aa3c0}.percent{font-size:34px;font-weight:900;font-style:italic;color:#fff;text-shadow:0 2px 6px rgba(0,0,0,.8);line-height:1}.stocks{display:flex;gap:5px;margin-top:4px}.stocks .stock{width:12px;height:12px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#fff,#7d8bff 60%,#3a49c9);box-shadow:0 0 6px #7d8bffcc}#card-p2 .stocks .stock{background:radial-gradient(circle at 35% 35%,#fff,#ff8b7d 60%,#c93a3a);box-shadow:0 0 6px #ff8b7dcc}#touch-pad{display:none;position:absolute;top:0;right:0;bottom:0;left:0;z-index:8;pointer-events:none;padding:max(12px,env(safe-area-inset-bottom));align-items:flex-end;justify-content:space-between}html.touch-ui.fighting #touch-pad{display:flex}.touch-cluster{pointer-events:auto;display:flex;gap:8px}.touch-cluster.right{align-items:flex-end}.touch-row{display:flex;gap:8px}.touch-btn{width:60px;height:60px;border-radius:14px;border:2px solid rgba(255,255,255,.25);background:#080a148c;color:#fff;font-weight:800;touch-action:none}#rotate-hint{display:none;position:absolute;top:0;right:0;bottom:0;left:0;z-index:80;background:#0a0a12f0;color:#fff;align-items:center;justify-content:center;flex-direction:column;gap:1rem;font-weight:800}#rotate-hint.show{display:flex}#rotate-hint .phone{width:42px;height:72px;border:3px solid #ffd75e;border-radius:8px;animation:tip-phone 1.4s ease-in-out infinite}@keyframes tip-phone{0%,to{transform:rotate(0)}40%,60%{transform:rotate(90deg)}}