#connectionBanner{padding:10px 20px;background:#102b36;border-bottom:1px solid #39766c;color:#b5ffec;font:600 13px system-ui;position:sticky;top:0;z-index:1000;display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}
#connectionBanner.bad{background:#4b2436;color:#ffe4eb}#connectionBanner button{padding:6px 13px;font-size:12px}
#clientToast{position:fixed;right:20px;bottom:25px;max-width:min(480px,90vw);padding:18px;background:#162e42;border:1px solid #68e3cd;border-radius:14px;color:#fff;z-index:100000;box-shadow:0 10px 40px #0009}
.account-page{padding-top:70px;max-width:650px}.account-page .card{margin-top:28px}.account-page input{display:block;width:100%;padding:13px;margin:10px 0 20px;color:#fff}.account-page a,.dialog a{color:#81f0d8}.account-page form{margin:25px 0}.account-page label{display:block}.server-note{color:#a8c8d8;font-size:13px;margin:10px 0}.server-selected{outline:2px solid #7affde}.latency-note{font-size:12px;color:#b4c7dc}.server-card{padding:15px;border:1px solid #365777;border-radius:13px;margin:10px 0;background:#10213a}.server-card button{margin:8px 8px 0 0}#availability{margin:20px auto}#profileAliasForm{display:flex;gap:10px;flex-wrap:wrap}#profileAliasForm input{padding:10px}.arcade-status{padding:12px;background:#10283b;border:1px solid #2f6777;border-radius:12px;margin-bottom:15px}button[data-server-busy]{opacity:.5}.rig:focus-visible{outline:3px solid #fff}.account-page .card h1{font-size:32px}
body.server-loading main{opacity:.3;pointer-events:none}body.server-loading #connectionBanner{opacity:1;pointer-events:auto}
[hidden]{display:none!important}#profile .profile-referral{opacity:.65}.server-note strong{color:#83f5da}

/* Arcade visual upgrade: inputs, physics and rewards remain server authoritative. */
#gameCanvas,#snakeCanvas{width:100%;height:auto;display:block;touch-action:none;border:1px solid #3c6484;border-radius:18px;box-shadow:0 18px 60px #0006}
.circuit-tile{background:linear-gradient(145deg,#193552,#0c1c34);border-width:1px;box-shadow:inset 0 1px #ffffff14;touch-action:manipulation;transition:background .18s,border-color .18s,box-shadow .18s}
.circuit-tile.live{background:linear-gradient(145deg,#125a59,#163e50);box-shadow:inset 0 0 20px #6fffd322,0 0 12px #4affe21c}.circuit-tile:active svg{transform:rotate(8deg);transition:transform .08s}
.pulse-cell{background:radial-gradient(circle at 35% 25%,#223d61,#102039);border:1px solid #3c5779;border-radius:18px;touch-action:manipulation;transition:background .08s,box-shadow .08s,transform .08s;min-height:52px}
.pulse-cell.hot{background:radial-gradient(circle,#b3ffe6,#2cbfa4);box-shadow:0 0 22px #4bffce66;animation:reactorGlow .6s ease-in-out infinite alternate}.pulse-cell.gold{background:radial-gradient(circle,#fff3a8,#d99925);box-shadow:0 0 24px #ffdc6566}.pulse-cell.bad{background:radial-gradient(circle,#f17996,#7c2449)}.pulse-cell:active{transform:scale(.94)}
.dpad button,#left,#right{touch-action:none;min-height:52px;min-width:64px;border-radius:14px}.circuit-tile:focus-visible,.pulse-cell:focus-visible{outline:3px solid #fff;outline-offset:2px}
@keyframes reactorGlow{to{box-shadow:0 0 30px #4bffce88}}@media(prefers-reduced-motion:reduce){.pulse-cell{animation:none!important;transition:none}.circuit-tile{transition:none}}
@media(max-width:520px){.pulse-grid{gap:8px}.pulse-cell{border-radius:12px}.circuit-board{gap:6px}#gameCanvas,#snakeCanvas{border-radius:12px}}

.reward-brand .tb-coin-icon{width:62px;height:62px;min-width:62px;font-size:23px;border-width:3px;margin:0 0 12px;letter-spacing:-2px}.reward-tile>.tb-coin-icon{width:40px;height:40px;min-width:40px;font-size:15px;margin:0 auto 8px;letter-spacing:-1px}