/* Scarlet / graphite / etched metal. Fixed geometry for every touch state. */
.baant .nw-game-glyph{display:inline-block;width:24px;height:24px;flex:none;vertical-align:middle;overflow:visible;filter:drop-shadow(0 2px 1px #0009);pointer-events:none}
.baant .nw-header{border-bottom-color:#3b262c;background:#08090cf5}
.baant .nw-header nav .nw-game-glyph{width:22px;height:22px}
.baant .nw-header :is(.nw-settings-btn,.nw-login){display:inline-flex;align-items:center;justify-content:center;gap:7px}
.baant .nw-header .nw-login .nw-game-glyph{width:20px;height:20px}
.baant .nw-profile-menu{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
.baant .nw-profile-menu button{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:6px;min-width:0;min-height:76px;padding:9px 4px;border:1px solid #343a45;border-top-color:#59616d;border-radius:7px;background:linear-gradient(155deg,#242931,#0e1015 75%);box-shadow:inset 0 1px #ffffff0d,0 3px 5px #0003;font-size:11px;line-height:1.3;color:#f5f1ea;transform:none}
.baant .nw-profile-menu .nw-game-glyph{width:30px;height:30px}
.baant .nw-wallet>span{display:flex;align-items:center;justify-content:center;gap:5px;min-width:0;min-height:42px;background:#090b0f;border:1px solid #3a414d;border-radius:7px;font-size:10px}
.baant .nw-wallet .nw-game-glyph{width:25px;height:25px}.baant .nw-wallet b{font-variant-numeric:tabular-nums;font-size:17px}
.baant .nw-btn.primary{border-radius:7px;background:linear-gradient(170deg,#ff3a50,#df092e 65%,#a50624);border-color:#ff6377;box-shadow:inset 0 1px #ffb6bf7a,inset 0 -3px #85002177,0 5px 15px #c4002633}
.baant .nw-cta .nw-btn{gap:9px;transform:none}.baant .nw-cta .nw-game-glyph{width:25px;height:25px}
.baant #nw-launch .nw-dialog-head h2{display:flex;align-items:center;gap:8px}.baant #nw-launch .nw-dialog-head h2 .nw-game-glyph{width:25px;height:25px}
.baant .nw-quick-rail .nw-game-glyph{width:30px;height:30px}
.baant :is(.nw-launch-hero,.nw-choice-tile,.nw-outfit-choice)[aria-pressed=true]{border-color:#ff425e;box-shadow:inset 3px 0 #ff3655;background:linear-gradient(120deg,#491321,#1a1018)}
.baant #nw-arena .nw-action-pad button{border:1px solid #b1bbcd8c;background:radial-gradient(ellipse at 35% 20%,#39404bed,#10131bf2 75%);box-shadow:inset 0 2px 2px #f1e8d62b,inset 0 -3px 3px #0009,0 3px 7px #0008;transform:none!important;transition:border-color .08s,box-shadow .08s,filter .08s}
.baant #nw-arena .nw-action-pad button::after{content:'';position:absolute;inset:4px;border:1px solid #ffffff15;border-radius:inherit;pointer-events:none}
.baant #nw-arena .nw-action-pad b{pointer-events:none}.baant #nw-arena .nw-action-pad .nw-game-glyph{width:25px;height:25px}.baant #nw-arena .nw-action-pad span{font-size:9px;text-shadow:0 1px 2px #000;font-weight:500;font-variant-numeric:tabular-nums}
.baant #nw-arena .nw-action-pad #nw-attack{background:radial-gradient(ellipse at 35% 20%,#af3446ed,#4e1222f2 74%);border:2px solid #ffc591;color:#fff3dd;box-shadow:inset 0 2px #ffe3b94d,inset 0 -4px #310711bb,0 0 0 2px #29101599,0 3px 9px #0008}
.baant #nw-arena .nw-action-pad #nw-attack .nw-game-glyph{width:32px;height:32px}
.baant #nw-arena .nw-action-pad #nw-skill{border-color:#76d9bc;background:radial-gradient(at 35% 20%,#2c6056eb,#0b2022ef)}
.baant #nw-arena .nw-action-pad #nw-dodge{border-color:#b6a2e4;background:radial-gradient(at 35% 20%,#57426bec,#191625ef)}
.baant #nw-arena .nw-action-pad #nw-jump{border-color:#9fbdda;background:radial-gradient(at 35% 20%,#3c5268e8,#141c2aef)}
.baant #nw-arena .nw-action-pad #nw-help{border-color:#98cda6;background:radial-gradient(at 35% 20%,#385f4dec,#13261def)}
.baant #nw-arena .nw-action-pad #nw-ultimate{border-color:#c69969;background:radial-gradient(at 35% 20%,#59372bec,#24191aef);color:#ffe0ae}
.baant #nw-arena .nw-action-pad #nw-ultimate.is-ready{border-color:#ffdc9a;box-shadow:0 0 0 2px #c9674655,0 0 17px #ff81394d,inset 0 1px #ffdc9a99;background:radial-gradient(at 35% 20%,#9d4b2c,#421b1e)}
.baant #nw-arena .nw-action-pad button.is-cooling .nw-game-glyph{opacity:.45;filter:saturate(.35)}
.baant #nw-arena .nw-action-pad button.pressed{transform:none!important;filter:brightness(1.25);border-color:#fff0ce;box-shadow:0 0 0 2px #fff3cf63,inset 0 0 14px #ffffff40}
.baant #nw-arena .nw-team-communication button{border:1px solid #7b879b80;border-top-color:#b2bfd291;background:linear-gradient(150deg,#222b36eb,#090e16ed);box-shadow:inset 0 1px #ffffff14,0 2px 5px #0005;border-radius:9px;transform:none!important}
.baant #nw-arena .nw-team-communication .nw-game-glyph{width:21px;height:21px}
.baant #nw-arena .nw-team-communication button[aria-pressed=true]{border-color:#84f2bd;box-shadow:0 0 8px #67dbab40}
.baant #nw-arena #nw-hud-mic.is-unavailable .nw-game-glyph{filter:saturate(.3);opacity:.7}
.baant #nw-arena .nw-joystick{border-color:#afbfd47a;background:radial-gradient(circle,transparent 59%,#b9c9df15 60%,#090d175c 63%);box-shadow:inset 0 0 0 4px #090d1740,0 2px 9px #0004}
.baant #nw-arena #nw-stick{background:radial-gradient(at 30% 20%,#afc1d8b3,#3f536d8c);border-color:#dfecffa3;box-shadow:inset 0 1px 3px #ffffff5c,0 2px 7px #0006}
.baant #nw-arena #nw-hud-menu summary{background:linear-gradient(150deg,#29313bd9,#0a0e15e8);border-color:#8a96a46b}.baant #nw-hud-menu .nw-hud-buttons .nw-game-glyph{width:23px;height:23px}
@media(hover:hover) and (pointer:fine){.baant .nw-profile-menu button:hover{border-color:#c99766;background:linear-gradient(150deg,#342c2a,#171317)}.baant .nw-btn.primary:hover{background:linear-gradient(170deg,#ff5365,#e80b35)}.baant .nw-profile-menu button:active{box-shadow:inset 0 0 14px #e4b26a25}}
@media(max-width:600px){.baant .nw-profile-menu button{min-height:68px;font-size:10px;padding:7px 3px}.baant .nw-profile-menu .nw-game-glyph{width:27px;height:27px}.baant .nw-header .nw-login .nw-game-glyph{display:none}}
@media(orientation:landscape) and (max-height:350px){.baant #nw-arena .nw-action-pad .nw-game-glyph{width:22px;height:22px}.baant #nw-arena .nw-action-pad #nw-attack .nw-game-glyph{width:28px;height:28px}.baant #nw-arena>#nw-chat .nw-quick-chat{display:grid}.baant #nw-arena>#nw-chat:has([data-chat-tab=text][aria-selected=true]){bottom:116px!important;max-height:calc(var(--nw-screen-height,100dvh) - 124px)!important}.baant #nw-arena:has(#nw-chat:not([hidden])) .nw-team-communication{visibility:hidden}}
@media(prefers-reduced-motion:reduce){.baant #nw-arena .nw-action-pad button{transition:none}}
