/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.flex{display:flex}.hidden{display:none}.table{display:table}.resize{resize:both}.flex-wrap{flex-wrap:wrap}.border{border-style:var(--tw-border-style);border-width:1px}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}}@font-face{font-family:Kenney Future Narrow;src:url(/bangbang/assets/fonts/kenney-future-narrow.ttf)format("truetype");font-display:swap}:root{--ink:#26344f;--muted:#72809a;--cream:#fff8e8;--panel:#fffdf6;--line:#dfe4df;--yellow:#ffca3a;--orange:#ff7a45;--red:#ff6262;--blue:#58b9f5}*{box-sizing:border-box}html{background:#f3efe2;min-width:320px}body{color:var(--ink);background:radial-gradient(circle at 5% 10%,#ffcf4d33,#0000 28%),radial-gradient(circle at 92% 35%,#58b9f529,#0000 30%),#f3efe2;margin:0;font-family:Kenney Future Narrow,Arial,PingFang SC,Microsoft YaHei,sans-serif}button{color:inherit;font:inherit;-webkit-tap-highlight-color:transparent}button:focus-visible{outline-offset:3px;outline:4px solid #58b9f561}.game-shell{width:min(1180px,100% - 32px);margin:0 auto;padding:22px 0 28px}.topbar{z-index:1;justify-content:space-between;align-items:center;margin-bottom:16px;display:flex;position:relative}.topbar:after{z-index:-1;filter:blur(18px);content:"";background:#fffdf65c;border-radius:28px;position:absolute;inset:-12px -18px}.brand{align-items:center;gap:12px;display:flex}.brand-mark{border:3px solid var(--ink);background:var(--yellow);width:50px;height:50px;box-shadow:4px 4px 0 var(--ink);border-radius:15px 15px 18px 8px;place-items:center;font-size:25px;font-weight:950;display:grid;transform:rotate(-3deg)}.brand h1{letter-spacing:-.04em;text-shadow:0 2px #fff;margin:0;font-size:clamp(23px,3vw,32px)}.brand p{color:var(--muted);letter-spacing:.12em;margin:2px 0 0;font-size:12px;font-weight:700}.ghost-button{border:2px solid var(--ink);min-height:42px;box-shadow:3px 3px 0 var(--ink);cursor:pointer;color:var(--ink);background:#fffdf6b3;border-radius:12px;place-items:center;padding:0 18px;font-weight:800;text-decoration:none;display:inline-grid}.ghost-button:active{box-shadow:1px 1px 0 var(--ink);transform:translate(2px,2px)}.top-actions{pointer-events:auto;gap:8px;display:flex}.settings-button{width:44px;padding:0;font-size:17px}.friend-link{background:var(--yellow)}.settings-popover{z-index:150;border:2px solid var(--ink);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffdf6f7;border-radius:17px;gap:7px;width:210px;padding:13px;display:grid;position:fixed;top:78px;right:max(18px,50vw - 590px);box-shadow:6px 7px #26344f3d}.settings-popover>div{justify-content:space-between;align-items:center;padding:0 2px 4px;display:flex}.settings-popover>div>button{cursor:pointer;background:0 0;border:0;font-size:20px}.settings-popover>button{border:1px solid var(--ink);cursor:pointer;background:#fff;border-radius:10px;justify-content:space-between;align-items:center;min-height:36px;padding:0 10px;font-size:11px;display:flex}.settings-popover>button strong{background:var(--yellow);text-align:center;border-radius:99px;min-width:32px;padding:3px 7px}.battle-card{border:3px solid var(--ink);background:var(--panel);border-radius:24px;overflow:hidden;box-shadow:0 24px 70px #26344f33,7px 8px #26344f29}.battle-hud{border-bottom:2px solid var(--ink);background:linear-gradient(#fffffffa,#fff8e2f2);grid-template-columns:1fr auto 1fr;align-items:center;gap:30px;padding:14px 20px;display:grid}.fighter{min-width:0}.fighter-row{align-items:center;gap:10px;display:flex}.fighter-ai .fighter-row{justify-content:flex-end}.avatar{border:2px solid var(--ink);border-radius:50%;flex:none;place-items:center;width:38px;height:38px;font-size:13px;font-weight:950;display:grid}.player-avatar{background:var(--yellow)}.ai-avatar{background:var(--red)}.health-copy{flex-direction:column;min-width:0;display:flex}.fighter-ai .health-copy{text-align:right}.health-copy strong{text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.health-copy span{color:var(--muted);font-size:11px;font-weight:800}.health-track{border:2px solid var(--ink);background:#e8e5dc;border-radius:99px;height:10px;margin-top:8px;overflow:hidden}.health-track span{border-right:2px solid var(--ink);height:100%;transition:width .28s;display:block}.turn-panel{text-align:center;grid-template-columns:auto auto;justify-content:center;align-items:center;column-gap:7px;min-width:130px;display:grid}.turn-panel strong{font-size:14px}.turn-panel>span:last-child{color:var(--muted);grid-column:1/-1;font-size:11px;font-weight:700}.turn-dot{background:var(--yellow);border-radius:50%;width:9px;height:9px;box-shadow:0 0 0 4px #ffca3a33}.turn-ai{background:var(--red);box-shadow:0 0 0 4px #ff62622e}.turn-flying{background:var(--blue);box-shadow:0 0 0 4px #58b9f533}.canvas-wrap{background:#8fd6ff;position:relative;box-shadow:inset 0 12px 30px #25406629}.map-rule-chip{z-index:8;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#fffdf0e0;border:2px solid #26344fdb;border-radius:11px;align-items:center;gap:7px;max-width:270px;padding:6px 9px;display:flex;position:absolute;top:12px;left:14px;box-shadow:2px 2px #26344f47}.map-rule-chip strong{color:#bd4b38;flex:none;font-size:9px;font-weight:950}.map-rule-chip span{color:#55627b;text-overflow:ellipsis;white-space:nowrap;font-size:8px;font-weight:800;overflow:hidden}.combat-callout{z-index:15;border:3px solid var(--ink);pointer-events:none;text-align:center;background:#fffae0f0;border-radius:15px;flex-direction:column;align-items:center;min-width:190px;padding:9px 18px;animation:1.05s both combat-callout;display:flex;position:absolute;top:21%;left:50%;transform:translate(-50%);box-shadow:5px 5px #26344f52}.combat-callout strong{letter-spacing:-.04em;font-size:21px;font-weight:1000}.combat-callout span{color:#596680;font-size:9px;font-weight:850}.combat-callout.tone-cyan{background:#d6fbfff5;box-shadow:0 0 24px #64e6ffb3,5px 5px #26344f52}.combat-callout.tone-red{background:#ffe0d3f5}.combat-callout.tone-muted{opacity:.9;filter:saturate(.55)}@keyframes combat-callout{0%{opacity:0;transform:translate(-50%,14px)scale(.72)}18%{opacity:1;transform:translate(-50%)scale(1.08)}75%{opacity:1;transform:translate(-50%)scale(1)}to{opacity:0;transform:translate(-50%,-13px)scale(.96)}}.mobile-controls,.portrait-hint{display:none}canvas{aspect-ratio:1000/560;touch-action:none;width:100%;height:auto;display:block}.start-overlay,.result-overlay{text-align:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#202f4b6b;flex-direction:column;justify-content:center;align-items:center;padding:24px;display:flex;position:absolute;inset:0}.start-overlay:before,.result-overlay:before{z-index:-1;border:3px solid var(--ink);content:"";background:#fffdf6f5;border-radius:26px;width:min(460px,100% - 34px);height:485px;position:absolute;box-shadow:7px 7px #26344f5c}.start-overlay h2,.result-overlay h2{letter-spacing:-.05em;max-width:390px;margin:10px 0 8px;font-size:clamp(25px,4vw,40px)}.start-overlay p,.result-overlay p{color:#596680;max-width:380px;margin:0 0 20px;font-size:14px;line-height:1.7}.eyebrow{color:var(--orange);letter-spacing:.18em;font-size:12px;font-weight:950}.start-overlay button,.result-overlay button{border:3px solid var(--ink);background:var(--yellow);min-width:150px;min-height:48px;box-shadow:4px 4px 0 var(--ink);cursor:pointer;border-radius:14px;font-size:16px;font-weight:950}.character-picker{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;width:min(430px,100% - 32px);margin:2px 0 17px;display:grid}.start-overlay .character-card{min-width:0;min-height:102px;box-shadow:2px 2px 0 var(--ink);text-align:left;background:#ffffffeb;border-width:2px;border-radius:14px;grid-template-rows:auto auto;grid-template-columns:38px 1fr;align-items:center;gap:2px 7px;padding:9px;display:grid}.start-overlay .character-card>span{border:2px solid var(--ink);border-radius:13px;grid-row:1/span 2;place-items:center;width:38px;height:38px;font-size:16px;display:grid}.character-card strong{align-self:end;font-size:14px}.character-card small{color:var(--muted);align-self:start;font-size:9px;line-height:1.25}.start-overlay .character-card.is-selected{box-shadow:0 0 0 3px #ffca3a80, 2px 2px 0 var(--ink);background:#fff1a8;transform:translateY(-2px)}.match-options{gap:6px;width:min(430px,100% - 32px);margin:-8px 0 14px;display:grid}.option-row{grid-template-columns:42px repeat(3,1fr);align-items:center;gap:5px;display:grid}.option-row>span{color:var(--muted);letter-spacing:.08em;text-align:left;font-size:9px;font-weight:900}.start-overlay .option-row button{min-width:0;min-height:27px;box-shadow:1px 1px 0 var(--ink);background:#ffffffdb;border-width:1px;border-radius:8px;padding:0 5px;font-size:9px}.start-overlay .option-row button.is-active{box-shadow:0 0 0 2px #ffca3a66, 1px 1px 0 var(--ink);background:#fff1a8}.result-overlay:before{height:430px}.result-icon{border:3px solid var(--ink);background:var(--yellow);border-radius:50%;place-items:center;width:52px;height:52px;font-size:26px;font-weight:950;display:grid}.result-stars{gap:7px;margin:-7px 0 8px;display:flex}.result-stars span{color:#d7d8dc;text-shadow:0 2px #fff;font-size:28px}.result-stars span.is-earned{color:var(--yellow);-webkit-text-stroke:1px var(--ink)}.result-stats{gap:7px;margin-bottom:14px;display:flex}.result-stats span{border:1px solid var(--ink);color:var(--muted);background:#fff;border-radius:99px;padding:5px 8px;font-size:9px;font-weight:800}.result-stats strong{color:var(--ink)}.weapon-report{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;width:min(390px,100% - 30px);margin:-5px 0 13px;display:grid}.weapon-report>span{opacity:.52;text-align:left;background:#ffffffb3;border:1px solid #26344f47;border-radius:9px;grid-template-columns:9px 1fr;align-items:center;gap:2px 5px;min-width:0;padding:6px 7px;display:grid}.weapon-report>span.is-used{border-color:var(--ink);opacity:1;background:#fff}.weapon-report i{border:1px solid var(--ink);border-radius:50%;width:8px;height:8px}.weapon-report strong{text-overflow:ellipsis;white-space:nowrap;font-size:8px;overflow:hidden}.weapon-report small{color:var(--muted);grid-column:1/-1;font-size:7px;font-weight:800}.tutorial-overlay{z-index:80;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#1b26408c;place-items:center;padding:20px;display:grid;position:absolute;inset:0}.tutorial-overlay article{border:3px solid var(--ink);text-align:center;background:#fffdf6;border-radius:24px;justify-items:center;width:min(420px,100% - 30px);padding:24px 28px;display:grid;box-shadow:7px 7px #26344f61}.tutorial-overlay article>span{border:2px solid var(--ink);background:var(--yellow);border-radius:15px;place-items:center;width:48px;height:48px;font-size:22px;font-weight:950;display:grid}.tutorial-overlay small{color:var(--orange);letter-spacing:.08em;margin-top:8px;font-size:9px;font-weight:900}.tutorial-overlay h2{margin:7px 0 5px;font-size:25px}.tutorial-overlay p{color:var(--muted);margin:0 0 16px;font-size:12px;line-height:1.6}.tutorial-overlay article>div{gap:8px;display:flex}.tutorial-overlay button{border:2px solid var(--ink);min-width:90px;min-height:38px;box-shadow:2px 2px 0 var(--ink);cursor:pointer;background:#fff;border-radius:11px;font-size:11px;font-weight:900}.tutorial-overlay button:last-child{background:var(--yellow)}.message-strip{border-top:2px solid var(--ink);text-align:center;background:#fff8df;justify-content:center;align-items:center;gap:9px;min-height:45px;font-size:13px;font-weight:800;display:flex}.speaker{border:2px solid var(--ink);background:var(--yellow);border-radius:50%;place-items:center;width:23px;height:23px;font-size:11px;font-weight:950;display:grid}.control-deck{grid-template-columns:.75fr .9fr .75fr 2.8fr;gap:10px;margin-top:14px;display:grid}.control-group{border:2px solid var(--ink);background:linear-gradient(145deg,#fffffff2,#fff8e2de);border-radius:18px;flex-direction:column;justify-content:center;min-width:0;min-height:138px;padding:14px;display:flex;box-shadow:0 13px 30px #26344f17,4px 4px #26344f24}.control-label{color:var(--muted);letter-spacing:.08em;font-size:11px;font-weight:900}.control-group small{color:var(--muted);text-align:center;margin-top:7px;font-size:10px;font-weight:700}.button-pair,.angle-readout{justify-content:center;align-items:center;gap:8px;margin-top:10px;display:flex}.button-pair button,.angle-readout button{border:2px solid var(--ink);width:45px;height:43px;box-shadow:2px 2px 0 var(--ink);cursor:pointer;background:#fff;border-radius:12px;place-items:center;font-size:20px;font-weight:950;display:grid}.button-pair button:disabled,.angle-readout button:disabled,.fire-button:disabled{cursor:not-allowed;filter:grayscale(.6);opacity:.48}.angle-readout strong{text-align:center;min-width:62px;font-size:26px}.wind-readout{justify-content:center;align-items:center;gap:9px;margin-top:12px;display:flex}.wind-readout span{color:var(--blue);font-size:33px;font-weight:950;line-height:1}.wind-readout .wind-left{transform:rotate(180deg)}.wind-readout strong{font-size:24px}.power-control{padding:13px 16px}.desktop-weapons,.desktop-items{margin-bottom:9px}.weapon-tray{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:7px;display:grid}.weapon-chip{border:2px solid var(--ink);min-width:0;min-height:42px;box-shadow:2px 2px 0 var(--ink);cursor:pointer;text-align:left;background:#ffffffdb;border-radius:11px;align-items:center;gap:7px;padding:5px 8px;transition:all .12s;display:flex}.weapon-chip:disabled{opacity:.52}.weapon-chip i{flex:none;width:29px;height:16px;display:block;position:relative}.weapon-chip i:before{border:2px solid var(--ink);background:var(--yellow);content:"";border-radius:50% 65% 65% 50%;width:17px;height:9px;position:absolute;top:50%;right:1px;transform:translateY(-50%)}.weapon-chip i:after{border-top:5px solid #0000;border-right:10px solid var(--orange);content:"";border-bottom:5px solid #0000;position:absolute;top:50%;left:0;transform:translateY(-50%)}.weapon-meteor i:before{background:#ff7657;width:15px;height:15px}.weapon-dart i:before{background:#64e6ff;border-radius:1px 80% 80% 1px;width:21px;height:6px}.weapon-dart i:after{border-right-color:#baf6ff}.weapon-chip span{flex-direction:column;min-width:0;display:flex}.weapon-chip strong{text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.weapon-chip small{color:var(--muted);text-align:left;margin:0;font-size:8px}.weapon-chip.is-active{box-shadow:0 0 0 3px #ffca3a59, 2px 2px 0 var(--ink);background:#fff3b7;transform:translateY(-1px)}.weapon-chip.is-cooling{background:repeating-linear-gradient(-45deg,#ff765729 0 6px,#ffffffb8 6px 12px);border-color:#8f5c52}.weapon-chip.is-cooling small{color:#a43f31;font-weight:900}.item-tray{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:7px;display:grid}.item-slot{--item-tone:#dfe4df;border:2px solid var(--ink);background:var(--item-tone);border-radius:11px;justify-content:center;align-items:center;gap:6px;min-width:0;min-height:48px;padding:5px 7px;display:flex}@supports (color:color-mix(in lab, red, red)){.item-slot{background:color-mix(in srgb, var(--item-tone) 38%, #fff)}}.item-slot{box-shadow:2px 2px 0 var(--ink);cursor:pointer;transition:transform .12s,box-shadow .12s,background .12s}.item-slot strong{border:2px solid var(--ink);background:var(--item-tone);border-radius:9px;flex:none;place-items:center;width:28px;height:28px;font-size:13px;line-height:1;display:grid}.item-slot span{text-overflow:ellipsis;white-space:nowrap;font-size:10px;font-weight:900;overflow:hidden}.item-slot.is-selected{background:var(--item-tone)}@supports (color:color-mix(in lab, red, red)){.item-slot.is-selected{background:color-mix(in srgb, var(--item-tone) 72%, #fff)}}.item-slot.is-selected{box-shadow:0 0 0 3px #fff, 0 0 0 6px var(--item-tone);transform:translateY(-2px)}.item-slot.is-used{box-shadow:none;filter:grayscale();opacity:.42}.item-slot-empty{box-shadow:none;color:var(--muted);cursor:default;background:#ece9df;border-style:dashed;font-weight:900}.power-heading{justify-content:space-between;align-items:center;display:flex}.power-heading strong{font-size:20px}.power-track{border:2px solid var(--ink);background:#e7e3d8;border-radius:99px;height:13px;margin:8px 5px 10px;position:relative}.power-track em{z-index:2;top:50%;left:var(--perfect-min,68%);width:var(--perfect-width,14%);color:#0000;background:#57dc846b;border:2px solid #fff;border-radius:99px;height:19px;position:absolute;transform:translateY(-50%);box-shadow:0 0 0 2px #379b5c5c}.power-track span{z-index:1;background:linear-gradient(90deg, var(--yellow), var(--orange), var(--red));border-radius:99px;height:100%;display:block;position:relative}.power-track i{z-index:3;border:2px solid var(--ink);background:#fff;border-radius:4px;width:5px;height:21px;position:absolute;top:50%;transform:translate(-50%,-50%)}.fire-button{border:3px solid var(--ink);min-height:47px;box-shadow:4px 4px 0 var(--ink);cursor:pointer;-webkit-user-select:none;user-select:none;background:linear-gradient(#ffffff0f,#ffffff0f),url(/bangbang/assets/ui/blue-button.png) 50%/100% 100% no-repeat;border-radius:14px;justify-content:center;align-items:center;gap:9px;font-size:15px;font-weight:950;display:flex}.fire-button span{color:#fff;font-size:18px}.fire-button.is-charging{box-shadow:1px 1px 0 var(--ink);color:#fff;background:url(/bangbang/assets/ui/red-button.png) 50%/100% 100% no-repeat;transform:translate(3px,3px)}.tips{color:var(--muted);justify-content:center;align-items:center;gap:10px;padding:16px 10px 0;font-size:12px;display:flex}.tips span{border:1px solid var(--ink);background:var(--yellow);color:var(--ink);border-radius:99px;padding:4px 8px;font-size:10px;font-weight:950}.tips p{margin:0}@media (width<=760px){.game-shell{width:min(100% - 18px,680px);padding-top:10px}.topbar{margin-bottom:10px}.brand-mark{width:42px;height:42px;font-size:21px}.brand p{display:none}.ghost-button{min-height:38px;padding:0 12px;font-size:12px}.settings-button{width:38px}.battle-card{border-radius:18px}.battle-hud{grid-template-columns:1fr 74px 1fr;gap:8px;padding:9px}.avatar{width:31px;height:31px;font-size:10px}.health-copy strong{font-size:11px}.health-copy span,.turn-panel>span:last-child{font-size:9px}.turn-panel{column-gap:4px;min-width:0}.turn-panel strong{font-size:10px}.turn-dot{width:7px;height:7px}.control-deck{grid-template-columns:1fr 1fr}.control-group{min-height:126px}.power-control{grid-column:1/-1}.wind-control{order:4}.start-overlay:before,.result-overlay:before{height:86%}.start-overlay h2,.result-overlay h2{margin:5px 0;font-size:clamp(18px,6vw,28px)}.start-overlay p,.result-overlay p{max-width:82%;margin-bottom:10px;font-size:11px;line-height:1.45}.start-overlay button,.result-overlay button{min-height:39px;font-size:13px}.character-picker{margin-bottom:10px}.match-options{margin-bottom:9px}.start-overlay .character-card{grid-template-columns:31px 1fr;min-height:75px;padding:6px}.start-overlay .character-card>span{width:31px;height:31px}.eyebrow{font-size:9px}.message-strip{min-height:39px;padding:0 10px;font-size:11px}.tips{align-items:flex-start;font-size:10px;line-height:1.5}}@media (width<=430px){.fighter-row{gap:5px}.fighter-ai .avatar,.fighter-player .avatar{display:none}.control-group{min-height:116px;padding:10px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important}.combat-callout{opacity:1;animation:none}}@media (width<=950px) and (orientation:landscape){html,body{overscroll-behavior:none;width:100%;height:100%;overflow:hidden}.game-shell{width:100%;height:100dvh;margin:0;padding:0}.map-rule-chip{top:7px;left:max(8px, env(safe-area-inset-left));max-width:190px;padding:4px 7px}.map-rule-chip span{max-width:120px}.combat-callout{min-width:150px;padding:6px 13px;top:16%}.combat-callout strong{font-size:15px}.weapon-report{width:min(390px,100% - 210px);margin-bottom:7px}.topbar{z-index:40;pointer-events:none;margin:0;position:absolute;top:7px;left:8px;right:8px}.topbar:after{display:none}.brand{gap:7px}.brand-mark{width:34px;height:34px;box-shadow:2px 2px 0 var(--ink);border-width:2px;border-radius:10px;font-size:16px}.brand h1{font-size:16px}.brand p{display:none}.ghost-button{min-height:32px;box-shadow:2px 2px 0 var(--ink);pointer-events:auto;border-width:2px;padding:0 11px;font-size:10px}.settings-popover{width:190px;top:45px;right:8px}.battle-card{height:100dvh;box-shadow:none;border:0;border-radius:0}.battle-hud{z-index:30;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#fffdf6e6;border:2px solid #26344fe6;border-radius:13px;grid-template-columns:1fr 90px 1fr;gap:10px;padding:5px 10px;position:absolute;top:5px;left:116px;right:116px}.fighter-row{gap:6px}.avatar{border-width:2px;width:27px;height:27px;font-size:9px}.health-copy strong{font-size:10px}.health-copy span{font-size:8px}.health-track{border-width:1px;height:7px;margin-top:3px}.turn-panel{min-width:0}.turn-panel strong{font-size:10px}.turn-panel>span:last-child{font-size:8px}.canvas-wrap{height:100%;overflow:hidden}canvas{aspect-ratio:auto;object-fit:contain;width:100%;height:100%}.message-strip{z-index:28;border:2px solid var(--ink);white-space:nowrap;background:#fff8dfe6;border-radius:99px;min-height:29px;padding:0 11px;font-size:9px;position:absolute;top:56px;left:50%;transform:translate(-50%)}.speaker{border-width:1px;width:18px;height:18px;font-size:8px}.control-deck,.tips{display:none}.mobile-controls{z-index:18;pointer-events:none;display:block;position:absolute;inset:0}.mobile-left-controls,.mobile-right-controls{pointer-events:auto}.mobile-left-controls{bottom:max(10px, env(safe-area-inset-bottom));left:max(10px, env(safe-area-inset-left));grid-template-columns:repeat(2,50px);gap:7px;display:grid;position:absolute}.mobile-left-controls button{border:2px solid var(--ink);width:50px;height:43px;box-shadow:2px 2px 0 var(--ink);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#fffdf6e8;border-radius:13px;justify-content:center;align-items:center;gap:3px;font-size:20px;font-weight:950;display:flex}.mobile-left-controls button span{color:var(--muted);font-size:8px;font-weight:900}.mobile-left-controls button:disabled,.mobile-fire:disabled{opacity:.45}.mobile-angle{border:1px solid var(--ink);background:#fffdf6e6;border-radius:99px;grid-column:1/-1;justify-self:center;padding:4px 9px;font-size:9px;font-weight:900}.mobile-right-controls{right:max(10px, env(safe-area-inset-right));bottom:max(10px, env(safe-area-inset-bottom));grid-template-columns:132px 72px;align-items:end;gap:7px 9px;display:grid;position:absolute}.item-tray-mobile{grid-column:1/-1;justify-content:flex-end;gap:6px;margin:0;display:flex}.weapon-tray-mobile{grid-column:1/-1;justify-content:flex-end;gap:5px;margin:0;display:flex}.weapon-tray-mobile .weapon-chip{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffffdb;border-width:1px;border-radius:10px;justify-content:center;width:48px;min-height:34px;padding:3px}.weapon-tray-mobile .weapon-chip i{width:26px}.weapon-tray-mobile .weapon-chip span{display:none}.item-tray-mobile .item-slot{background:var(--item-tone);flex-direction:column;gap:2px;width:55px;min-height:44px;padding:3px}@supports (color:color-mix(in lab, red, red)){.item-tray-mobile .item-slot{background:color-mix(in srgb, var(--item-tone) 50%, #ffffffe6)}}.item-tray-mobile .item-slot{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.item-tray-mobile .item-slot strong{border-width:1px;border-radius:7px;width:23px;height:23px;font-size:10px}.item-tray-mobile .item-slot span{max-width:48px;font-size:7px}.mobile-power{border:2px solid var(--ink);background:#ffffffe0;border-radius:99px;height:18px;margin-bottom:8px;position:relative;overflow:hidden}.mobile-power>span{z-index:1;background:linear-gradient(90deg, var(--yellow), var(--orange), var(--red));border-radius:99px;height:100%;display:block;position:relative}.mobile-power>i{z-index:2;top:1px;bottom:1px;left:var(--perfect-min,68%);width:var(--perfect-width,14%);background:#4ddc7e7a;border:1px solid #fffffff2;border-radius:99px;position:absolute;box-shadow:0 0 0 1px #26344f52}.mobile-power strong{z-index:3;text-align:center;text-shadow:0 1px 2px #fff;font-size:9px;line-height:14px;position:absolute;inset:0}.mobile-fire{border:3px solid var(--ink);width:72px;height:72px;box-shadow:4px 4px 0 var(--ink);touch-action:none;-webkit-user-select:none;user-select:none;background:url(/bangbang/assets/ui/fire-button.png) 50%/100% 100% no-repeat;border-radius:50%;flex-direction:column;grid-area:3/2/span 2;justify-content:center;align-items:center;display:flex}.mobile-fire strong{font-size:16px;font-weight:950}.mobile-fire span{font-size:8px;font-weight:900}.mobile-fire.is-charging{box-shadow:1px 1px 0 var(--ink);color:#fff;background:linear-gradient(#ff684561,#ff684561),url(/bangbang/assets/ui/fire-button.png) 50%/100% 100% no-repeat;transform:translate(3px,3px)}.start-overlay,.result-overlay,.tutorial-overlay{z-index:60}.tutorial-overlay article{border-radius:18px;width:min(390px,100% - 210px);padding:13px 20px}.tutorial-overlay article>span{border-radius:11px;width:36px;height:36px;font-size:17px}.tutorial-overlay h2{margin:4px 0;font-size:18px}.tutorial-overlay p{margin-bottom:10px;font-size:9px}.tutorial-overlay button{min-height:31px}.start-overlay:before,.result-overlay:before{width:min(420px,100% - 180px);height:min(372px,100% - 10px)}.start-overlay h2,.result-overlay h2{font-size:clamp(20px,4vw,34px)}.start-overlay p,.result-overlay p{margin-bottom:8px;font-size:10px}.character-picker{gap:6px;width:min(410px,100% - 205px);margin-bottom:6px}.match-options{gap:4px;width:min(410px,100% - 205px);margin:-2px 0 6px}.option-row{grid-template-columns:32px repeat(3,1fr);gap:4px}.start-overlay .option-row button{min-height:23px;font-size:8px}.option-row>span{font-size:7px}.result-stars{margin-bottom:5px}.result-stats{margin-bottom:9px}.start-overlay .character-card{border-radius:10px;grid-template-columns:27px 1fr;min-height:69px;padding:5px}.start-overlay .character-card>span{border-width:1px;border-radius:8px;width:27px;height:27px;font-size:12px}.character-card strong{font-size:10px}.character-card small{font-size:7px}}@media (width<=760px) and (orientation:portrait){.portrait-hint{z-index:999;color:#fffdf6;text-align:center;background:radial-gradient(circle at 50% 30%,#ffca3a4d,#0000 35%),#26344f;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:30px;display:flex;position:fixed;inset:0}.portrait-hint span{width:72px;height:72px;color:var(--yellow);border:3px solid #fffdf6;border-radius:20px;place-items:center;font-size:42px;font-weight:950;display:grid;transform:rotate(-18deg)}.portrait-hint strong{margin-top:12px;font-size:24px}.portrait-hint small{color:#cbd5e8;font-size:12px}}@media (width>=951px) and (orientation:landscape){.game-shell .mobile-controls{display:none}.game-shell .control-deck{z-index:42;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(#0f2743f5,#081b32f7);border:1px solid #91bad973;border-radius:18px;grid-template-columns:102px 126px minmax(0,1fr);gap:8px;min-height:78px;margin:0;padding:7px;display:grid;position:absolute;bottom:10px;left:12px;right:12px;box-shadow:0 -8px 28px #07162733,inset 0 1px #ffffff1f}.game-shell .control-group{min-height:0;box-shadow:none;color:#f4f8ff;background:#ffffff12;border:1px solid #a2c7e247;border-radius:12px;padding:6px 8px}.game-shell .control-label{color:#dbebf8a8;font-size:8px}.game-shell .control-group small{display:none}.game-shell .button-pair,.game-shell .angle-readout{gap:5px;margin-top:4px}.game-shell .button-pair button,.game-shell .angle-readout button{border:1px solid #0b203b;border-radius:9px;width:34px;height:31px;font-size:16px;box-shadow:1px 1px #071a30}.game-shell .angle-readout strong{color:#fff4a5;min-width:38px;font-size:17px}.game-shell .wind-control{display:none}.game-shell .power-control{grid-column:3;grid-template-rows:25px 31px;grid-template-columns:176px 176px minmax(120px,1fr) 126px;align-items:center;gap:5px 8px;min-width:0;padding:5px 7px;display:grid}.game-shell .desktop-weapons,.game-shell .desktop-items{grid-template-rows:13px 1fr;align-self:stretch;min-width:0;margin:0;display:grid}.game-shell .desktop-weapons{grid-area:1/1/span 2}.game-shell .desktop-items{grid-area:1/2/span 2}.game-shell .weapon-tray,.game-shell .item-tray{gap:4px;margin:0;display:flex}.game-shell .weapon-chip,.game-shell .item-slot{border:1px solid #0b203b;border-radius:9px;justify-content:center;width:48px;min-width:0;min-height:37px;padding:2px;box-shadow:1px 1px #071a30}.game-shell .weapon-chip i,.game-shell .item-icon{background-position:50%;background-size:cover;border-radius:7px;width:31px;height:31px}.game-shell .weapon-chip i:before,.game-shell .weapon-chip i:after,.game-shell .weapon-chip>span,.game-shell .item-slot>span{display:none}.game-shell .power-heading{grid-area:1/3;margin:0}.game-shell .power-heading strong{color:#fff4a5;font-size:13px}.game-shell .power-track{grid-area:2/3;height:17px;margin:0}.game-shell .fire-button{border-width:2px;border-radius:13px;grid-area:1/4/span 2;min-height:57px;margin:0;padding:5px 8px;font-size:10px}.game-shell .fire-button>span{font-size:9px}.game-shell .power-control>small{display:none}}@media (width<=950px) and (orientation:landscape){.game-shell .mobile-controls:before{content:"";-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(#0d2743eb,#07192ff7);border-top:1px solid #add3ed66;height:76px;position:absolute;bottom:0;left:0;right:0;box-shadow:0 -7px 22px #0514242e}.game-shell .mobile-left-controls{bottom:max(5px, env(safe-area-inset-bottom));left:max(7px, env(safe-area-inset-left));grid-template-columns:repeat(4,38px);gap:4px}.game-shell .mobile-left-controls button{border-width:1px;border-radius:9px;width:38px;height:31px;font-size:15px;box-shadow:1px 1px #172d4c}.game-shell .mobile-left-controls button span{font-size:6px}.game-shell .mobile-angle{grid-column:1/-1;padding:2px 7px;font-size:7px}.game-shell .mobile-right-controls{right:max(6px, env(safe-area-inset-right));bottom:max(4px, env(safe-area-inset-bottom));grid-template-rows:30px 30px 10px;grid-template-columns:174px 62px;gap:3px 6px}.game-shell .weapon-tray-mobile,.game-shell .item-tray-mobile{grid-column:1;justify-content:flex-end;gap:4px}.game-shell .weapon-tray-mobile{grid-row:1}.game-shell .item-tray-mobile{grid-row:2}.game-shell .weapon-tray-mobile .weapon-chip,.game-shell .item-tray-mobile .item-slot{border-width:1px;border-radius:8px;width:54px;min-height:29px;padding:1px;box-shadow:1px 1px #172d4c}.game-shell .weapon-chip i,.game-shell .item-icon{border-radius:6px;width:27px;height:27px}.game-shell .item-tray-mobile .item-slot span{display:none}.game-shell .mobile-power{border-width:1px;grid-area:3/1;height:10px;margin:0}.game-shell .mobile-power strong{font-size:7px;line-height:8px}.game-shell .mobile-fire{border-width:2px;grid-area:1/2/span 3;width:62px;height:62px;box-shadow:2px 2px #172d4c,0 0 0 2px #ffdd5b47}.game-shell .mobile-fire strong{font-size:14px}.game-shell .mobile-fire span{font-size:6px}}body:has(.game-shell){overscroll-behavior:none;background:#14243c;width:100%;height:100%;overflow:hidden}.game-shell{width:100%;height:100dvh;margin:0;padding:0;position:relative;overflow:hidden}.game-shell .topbar{z-index:45;top:max(10px, env(safe-area-inset-top));left:max(12px, env(safe-area-inset-left));right:max(12px, env(safe-area-inset-right));pointer-events:none;margin:0;position:absolute}.game-shell .topbar:after{display:none}.game-shell .brand{color:#fff9db;filter:drop-shadow(0 2px 2px #0e182a8c);gap:8px}.game-shell .brand-mark{border:2px solid #162a47;border-radius:13px 13px 15px 8px;width:42px;height:42px;font-size:20px;box-shadow:3px 3px #162a47}.game-shell .brand h1{color:#fff9db;text-shadow:0 2px #162a47,0 0 12px #11264273;font-size:22px}.game-shell .brand p{color:#fff9dbcc;font-size:9px}.game-shell .ghost-button{pointer-events:auto;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffae0e6;border:2px solid #162a47;border-radius:12px;min-height:36px;padding:0 13px;font-size:10px;box-shadow:2px 2px #162a47}.game-shell .friend-link{background:#ffcb3ff0}.game-shell .battle-card{width:100%;height:100%;box-shadow:none;background:#76cfe7;border:0;border-radius:0;position:relative;overflow:hidden}.game-shell .battle-hud{z-index:35;top:max(9px, env(safe-area-inset-top));color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(#1a385be8,#0e2744e8);border:2px solid #0f2640e0;border-radius:17px;grid-template-columns:minmax(150px,1fr) 130px minmax(150px,1fr);align-items:center;gap:14px;padding:7px 12px;display:grid;position:absolute;left:150px;right:150px;box-shadow:0 6px 18px #0d1e3247,inset 0 1px #fff3}.game-shell .fighter-row{gap:8px}.game-shell .avatar{background-color:#6db5d6;background-position:50% 18%;background-repeat:no-repeat;background-size:155%;border:2px solid #ffe47b;width:34px;height:34px;box-shadow:0 0 0 2px #0a1e34bf}.game-shell .ai-avatar{background-color:#b3594f;border-color:#ff8d73}.game-shell .health-copy strong{color:#fff8d8;text-shadow:0 1px 1px #102842;font-size:11px}.game-shell .health-copy span,.game-shell .turn-panel>span:last-child{color:#e2f1ffc7;font-size:8px}.game-shell .health-track{background:#051425ad;border:1px solid #ffffff9e;height:8px;margin-top:4px}.game-shell .turn-panel{column-gap:5px;min-width:0}.game-shell .turn-panel strong{color:#fff4a5;text-shadow:0 1px 1px #102842;font-size:11px}.game-shell .canvas-wrap{width:100%;height:100%;overflow:hidden}.game-shell canvas{aspect-ratio:auto;object-fit:cover;width:100%;height:100%}.game-shell .map-rule-chip{top:76px;left:max(14px, env(safe-area-inset-left));color:#fff;background:#112d4aba;border:1px solid #122944bd;border-radius:99px;max-width:270px;padding:5px 9px;transform:none;box-shadow:0 3px 10px #0e1e3233}.game-shell .map-rule-chip strong{color:#ffe27a}.game-shell .map-rule-chip span{color:#eef7ffd6}.game-shell .target-indicator{z-index:24;top:112px;right:max(18px, env(safe-area-inset-right));color:#eef7ffd1;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0f2945bd;border:1px solid #ffe27ab8;border-radius:99px;align-items:center;gap:7px;padding:6px 10px;font-size:8px;display:flex;position:absolute;box-shadow:0 4px 14px #08182b3d}.game-shell .target-indicator strong{color:#ffe27a;font-size:10px}.game-shell .message-strip{z-index:32;white-space:nowrap;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#fff7d6e8;border:1px solid #132b46c7;border-radius:99px;max-width:min(360px,46vw);min-height:28px;padding:0 12px;font-size:9px;position:absolute;top:76px;left:50%;transform:translate(-50%);box-shadow:0 4px 15px #1122372e}.game-shell .speaker{border-width:1px;width:18px;height:18px;font-size:8px}.game-shell .control-deck,.game-shell+.tips,.game-shell .tips{display:none}.game-shell .mobile-controls{z-index:25;pointer-events:none;display:block;position:absolute;inset:0}.game-shell .mobile-left-controls,.game-shell .mobile-right-controls{pointer-events:auto}.game-shell .mobile-left-controls{bottom:max(16px, env(safe-area-inset-bottom));left:max(18px, env(safe-area-inset-left));grid-template-columns:repeat(2,58px);gap:8px;display:grid;position:absolute}.game-shell .mobile-left-controls button{-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:linear-gradient(#fffffff7,#daeff4ed);border:2px solid #172d4c;border-radius:15px;justify-content:center;align-items:center;gap:3px;width:58px;height:49px;font-size:23px;font-weight:950;display:flex;box-shadow:3px 3px #172d4c,inset 0 1px #fff}.game-shell .mobile-left-controls button span{color:#5f7189;font-size:8px;font-weight:900}.game-shell .mobile-left-controls button:disabled,.game-shell .mobile-fire:disabled{filter:grayscale(.55);opacity:.52}.game-shell .mobile-angle{background:#fff9deed;border:1px solid #172d4c;border-radius:99px;grid-column:1/-1;justify-self:center;padding:4px 10px;font-size:9px;font-weight:900;box-shadow:0 2px 8px #12243a29}.game-shell .mobile-right-controls{right:max(18px, env(safe-area-inset-right));bottom:max(16px, env(safe-area-inset-bottom));grid-template-columns:172px 88px;align-items:end;gap:7px 11px;display:grid;position:absolute}.game-shell .weapon-tray-mobile,.game-shell .item-tray-mobile{grid-column:1/-1;justify-content:flex-end;gap:7px;margin:0;display:flex}.game-shell .weapon-tray-mobile .weapon-chip{-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#eff7f2e8;border:2px solid #172d4c;border-radius:13px;justify-content:center;width:54px;min-height:45px;padding:3px;box-shadow:2px 2px #172d4c}.game-shell .weapon-chip i{background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:9px;width:34px;height:34px;display:block;box-shadow:inset 0 0 0 1px #ffffff38}.game-shell .weapon-chip i:before,.game-shell .weapon-chip i:after{content:none;display:none}.game-shell .weapon-tray-mobile .weapon-chip span{display:none}.game-shell .weapon-chip.is-active{background:#1d4269;border-color:#ffe27a;box-shadow:0 0 0 3px #ffe27a6b,2px 2px #172d4c}.game-shell .item-tray-mobile .item-slot{-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#f2f7eee8;border-color:#172d4c;border-radius:13px;flex-direction:column;gap:2px;width:52px;min-height:50px;padding:3px;box-shadow:2px 2px #172d4c}.game-shell .item-icon{background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:9px;flex:none;width:34px;height:34px;display:block}.game-shell .item-tray-mobile .item-slot span{max-width:46px;font-size:7px}.game-shell .mobile-power{background:#ffffffe8;border:2px solid #172d4c;border-radius:99px;height:19px;margin-bottom:9px;position:relative;overflow:hidden;box-shadow:1px 1px #172d4c}.game-shell .mobile-power>span{z-index:1;background:linear-gradient(90deg,#ffd54c,#ff9148,#f44752);border-radius:99px;height:100%;display:block;position:relative}.game-shell .mobile-power>i{z-index:2;inset-block:1px;left:var(--perfect-min,68%);width:var(--perfect-width,14%);background:#4ddc7e8a;border:1px solid #fffffff5;border-radius:99px;position:absolute}.game-shell .mobile-power strong{z-index:3;color:#1b3150;text-align:center;text-shadow:0 1px #fff;font-size:9px;line-height:15px;position:absolute;inset:0}.game-shell .mobile-fire{touch-action:none;-webkit-user-select:none;user-select:none;background:url(/bangbang/assets/ui/fire-button.png) 50%/100% 100% no-repeat;border:4px solid #172d4c;border-radius:50%;flex-direction:column;grid-area:3/2/span 2;justify-content:center;align-items:center;width:88px;height:88px;display:flex;box-shadow:5px 5px #172d4c,0 0 0 4px #ffdd5b57}.game-shell .mobile-fire strong{font-size:19px;font-weight:950}.game-shell .mobile-fire span{font-size:8px;font-weight:900}.game-shell .start-overlay,.game-shell .result-overlay,.game-shell .tutorial-overlay{z-index:70}.game-shell .start-overlay,.game-shell .result-overlay{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:radial-gradient(circle at 50% 46%,#ffe27a24,#0000 35%),#0b1c328f;padding:12px}.game-shell .start-overlay:before,.game-shell .result-overlay:before{background:linear-gradient(#1c4165f7,#0f2845f7);border:2px solid #f5d76b;border-radius:24px;width:min(520px,100% - 40px);height:min(500px,100% - 28px);box-shadow:0 15px 40px #0614266b,inset 0 1px #ffffff2b}.game-shell .start-overlay h2,.game-shell .result-overlay h2{color:#fff6c6;text-shadow:0 2px #0f2845;margin:5px 0;font-size:clamp(22px,3.2vw,34px)}.game-shell .start-overlay p,.game-shell .result-overlay p{color:#e2f0fad1;margin-bottom:10px;font-size:11px;line-height:1.45}.game-shell .eyebrow{color:#ffd85d}.game-shell .character-picker,.game-shell .match-options{width:min(480px,100% - 60px)}.game-shell .start-overlay .character-card{background:#ebf7f7e6;border-color:#ffffff8f;min-height:92px}.game-shell .character-card-art{background-position:50%;background-repeat:no-repeat;background-size:145%}.game-shell .start-overlay .character-card.is-selected{background:#fff0ac;border-color:#ffe27a}.game-shell .start-overlay>button,.game-shell .result-overlay>button{background:linear-gradient(#ffe068,#f4b93d);border-color:#172d4c;min-height:42px}.game-shell .settings-popover{top:58px;right:12px}.auth-overlay{z-index:220;pointer-events:auto;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#08182bad;place-items:center;padding:12px;display:grid;position:fixed;inset:0}.auth-card{color:#fff;background:linear-gradient(#1d4a76,#112e50);border:2px solid #f6d76a;border-radius:22px;gap:10px;width:min(420px,100% - 24px);padding:24px;display:grid;position:relative;box-shadow:0 18px 50px #04101f7a,inset 0 1px #ffffff2e}.auth-card h2{color:#fff4bc;margin:0;font-size:27px}.auth-card p{color:#e2f1fbd1;margin:-4px 0 4px;font-family:Arial,PingFang SC,sans-serif;font-size:12px;line-height:1.5}.auth-eyebrow{color:#ffd75d;letter-spacing:.14em;font-size:9px;font-weight:900}.auth-close{color:#fff;cursor:pointer;background:#08192c70;border:1px solid #ffffff80;border-radius:50%;width:28px;height:28px;position:absolute;top:10px;right:12px}.auth-card label{grid-template-columns:58px 1fr;align-items:center;gap:7px;display:grid}.auth-card label>span{color:#eaf5fcd1;font-size:10px;font-weight:900}.auth-card input{color:#1d3150;background:#fffffff2;border:2px solid #0d2239e6;border-radius:11px;outline:none;width:100%;min-height:40px;padding:0 12px;font:700 13px Arial,PingFang SC,sans-serif}.auth-card input:focus{border-color:#f6d76a;box-shadow:0 0 0 3px #f6d76a38}.auth-code-row{grid-template-columns:58px 1fr 94px!important}.auth-code-row>button,.auth-primary,.auth-guest{cursor:pointer;color:#223653;background:#fff4cf;border:2px solid #112a48;border-radius:11px;min-height:40px;font-size:10px;font-weight:900;box-shadow:2px 2px #0c223d}.auth-code-row>button:disabled,.auth-primary:disabled{cursor:not-allowed;opacity:.55}.auth-primary{background:linear-gradient(#ffe169,#f6b63d);font-size:13px}.auth-guest{min-height:32px;box-shadow:none;color:#e4f0fac2;background:0 0;border:0}.auth-notice{color:#ffe783;background:#07172a73;border-radius:9px;padding:7px 10px;font:700 10px Arial,PingFang SC,sans-serif}@media (width<=950px) and (orientation:landscape){.game-shell .topbar{top:6px;left:7px;right:7px}.game-shell .top-actions>.ghost-button:last-child{display:none}.game-shell .brand-mark{border-radius:10px;width:32px;height:32px;font-size:15px}.game-shell .brand h1,.game-shell .brand p{display:none}.game-shell .ghost-button{min-height:30px;padding:0 9px;font-size:9px}.game-shell .settings-button{width:32px;padding:0}.game-shell .battle-hud{border-radius:13px;grid-template-columns:minmax(110px,1fr) 110px minmax(110px,1fr);gap:7px;padding:4px 8px;top:5px;left:105px;right:145px}.game-shell .avatar{width:26px;height:26px}.game-shell .health-copy strong,.game-shell .turn-panel strong{font-size:9px}.game-shell .health-copy span,.game-shell .turn-panel>span:last-child{font-size:7px}.game-shell .health-track{height:6px;margin-top:2px}.game-shell .map-rule-chip{max-width:205px;top:52px}.game-shell .target-indicator{top:82px;right:max(8px, env(safe-area-inset-right));padding:4px 8px}.game-shell .message-strip{max-width:42vw;min-height:24px;padding:0 9px;font-size:8px;top:52px}.game-shell .speaker{width:15px;height:15px}.game-shell .mobile-left-controls{bottom:max(9px, env(safe-area-inset-bottom));left:max(9px, env(safe-area-inset-left));grid-template-columns:repeat(2,49px);gap:6px}.game-shell .mobile-left-controls button{border-radius:12px;width:49px;height:41px;font-size:19px}.game-shell .mobile-right-controls{right:max(9px, env(safe-area-inset-right));bottom:max(9px, env(safe-area-inset-bottom));grid-template-columns:145px 72px;gap:5px 8px}.game-shell .weapon-tray-mobile,.game-shell .item-tray-mobile{gap:5px}.game-shell .weapon-tray-mobile .weapon-chip{border-width:1px;border-radius:10px;width:44px;min-height:37px}.game-shell .weapon-chip i,.game-shell .item-icon{border-radius:7px;width:29px;height:29px}.game-shell .item-tray-mobile .item-slot{border-width:1px;border-radius:10px;width:44px;min-height:42px}.game-shell .item-tray-mobile .item-slot span{max-width:39px;font-size:6px}.game-shell .mobile-power{border-width:1px;height:16px;margin-bottom:6px}.game-shell .mobile-power strong{line-height:14px}.game-shell .mobile-fire{border-width:3px;width:72px;height:72px;box-shadow:3px 3px #172d4c,0 0 0 3px #ffdd5b52}.game-shell .mobile-fire strong{font-size:16px}.game-shell .start-overlay h2,.game-shell .result-overlay h2{font-size:clamp(18px,3.4vw,27px)}.game-shell .start-overlay p,.game-shell .result-overlay p{margin-bottom:6px;font-size:9px}.game-shell .start-overlay:before,.game-shell .result-overlay:before{width:min(500px,100% - 150px);height:calc(100% - 12px)}.game-shell .character-picker,.game-shell .match-options{width:min(470px,100% - 180px)}.game-shell .character-picker{gap:5px;margin-bottom:9px}.game-shell .start-overlay .character-card{grid-template-columns:31px 1fr;min-height:66px;padding:5px}.game-shell .start-overlay .character-card>span{width:31px;height:31px}.game-shell .character-card strong{font-size:11px}.game-shell .character-card small{font-size:7px}.game-shell .match-options{gap:4px;margin:-5px 0 8px}.game-shell .start-overlay>button,.game-shell .result-overlay>button{min-height:34px;font-size:11px}.auth-card{border-radius:18px;gap:6px;width:min(420px,100% - 160px);padding:16px 20px}.auth-card h2{font-size:21px}.auth-card p{font-size:9px}.auth-card input,.auth-code-row>button,.auth-primary{min-height:34px}}.friend-shell{width:min(1120px,100% - 28px);margin:0 auto;padding:18px 0 28px}.friend-header{grid-template-columns:1fr auto 1fr;align-items:center;margin-bottom:14px;display:grid}.friend-header>div{text-align:center}.friend-header h1{margin:0;font-size:27px;line-height:1}.friend-header>div>span{color:var(--orange);letter-spacing:.16em;font-size:9px;font-weight:900}.friend-header>a,.friend-header>button{border:2px solid var(--ink);box-shadow:2px 2px 0 var(--ink);color:var(--ink);background:#fffdf6;border-radius:11px;justify-self:start;padding:8px 13px;font-size:11px;font-weight:900;text-decoration:none}.friend-header>button{cursor:pointer;justify-self:end}.friend-entry{border:3px solid var(--ink);text-align:center;background:radial-gradient(circle at 20% 25%,#ffca3a47,#0000 23%),radial-gradient(circle at 82% 70%,#58b9f53d,#0000 26%),#fffdf6;border-radius:25px;align-content:center;place-items:center;min-height:540px;padding:35px;display:grid;box-shadow:8px 9px #26344f29}.friend-badge{color:#397ba7;background:#dff6ff;border-radius:99px;padding:5px 10px;font-size:9px;font-weight:900}.friend-entry h2{letter-spacing:-.05em;max-width:520px;margin:14px 0 8px;font-size:clamp(27px,5vw,47px)}.friend-entry p{max-width:520px;color:var(--muted);margin:0 0 25px;font-size:12px;line-height:1.7}.friend-lobby-weapons{grid-template-columns:repeat(3,1fr);gap:9px;width:min(620px,100%);margin:0 auto 16px;display:grid}.friend-lobby-weapons button{border:1px solid var(--ink);min-height:62px;color:var(--ink);text-align:left;cursor:pointer;background:#ffffffd6;border-radius:12px;grid-template-columns:18px 1fr;align-items:center;gap:2px 7px;padding:8px 11px;display:grid}.friend-lobby-weapons button.is-active{box-shadow:3px 3px 0 var(--ink);background:#fff1aa}.friend-lobby-weapons i,.friend-items i{border:1px solid var(--ink);border-radius:50%;width:14px;height:14px}.friend-lobby-weapons strong{font-size:11px}.friend-lobby-weapons small{color:var(--muted);grid-column:2;font-size:8px}.friend-entry-actions{align-items:center;gap:12px;display:flex}.friend-entry-actions>button,.friend-entry-actions label button{border:2px solid var(--ink);background:var(--yellow);min-height:45px;box-shadow:3px 3px 0 var(--ink);cursor:pointer;border-radius:12px;padding:0 18px;font-size:12px;font-weight:900}.friend-entry-actions>span{color:var(--muted);font-size:10px}.friend-entry-actions label{display:flex}.friend-entry-actions input{border:2px solid var(--ink);width:160px;min-height:45px;font:inherit;letter-spacing:.12em;text-transform:uppercase;background:#fff;border-right:0;border-radius:12px 0 0 12px;padding:0 12px;font-size:12px;font-weight:900}.friend-entry-actions label button{background:var(--blue);box-shadow:3px 3px 0 var(--ink);border-radius:0 12px 12px 0}.friend-entry>small{min-height:18px;color:var(--muted);margin-top:16px;font-size:10px}.friend-room{border:3px solid var(--ink);background:#fffdf6;border-radius:23px;overflow:hidden;box-shadow:7px 8px #26344f29}.friend-room-bar{border-bottom:2px solid var(--ink);align-items:center;gap:10px;min-height:58px;padding:8px 14px;display:flex}.friend-room-bar>div{align-items:baseline;gap:8px;display:flex}.friend-room-bar small{color:var(--muted);font-size:8px}.friend-room-bar strong{letter-spacing:.18em;font-size:22px}.friend-room-bar button{border:1px solid var(--ink);cursor:pointer;background:#fff;border-radius:8px;padding:6px 9px;font-size:9px;font-weight:900}.friend-room-bar>span{color:var(--muted);background:#ece9df;border-radius:99px;margin-left:auto;padding:5px 9px;font-size:9px;font-weight:900}.friend-room-bar>span.is-online{color:#28834d;background:#dff6e3}.friend-hud{grid-template-columns:1fr 150px 1fr;align-items:center;gap:25px;padding:10px 16px;display:grid}.friend-hud>div{grid-template-columns:1fr auto;gap:4px 8px;display:grid}.friend-hud>div:last-child{text-align:right}.friend-hud>div>span{color:var(--muted);font-size:9px}.friend-hud i{border:1px solid var(--ink);background:#e4e1d8;border-radius:99px;grid-column:1/-1;height:9px;overflow:hidden}.friend-hud i b{background:linear-gradient(90deg,#67d77b,#ffd15c);height:100%;transition:width .25s;display:block}.friend-hud section{text-align:center}.friend-hud section strong{font-size:12px;display:block}.friend-hud section span{color:var(--blue);font-size:9px;font-weight:900}.friend-canvas-wrap{background:#7acfff;position:relative}.friend-canvas-wrap canvas{aspect-ratio:1000/520;width:100%}.friend-result{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;text-align:center;background:#202d4985;place-content:center;justify-items:center;display:grid;position:absolute;inset:0}.friend-result>span{color:var(--yellow);font-size:42px}.friend-result h2{margin:4px 0;font-size:34px}.friend-result p{margin:0 0 12px;font-size:10px}.friend-result button{border:2px solid var(--ink);background:var(--yellow);min-height:39px;box-shadow:2px 2px 0 var(--ink);cursor:pointer;border-radius:11px;padding:0 15px;font-weight:900}.friend-controls{border-top:2px solid var(--ink);grid-template-columns:190px 180px minmax(190px,1fr) 210px 100px;align-items:center;gap:10px;padding:12px;display:grid}.friend-adjust{grid-template-columns:38px 1fr 38px;align-items:center;gap:5px;display:grid}.friend-adjust button,.friend-weapons button{border:1px solid var(--ink);cursor:pointer;background:#fff;border-radius:9px;min-height:37px;font-weight:900}.friend-adjust span{text-align:center;font-size:9px}.friend-adjust strong{font-size:15px;display:block}.friend-weapons{grid-template-columns:1fr;gap:5px;display:grid}.friend-weapons button{justify-content:center;align-items:center;gap:5px;padding:0 5px;font-size:9px;display:flex}.friend-weapons button i{border:1px solid var(--ink);border-radius:50%;width:12px;height:12px}.friend-weapons button.is-active{background:#fff1aa;box-shadow:0 0 0 2px #ffca3a73}.friend-weapons button.is-cooling{color:#9d3f31;background:repeating-linear-gradient(-45deg,#ff76572e 0 5px,#ffffffb8 5px 10px)}.friend-items{justify-content:center;align-items:center;gap:5px;min-width:0;display:flex}.friend-items>span{color:var(--muted);text-align:center;font-size:8px;font-weight:850}.friend-items button{border:1px solid var(--ink);cursor:pointer;background:#fff;border-radius:9px;align-items:center;gap:5px;min-width:0;min-height:37px;padding:0 8px;font-size:8px;font-weight:900;display:flex}.friend-items button.is-active{background:#dff7ff;box-shadow:0 0 0 2px #4acdee61}.friend-power{grid-template-columns:65px 1fr;align-items:center;gap:7px;display:grid}.friend-power span{text-align:center;font-size:9px}.friend-power strong{font-size:14px;display:block}.friend-power input{width:100%;accent-color:var(--orange)}.friend-fire{border:2px solid var(--ink);background:var(--yellow);min-height:48px;box-shadow:3px 3px 0 var(--ink);cursor:pointer;border-radius:13px;font-weight:950}.friend-controls button:disabled,.friend-power input:disabled{cursor:not-allowed;filter:grayscale(.7);opacity:.48}.friend-weapons button:disabled{filter:none;opacity:1}.friend-status{border-top:1px solid var(--ink);min-height:29px;color:var(--muted);text-align:center;background:#fff8df;padding:7px 12px;font-size:9px;font-weight:800}.friend-status.has-issue{color:#b34545;background:#ffe3df}.friend-waiting{text-align:center;background:radial-gradient(circle,#58b9f533,#0000 30%),#f7fbff;place-content:center;justify-items:center;min-height:520px;display:grid}.friend-waiting>span{color:var(--blue);letter-spacing:.16em;font-size:38px}.friend-waiting h2{margin:6px 0}.friend-waiting p{max-width:360px;color:var(--muted);margin:0;font-size:11px;line-height:1.6}@media (width<=950px) and (orientation:landscape){.friend-shell{width:100%;height:100dvh;padding:0;overflow:hidden}.friend-header{z-index:30;pointer-events:none;margin:0;position:absolute;top:5px;left:7px;right:7px}.friend-header>a,.friend-header>button{pointer-events:auto;border-width:1px;min-height:30px;padding:5px 9px;font-size:8px}.friend-header h1{font-size:16px}.friend-header>div>span{font-size:7px}.friend-entry,.friend-room{width:100%;height:100dvh;min-height:0;box-shadow:none;border:0;border-radius:0}.friend-entry{padding-top:40px}.friend-entry h2{margin:8px 0 5px;font-size:clamp(23px,5vw,36px)}.friend-entry p{margin-bottom:14px;font-size:9px}.friend-lobby-weapons{width:min(560px,100% - 24px);margin-bottom:10px}.friend-lobby-weapons button{min-height:51px;padding:6px 8px}.friend-entry-actions>button,.friend-entry-actions label button,.friend-entry-actions input{min-height:38px}.friend-room-bar{z-index:25;border:1px solid var(--ink);background:#fffdf6eb;border-radius:10px;min-height:36px;padding:4px 8px;position:absolute;top:42px;left:7px;right:7px}.friend-room-bar strong{font-size:15px}.friend-hud{z-index:24;border:1px solid var(--ink);background:#fffdf6e6;border-radius:11px;grid-template-columns:1fr 100px 1fr;gap:8px;width:min(480px,100% - 260px);padding:5px 9px;position:absolute;top:82px;left:50%;transform:translate(-50%)}.friend-canvas-wrap{height:100%}.friend-canvas-wrap canvas{aspect-ratio:auto;object-fit:contain;width:100%;height:100%}.friend-controls{z-index:26;right:max(8px, env(safe-area-inset-right));bottom:max(8px, env(safe-area-inset-bottom));border:1px solid var(--ink);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#fffdf6e6;border-radius:13px;grid-template-columns:118px 100px 1fr 68px;gap:5px;width:420px;padding:7px;position:absolute}.friend-adjust{grid-template-columns:32px 1fr 32px}.friend-adjust button,.friend-weapons button{min-height:32px}.friend-weapons{grid-area:1/1/auto/3}.friend-items{grid-area:1/3/auto/5}.friend-adjust{grid-area:2/1}.friend-power{grid-area:2/2/auto/4;grid-template-columns:43px 1fr}.friend-fire{grid-area:2/4;min-height:48px}.friend-status{z-index:23;bottom:8px;left:max(8px, env(safe-area-inset-left));border:1px solid var(--ink);background:#fff8dfe6;border-radius:99px;width:240px;position:absolute}.friend-waiting{height:100%;min-height:0}}.friend-portrait-hint{display:none}@media (width<=760px) and (orientation:portrait){.friend-shell{display:none}.friend-portrait-hint{z-index:300;color:var(--ink);text-align:center;background:radial-gradient(circle at 50% 35%,#ffd34d61,#0000 24%),linear-gradient(160deg,#e9f8ff,#fff6cf);place-content:center;justify-items:center;gap:8px;padding:28px;display:grid;position:fixed;inset:0}.friend-portrait-hint span{color:var(--blue);font-size:58px;line-height:1}.friend-portrait-hint strong{font-size:22px}.friend-portrait-hint small{color:var(--muted);font-weight:750}}body:has(.friend-shell-v18){overscroll-behavior:none;background:#14243c;width:100%;height:100%;overflow:hidden}.friend-shell-v18{background:#65c7ff;width:100%;height:100dvh;min-height:0;padding:0;position:relative;overflow:hidden}.friend-entry-v18{width:100%;max-width:none;min-height:0;padding:clamp(24px, 6vh, 70px) max(22px, env(safe-area-inset-left));color:#fff9dc;text-align:center;background:linear-gradient(90deg,#132d4bcc,#132d4b33 62%,#132d4b99),url(/bangbang/assets/art/battlefield-atlas-v09.png) top/cover no-repeat,#65c7ff;border:0;border-radius:0;margin:0;position:absolute;inset:0}.friend-entry-v18 .friend-back{top:max(14px, env(safe-area-inset-top));left:max(14px, env(safe-area-inset-left));color:#19314f;background:#fffae0e6;border:2px solid #152d4e;border-radius:12px;padding:9px 13px;font-weight:900;text-decoration:none;position:absolute;box-shadow:2px 2px #152d4e}.friend-entry-v18 h1{color:#fff9dc;text-shadow:0 3px #17324f,0 8px 28px #09182b73;margin:9px 0 5px;font-size:clamp(24px,4vw,48px);line-height:1.05}.friend-entry-v18>p,.friend-entry-v18>small{color:#fff9dce6;text-shadow:0 1px 2px #17324f}.friend-entry-v18 .friend-badge{color:#ffe879;background:#153251bd;border:1px solid #ffffff80}.friend-entry-v18 .friend-lobby-weapons{width:min(620px,78vw);margin:8px auto 10px}.friend-lobby-characters{justify-content:center;gap:7px;width:min(470px,68vw);margin:10px auto 0;display:flex}.friend-lobby-characters button{color:#17324f;text-align:left;background:#fffae0e0;border:2px solid #17324f;border-radius:13px;grid-template-rows:auto auto;grid-template-columns:34px auto;align-items:center;column-gap:6px;min-width:118px;padding:4px 9px;display:grid;box-shadow:2px 2px #17324f}.friend-lobby-characters button.is-active{background:#9ff0dc;transform:translateY(-2px)}.friend-lobby-characters button>span{background-color:#6db5d6;background-position:50% 18%;background-repeat:no-repeat;background-size:155%;border-radius:50%;grid-row:1/span 2;width:34px;height:34px}.friend-lobby-characters strong{font-size:11px}.friend-lobby-characters small{color:#64738b;font-size:8px}.friend-entry-v18 .friend-lobby-weapons button{background:#fffae0e6;border:2px solid #17324f;min-height:88px;box-shadow:3px 3px #17324f}.friend-entry-v18 .friend-lobby-weapons button.is-active{background:#fff0a3;transform:translateY(-3px)}.friend-entry-v18 .friend-lobby-weapons img{object-fit:contain;width:38px;height:38px}.friend-entry-v18 .friend-entry-actions{justify-content:center}.friend-entry-v18 .friend-entry-actions>button,.friend-entry-v18 .friend-entry-actions label button,.friend-entry-v18 .friend-entry-actions input{border:2px solid #17324f;box-shadow:2px 2px #17324f}.friend-room-v18,.friend-battle-card,.friend-canvas-v18{width:100%;height:100%;min-height:0;position:relative;overflow:hidden}.friend-room-tools{z-index:60;top:max(10px, env(safe-area-inset-top));left:max(10px, env(safe-area-inset-left));gap:6px;display:flex;position:absolute}.friend-room-tools a,.friend-room-tools button{color:#17324f;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#fffae0e0;border:2px solid #17324f;border-radius:11px;min-height:32px;padding:0 10px;font:900 10px/1 system-ui,sans-serif;text-decoration:none;box-shadow:2px 2px #17324f}.friend-room-tools a{place-items:center;display:grid}.friend-hud-v18{z-index:35;top:max(9px, env(safe-area-inset-top));color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(#1a385be8,#0e2744e8);border:2px solid #0f2640e0;border-radius:17px;grid-template-columns:minmax(150px,1fr) 140px minmax(150px,1fr);align-items:center;gap:12px;width:auto;min-width:0;height:auto;padding:7px 11px;display:grid;position:absolute;left:205px;right:90px;transform:none;box-shadow:0 6px 18px #0d1e3247,inset 0 1px #fff3}.friend-hud-v18 article{align-items:center;gap:8px;display:flex}.friend-hud-v18 article:last-child{text-align:right;justify-content:flex-end}.friend-hud-v18 article>div{flex:1;min-width:105px}.friend-avatar{background-color:#6db5d6;background-position:50% 18%;background-repeat:no-repeat;background-size:155%;border:2px solid #ffe47b;border-radius:50%;flex:0 0 34px;width:34px;height:34px;box-shadow:0 0 0 2px #0a1e34bf}.friend-avatar-guest{background-color:#b3594f;border-color:#ff8d73}.friend-hud-v18 strong,.friend-hud-v18 small,.friend-hud-v18 span{display:block}.friend-hud-v18 strong{color:#fff8d8;font-size:11px}.friend-hud-v18 small,.friend-hud-v18 section span{color:#e2f1ffcc;font-size:8px}.friend-hud-v18 article i{background:#051425ad;border:1px solid #ffffff9e;border-radius:6px;height:8px;margin-top:4px;display:block;overflow:hidden}.friend-hud-v18 article i b{border-radius:inherit;height:100%;transition:width .3s;display:block}.friend-hud-v18>section{text-align:center}.friend-canvas-v18 canvas{touch-action:none;cursor:crosshair;width:100%;height:100%;display:block}.friend-canvas-v18.is-impact canvas{animation:.24s ease-out friend-impact-shake}@keyframes friend-impact-shake{0%,to{transform:translate(0)}25%{transform:translate(-5px,2px)}50%{transform:translate(5px,-2px)}75%{transform:translate(-2px,1px)}}.friend-combat-callout{z-index:44;color:#fff;text-align:center;pointer-events:none;background:#132d4be6;border:2px solid #16304f;border-radius:15px;min-width:180px;padding:8px 16px;animation:.22s ease-out friend-callout-in;display:grid;position:absolute;top:96px;left:50%;transform:translate(-50%);box-shadow:3px 3px #10253fbf}.friend-combat-callout strong{font-size:15px}.friend-combat-callout span{opacity:.82;margin-top:2px;font-size:9px}.friend-combat-callout.tone-gold strong{color:#fff06b}.friend-combat-callout.tone-red strong{color:#ff9c83}.friend-combat-callout.tone-cyan strong{color:#88efff}.friend-combat-callout.tone-green strong{color:#8ff0a1}@keyframes friend-callout-in{0%{opacity:0;transform:translate(-50%,-10px)scale(.94)}to{opacity:1;transform:translate(-50%)scale(1)}}.friend-last-shot{z-index:36;right:max(14px, env(safe-area-inset-right));color:#fff7cf;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#112a468c;border:1px solid #ffffff73;border-radius:11px;grid-template-columns:auto auto;gap:1px 7px;padding:5px 9px;font-size:8px;display:grid;position:absolute;top:72px}.friend-last-shot span{color:#8deeff;grid-row:1/span 2;align-self:center}.friend-last-shot strong{font-size:9px}.friend-last-shot i{opacity:.75;font-style:normal}.friend-result-v181{color:#fff8d8;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0b1f36ad}.friend-result-v181 p{color:#fff8d8d1}.friend-result-v181>div{justify-content:center;gap:8px;display:flex}.friend-result-v181 button{min-width:100px}.friend-result-v181 button:first-child{background:#ffe36c}.friend-result-v181 button:disabled{opacity:.64}.friend-mobile-controls{z-index:38;pointer-events:none;transition:opacity .16s;position:absolute;inset:0}.friend-mobile-controls.is-charging{opacity:.14}.friend-left-controls,.friend-right-controls{bottom:max(12px, env(safe-area-inset-bottom));pointer-events:auto;align-items:flex-end;gap:5px;display:flex;position:absolute}.friend-left-controls{left:max(13px, env(safe-area-inset-left));grid-template-columns:repeat(4,42px);display:grid}.friend-left-controls button,.friend-right-controls>button,.friend-weapon-orb{color:#fff8dc;text-shadow:0 1px 2px #10243d;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#142b466b;border:1px solid #ffffff80;border-radius:13px;place-items:center;min-width:42px;height:42px;padding:3px;font:900 9px/1 system-ui,sans-serif;display:grid;box-shadow:0 2px 8px #0a192a33}.friend-left-controls button:disabled,.friend-right-controls>button:disabled{opacity:.35}.friend-left-controls>span{color:#fff5c8;background:#11284373;border-radius:9px;grid-column:1/-1;justify-self:start;padding:3px 8px;font:900 9px/1 system-ui,sans-serif}.friend-right-controls{right:max(13px, env(safe-area-inset-right))}.friend-right-controls img,.friend-weapon-orb img{object-fit:contain;width:28px;height:28px}.friend-right-controls>button{position:relative}.friend-right-controls>button.is-active{background:#6f571cb3;border-color:#fff078;box-shadow:0 0 0 2px #ffee6359}.friend-right-controls>button span{font-size:7px;position:absolute;bottom:2px;right:2px}.friend-weapon-orb{grid-template-columns:30px 1fr;width:58px;height:48px}.friend-weapon-orb span{font-size:7px}.friend-weapon-orb.is-cooling:after{content:"散热";background:#ef6658;border-radius:7px;padding:2px 5px;font-size:7px;position:absolute}.friend-power-meter{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0b203780;border:1px solid #ffffff94;border-radius:10px;width:116px;height:18px;position:relative;overflow:hidden}.friend-power-meter i{z-index:2;background:#ffed5b38;width:22%;height:100%;position:absolute;left:64%}.friend-power-meter b{background:linear-gradient(90deg,#5ce6c1,#ffe46d,#ff725f);height:100%;display:block}.friend-power-meter strong{z-index:3;color:#fff;text-shadow:0 1px 2px #112a47;place-items:center;font-size:8px;display:grid;position:absolute;inset:0}.friend-status-v18{z-index:39;color:#fff6c5;text-align:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#112a46a3;border:1px solid #ffffff80;border-radius:12px;width:auto;min-width:150px;padding:5px 11px;font-size:9px;position:absolute;top:70px;bottom:auto;left:50%;transform:translate(-50%)}.friend-heal-action{z-index:42;color:#17324f;background:#8ceb9b;border:2px solid #17324f;border-radius:12px;padding:8px 12px;font-weight:900;position:absolute;bottom:76px;right:20px;box-shadow:2px 2px #17324f}.friend-waiting-v18{color:#fff9dc;text-align:center;background:linear-gradient(#132d4b4d,#132d4b8c),url(/bangbang/assets/art/battlefield-atlas-v09.png) top/cover no-repeat,#65c7ff;border:0;border-radius:0;place-content:center;gap:8px;width:100%;min-height:0;display:grid;position:absolute;inset:0}.friend-waiting-v18>span{color:#ffe66d;letter-spacing:.14em;text-shadow:0 2px #17324f;font-size:20px;font-weight:1000}.friend-waiting-v18 button{color:#17324f;background:#ffe57a;border:2px solid #17324f;border-radius:12px;justify-self:center;padding:10px 15px;font-weight:900;box-shadow:2px 2px #17324f}@media (width<=900px) and (orientation:landscape){.friend-hud-v18{grid-template-columns:minmax(120px,1fr) 112px minmax(120px,1fr);gap:8px;padding:5px 8px;top:7px;left:198px;right:58px}.friend-room-tools{top:7px;left:7px}.friend-room-tools a,.friend-room-tools button{min-height:28px;padding:0 7px;font-size:8px}.friend-status-v18{top:58px}.friend-combat-callout{min-width:150px;padding:5px 12px;top:58px}.friend-combat-callout strong{font-size:11px}.friend-last-shot{top:57px}.friend-left-controls,.friend-right-controls{bottom:8px}.friend-left-controls{grid-template-columns:repeat(4,36px)}.friend-left-controls button,.friend-right-controls>button{min-width:36px;height:36px}.friend-weapon-orb{width:50px;height:40px}.friend-power-meter{width:92px;height:15px}.friend-entry-v18{padding-top:30px}.friend-entry-v18 h1{margin:4px 0 2px;font-size:25px}.friend-entry-v18>p{margin:2px 0;font-size:10px}.friend-entry-v18 .friend-lobby-weapons{margin:5px auto 6px}.friend-entry-v18 .friend-lobby-weapons button{min-height:58px}.friend-lobby-characters{margin-top:5px}.friend-lobby-characters button{min-width:102px;padding:2px 6px}.friend-lobby-characters button>span{width:29px;height:29px}}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}.game-shell .canvas-wrap canvas{cursor:crosshair;touch-action:none;-webkit-user-select:none;user-select:none}.game-shell .mobile-left-controls,.game-shell .mobile-right-controls,.game-shell .control-deck{transition:opacity .14s,transform .14s}.game-shell.is-charging .mobile-left-controls,.game-shell.is-charging .mobile-right-controls,.game-shell.is-charging .control-deck{opacity:.2}.game-shell .last-shot-chip{z-index:38;top:112px;left:max(14px, env(safe-area-inset-left));color:#eef7ffcc;pointer-events:none;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#081f3694;border:1px solid #ffffff57;border-radius:99px;align-items:center;gap:6px;padding:4px 8px;font-size:8px;display:flex;position:absolute}.game-shell .last-shot-chip strong{color:#fff}.game-shell .last-shot-chip i{color:#ffe27a;font-style:normal;font-weight:900}.game-shell .tactical-energy{z-index:38;top:112px;right:max(14px, env(safe-area-inset-right));color:#eef7ffd1;pointer-events:none;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#081f369e;border:1px solid #ffffff61;border-radius:99px;align-items:center;gap:6px;padding:4px 8px;font-size:8px;display:flex;position:absolute}.game-shell .tactical-energy strong{color:#fff08a;font-size:10px}.game-shell .tactical-energy i{color:#78e8ff;font-style:normal;font-weight:900}.game-shell .weapon-chip:disabled{filter:none;opacity:1}.game-shell .weapon-chip{position:relative}.game-shell .weapon-cooling-badge{color:#172d4c;background:#ffdf65;border:1px solid #172d4c;border-radius:99px;padding:2px 4px;font-size:6px;font-style:normal;font-weight:950;line-height:1;position:absolute;top:-5px;right:-7px}.game-shell .result-actions{z-index:2;gap:8px;display:flex;position:relative}.game-shell .result-actions button{color:#172d4c;background:linear-gradient(#ffe068,#f4b93d);border:2px solid #172d4c;border-radius:12px;min-height:42px;padding:0 18px;font-weight:950;box-shadow:0 3px #172d4c}@media (width>=951px) and (orientation:landscape){.game-shell .mobile-controls{display:none}.game-shell .control-deck{z-index:42;box-shadow:none;pointer-events:none;background:0 0;border:0;grid-template-columns:92px 116px minmax(0,1fr);gap:7px;margin:0;padding:0;display:grid;position:absolute;bottom:12px;left:14px;right:14px}.game-shell .control-group{color:#f4f8ff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);pointer-events:auto;background:#071c3347;border:1px solid #dff1ff4d;border-radius:12px;min-height:0;padding:5px 7px;box-shadow:0 3px 12px #07162721}.game-shell .control-label{color:#e9f4fdb8;font-size:8px}.game-shell .control-group small,.game-shell .wind-control{display:none}.game-shell .button-pair,.game-shell .angle-readout{gap:4px;margin-top:3px}.game-shell .button-pair button,.game-shell .angle-readout button{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#f8fbff94;border:1px solid #ffffff80;border-radius:9px;width:31px;height:29px;font-size:15px;box-shadow:0 2px 7px #07162726}.game-shell .angle-readout strong{color:#fff4a5;min-width:38px;font-size:16px}.game-shell .power-control{grid-column:3;grid-template-rows:24px 29px;grid-template-columns:168px 168px minmax(150px,1fr);align-items:center;gap:4px 7px;min-width:0;padding:4px 6px;display:grid}.game-shell .desktop-weapons,.game-shell .desktop-items{grid-template-rows:12px 1fr;align-self:stretch;min-width:0;margin:0;display:grid}.game-shell .desktop-weapons{grid-area:1/1/span 2}.game-shell .desktop-items{grid-area:1/2/span 2}.game-shell .weapon-tray,.game-shell .item-tray{gap:4px;margin:0;display:flex}.game-shell .weapon-chip,.game-shell .item-slot{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#f5f9ff7a;border:1px solid #ffffff80;border-radius:9px;justify-content:center;width:46px;min-width:0;min-height:35px;padding:2px;box-shadow:0 2px 7px #07162724}.game-shell .weapon-chip i,.game-shell .item-icon{background-position:50%;background-size:cover;border-radius:7px;width:29px;height:29px}.game-shell .weapon-chip i:before,.game-shell .weapon-chip i:after,.game-shell .weapon-chip>span,.game-shell .item-slot>span{display:none}.game-shell .power-heading{grid-area:1/3;margin:0}.game-shell .power-heading strong{color:#fff4a5;font-size:13px}.game-shell .power-track{grid-area:2/3;height:15px;margin:0}}@media (width<=950px) and (orientation:landscape){.game-shell .last-shot-chip{top:80px;left:max(8px, env(safe-area-inset-left));padding:3px 7px;font-size:7px}.game-shell .tactical-energy{top:80px;right:max(8px, env(safe-area-inset-right));padding:3px 7px;font-size:7px}.game-shell .tactical-energy strong{font-size:8px}.game-shell .result-actions button{min-height:34px;padding:0 13px;font-size:10px}.game-shell .mobile-controls:before,.game-shell .mobile-fire{display:none}.game-shell .mobile-left-controls{bottom:max(9px, env(safe-area-inset-bottom));left:max(8px, env(safe-area-inset-left));grid-template-columns:repeat(4,37px);gap:4px}.game-shell .mobile-left-controls button{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#f6faff85;border:1px solid #ffffff8f;border-radius:10px;width:37px;height:31px;font-size:15px;box-shadow:0 2px 8px #07162721}.game-shell .mobile-left-controls button span{font-size:6px}.game-shell .mobile-angle{color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#091c3159;border:1px solid #ffffff52;grid-column:1/-1;width:max-content;padding:2px 7px;font-size:7px}.game-shell .mobile-right-controls{right:max(7px, env(safe-area-inset-right));bottom:max(8px, env(safe-area-inset-bottom));grid-template-rows:29px 29px 10px;grid-template-columns:168px;gap:3px}.game-shell .weapon-tray-mobile,.game-shell .item-tray-mobile{grid-column:1;justify-content:flex-end;gap:4px}.game-shell .weapon-tray-mobile{grid-row:1}.game-shell .item-tray-mobile{grid-row:2}.game-shell .weapon-tray-mobile .weapon-chip,.game-shell .item-tray-mobile .item-slot{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#f5f9ff70;border:1px solid #ffffff85;border-radius:8px;width:52px;min-height:28px;padding:1px;box-shadow:0 2px 8px #07162721}.game-shell .weapon-chip i,.game-shell .item-icon{border-radius:6px;width:26px;height:26px}.game-shell .item-tray-mobile .item-slot span{display:none}.game-shell .mobile-power{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#f8fbff5c;border:1px solid #ffffff80;grid-area:3/1;height:9px;margin:0}.game-shell .mobile-power strong{font-size:7px;line-height:7px}}