*{box-sizing:border-box}html,body{margin:0;background:#050812;color:#eef8ff;font-family:system-ui,Arial,sans-serif}body{min-height:100vh}#game{width:min(1200px,100%);margin:auto;padding:10px;outline:0}header{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}header div{display:flex;flex-direction:column}#stats{font-size:12px;color:#9fb6c9}button{color:#fff;background:#14273b;border:1px solid #477391;border-radius:12px;font-weight:800;touch-action:none;user-select:none}#start{min-height:44px;padding:0 18px;background:#075f80}#scores{display:grid;grid-template-columns:repeat(4,1fr);font-size:12px;margin:6px 0;gap:4px}.p1{color:#ffd44f}.p2{color:#52d8ff}.p3{color:#dc76ff}.p4{color:#65ffa0}i{font-style:normal}#stage{position:relative;width:100%;aspect-ratio:16/9;min-height:230px;background:#000;border:1px solid #29465d;border-radius:14px;overflow:hidden}canvas{display:block;width:100%;height:100%;touch-action:none}#message{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:rgba(0,0,0,.35);pointer-events:none;text-shadow:0 0 10px #000}#message b{font-size:clamp(18px,3vw,32px)}#message small{margin-top:7px}#mobile{display:grid;grid-template-columns:1fr auto 1fr;align-items:end;gap:8px;margin-top:10px;text-align:center}#mobile label{display:block;font-size:9px;color:#9fb6c9;font-weight:800;margin-bottom:4px}.joy{position:relative;width:min(27vw,130px);height:min(27vw,130px);min-width:90px;min-height:90px;margin:auto;border:2px solid #31556e;border-radius:50%;background:rgba(15,30,44,.75);touch-action:none;overflow:hidden}.ring{position:absolute;inset:22%;border:1px solid #31556e;border-radius:50%}.stick{position:absolute;left:50%;top:50%;width:42%;height:42%;transform:translate(-50%,-50%);border-radius:50%;background:#0785ac;border:2px solid #77ddff}#actions{display:flex;gap:6px;align-items:center}#actions button{width:66px;height:66px;border-radius:50%}#actions #fire{width:82px;height:82px;background:#087da4;font-size:21px}#actions small{display:block;font-size:8px}footer{text-align:center;color:#8ea5b7;font-size:11px;margin-top:8px}@media(max-width:500px){#game{padding:5px}#scores{grid-template-columns:repeat(2,1fr)}#mobile{gap:3px}.joy{width:90px;height:90px}#actions{flex-direction:column}#actions button{width:50px;height:50px}#actions #fire{width:62px;height:62px;font-size:17px}#stage{min-height:210px}}@media(min-width:900px){#mobile{max-width:650px;margin:10px auto 0}}