:root{color-scheme:dark}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;background:#08111f;color:#f2f6fd;font:15px system-ui;text-align:center}header,main{max-width:1000px;margin:auto;padding:16px}header a{float:left;color:#74e2dc}h1{letter-spacing:.15em;margin:8px}h1 span{color:#ffa469}h2{margin:10px}button,select{font:700 14px system-ui;min-height:46px;padding:11px 15px;border:1px solid #ffffff26;border-radius:10px;background:#1b3149;color:white;cursor:pointer}button:disabled{opacity:.45;cursor:default}button:focus-visible,select:focus-visible{outline:3px solid #7df0df;outline-offset:3px}.actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:14px 0}.hot{background:#f6a15f;color:#15202b;border-color:#ffdbaa}.panel{border:1px solid #aab9cf2c;border-radius:22px;padding:22px;background:#102238}.blast-slots{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin:18px 0}.blast-slot{min-height:110px;border:1px dashed #748fa66b;border-radius:14px;display:grid;place-content:center;color:#b2c9d8}#blastStatus,#roundmsg{min-height:24px;color:#96eee1}#hud{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin:12px}#hud span{border-left:4px solid;padding:7px 10px;background:#183049;border-radius:7px}canvas#c{display:block;width:min(100%,640px);height:auto;margin:auto;border:1px solid #71d9d44d;border-radius:18px;touch-action:none;background:#0b1829}#bomb{min-width:110px;min-height:58px}.dpad{display:grid;grid-template-columns:repeat(3,48px);gap:4px}.dpad button{padding:5px;touch-action:none}.dpad [data-dir="0,-1"]{grid-column:2}.dpad [data-dir="-1,0"]{grid-column:1;grid-row:2}.dpad [data-dir="0,1"]{grid-column:2;grid-row:2}.dpad [data-dir="1,0"]{grid-column:3;grid-row:2}.controls{display:flex;justify-content:center;align-items:center;gap:45px;margin:12px}.in-match #binxLobby .bl-main{display:none}.in-match #binxLobby .bl-layout{grid-template-columns:1fr}.bomber-preview{max-width:100%;width:90px;height:80px;align-self:center;animation:breathe 2.2s ease-in-out infinite}#binxLobby .bl-slots{grid-template-columns:repeat(4,minmax(0,1fr))}@keyframes breathe{50%{transform:translateY(-3px)}}@media(prefers-reduced-motion:reduce){.bomber-preview{animation:none}}@media(max-width:600px){header,main{padding:9px}.panel{padding:13px}.blast-slots,#binxLobby .bl-slots{grid-template-columns:repeat(2,minmax(0,1fr))}.controls{padding-bottom:38px}.actions button{flex:1}.in-match header{display:none}.in-match .binx-social-fab{bottom:env(safe-area-inset-bottom,8px)}}