.game-app{background:#8bc8d9;width:100%;height:100%;position:relative;overflow:hidden}.game-canvas{touch-action:none;outline:none;width:100%;height:100%;display:block}.hud{color:#18331e;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#f8fff7db;border:1px solid #1f38252e;border-radius:8px;align-items:center;gap:10px;max-width:calc(100% - 32px);padding:10px;display:flex;position:absolute;top:16px;left:16px;box-shadow:0 12px 34px #19322026}.hud__status,.hud__count,.hud__name-form{align-items:center;min-height:36px;display:flex}.hud__status{gap:8px;min-width:96px;font-weight:700}.hud__count{white-space:nowrap;border-left:1px solid #1f38252e;border-right:1px solid #1f38252e;padding:0 10px}.hud__name-form{gap:8px}.hud__name-form input{width:160px;min-width:0}.status-dot{background:#b45353;border-radius:50%;flex:none;width:10px;height:10px}.status-dot.online{background:#2f9d57}@media (width<=640px){.hud{flex-wrap:wrap;left:12px;right:12px}.hud__name-form{width:100%}.hud__name-form input{flex:1;width:auto}}*,:before,:after{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-width:320px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input{height:36px;font:inherit;border-radius:6px}button{color:#f7fff8;cursor:pointer;background:#235b36;border:0;padding:0 14px;font-weight:700}button:hover{background:#174428}input{color:#18331e;background:#ffffffd1;border:1px solid #1f382542;padding:0 10px}input:focus{outline-offset:1px;outline:2px solid #2f9d5759}