@layer game-frames{:root{--game-frame-edge:#477c92;--game-frame-light:#83bfd2;--game-frame-dark:#153c51;--game-frame-radius:10px;--game-frame-shadow:0 16px 60px #0008;--game-frame-art:url(/game-ui/frames/arena-stage.webp);--game-frame-slice:100 190;--game-frame-width:44px;--game-frame-size:max(26px, var(--game-frame-stone-art-width,var(--game-frame-width)));--game-frame-border:calc(var(--game-frame-size)*.38) calc(var(--game-frame-size)*.63) calc(var(--game-frame-size)*.43);--game-frame-image:var(--game-frame-art) var(--game-frame-slice) / var(--game-frame-size) calc(var(--game-frame-size)*1.9) / 0 round}.boa-frame-cinematic{--game-frame-width:28px}.boa-frame-cinematic--stone{--game-frame-width:36px}.boa-frame-cinematic.is-selected{filter:drop-shadow(0 0 6px #ffc96588)}dialog[data-game-dialog]{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#477c92 #071926;height:fit-content!important;min-height:0!important;max-height:calc(calc(100*var(--vh,1vh)) - 24px)!important;max-width:calc(calc(100*var(--vw,1vw)) - 24px)!important;box-sizing:border-box!important;box-shadow:none!important;overflow:var(--game-dialog-overflow,auto)!important;background:0 0!important;border:0!important;border-image:!important}dialog[data-game-dialog]::backdrop{-webkit-backdrop-filter:blur(7px)!important;backdrop-filter:blur(7px)!important;background:#030a12c9!important}dialog[data-game-dialog][data-game-layout=fullscreen]{width:100%!important;max-width:100%!important;height:calc(100*var(--vh,1vh))!important;max-height:calc(100*var(--vh,1vh))!important;border-radius:0!important;margin:0!important;padding:0!important;inset:0!important;overflow:hidden!important}:is(.boa-ui-frame,.boa-ui-panel,dialog[data-game-dialog]:not(:is(.demo-dialog,.flip-detail-dialog,.icon-workshop-dialog,.reinforcement-dialog.has-selected))>section,.home-panel,.game-start-card,.social-modal,.party-watch-shell,.gem-shop-shell,.gem-board-shell,.economy-decision,.economy-unlock,.vault-shell,.strike-scene,.player-profile-scene,.reinforcement-dialog:not(.has-selected) .reinforcement-choice-shell,.reinforcement-battle-shell,.starter-result-panel,.journey-reward-panel,.journey-name-panel,.earned-board-shell,.delivery-panel,.match-options-frame,.collection-dialog-panel,.history-save-panel,.bl-dialog-panel,.deck-guide,.deck-list-preview,.coverage-tooltip,.lesson-hint,.post-match-coach .coach-card,.card-browser-dialog .card-browser,.deck-tooltip.card-field-guide[popover],.boa-shell .shell-window,.deck-forge:not(.shell-window .deck-forge) :is(.active-deck,.collection-panel),.profile-page .profile-panel,.boa-shell .boa-options:not(.brawl-settings .boa-options),.boa-shell .atelier .model-stage,.social-friends-frame,.social-club-banner,.social-discovery-hero,.menu-social-dock,.social-live-invitation,.party-members,.party-chat,.party-match-tile,.party-spotlight,.first-guide .guide-panel,.first-guide .guide-cue,.starter-journey,.battle-review-journal,.route-state-card,.card-browser,.purchase-dialog,.account-reward){--game-frame-size:max(26px,var(--game-frame-stone-art-width,var(--game-frame-width)));--game-frame-border:calc(var(--game-frame-size)*.38) calc(var(--game-frame-size)*.63) calc(var(--game-frame-size)*.43);--game-frame-image:var(--game-frame-art) var(--game-frame-slice) / var(--game-frame-size) calc(var(--game-frame-size)*1.9) / 0 round;border-style:solid!important;border-color:#0000!important;border-width:var(--game-frame-stone-width,var(--game-frame-border))!important;border-image:var(--game-frame-image)!important;box-shadow:var(--game-frame-shadow)!important;background-clip:padding-box!important;border-radius:0!important}:is(.deck-list-preview,.coverage-tooltip,.lesson-hint,.party-match-tile,.first-guide .guide-cue,.social-live-invitation,.menu-social-dock,.account-reward,.party-chat,.party-spotlight,.starter-journey,.card-browser,.route-state-card){--game-frame-width:30px}.party-members{--game-frame-width:26px}dialog[data-game-dialog][data-game-layout=fullscreen].brawl-show-dialog>section{box-shadow:none!important;border:0!important;border-radius:0!important}dialog[data-game-dialog].brawl-show-dialog::backdrop{-webkit-backdrop-filter:none!important;backdrop-filter:none!important}dialog[data-game-dialog]:is(.demo-dialog,.flip-detail-dialog,.icon-workshop-dialog){--game-frame-size:max(26px,var(--game-frame-stone-art-width,var(--game-frame-width)));--game-frame-border:calc(var(--game-frame-size)*.38) calc(var(--game-frame-size)*.63) calc(var(--game-frame-size)*.43);--game-frame-image:var(--game-frame-art) var(--game-frame-slice) / var(--game-frame-size) calc(var(--game-frame-size)*1.9) / 0 round;border-style:solid!important;border-color:#0000!important;border-width:var(--game-frame-stone-width,var(--game-frame-border))!important;border-image:var(--game-frame-image)!important;box-shadow:var(--game-frame-shadow)!important;background-color:#10232e!important;background-clip:padding-box!important;border-radius:0!important}dialog[data-game-dialog].reinforcement-dialog:has(.reinforcement-choice-shell){overflow:hidden!important}@media (max-width:680px){:root{--game-frame-width:32px}dialog[data-game-dialog]{max-height:calc(calc(100*var(--vh,1vh)) - 16px)!important;max-width:calc(calc(100*var(--vw,1vw)) - 16px)!important}}}@layer game-focus{:focus{outline:none!important}:is(button,a[href],input,select,textarea,summary,[role=button],[tabindex]):focus-visible:not(dialog):not([tabindex="-1"]){filter:brightness(1.12)drop-shadow(0 0 5px #79d8edaa)!important}@media (forced-colors:active){:focus-visible{outline-offset:2px;outline:2px solid highlight!important}}}.boa-frame-close{--cap:max(44px, calc(var(--game-frame-size) * 1.62));z-index:20;width:var(--cap);height:var(--cap);box-sizing:border-box;cursor:pointer;color:#e4f6ff;background:var(--game-frame-art) right top / calc(var(--cap) * 10.24) calc(var(--cap) * 3.43) no-repeat;filter:drop-shadow(-2px 4px 4px #000b)drop-shadow(0 0 1px #000);-webkit-tap-highlight-color:transparent;isolation:isolate;border:0;border-radius:0;place-items:center;margin:0;padding:0;display:grid;position:absolute;top:0;right:0}.boa-frame-close:before{content:"";z-index:-1;background:radial-gradient(circle at 50% 38%,#1b4f70,#0a2436 62%,#04111c);border-radius:9px;transition:box-shadow .15s,background .15s;position:absolute;inset:23% 22% 24% 23%;box-shadow:inset 0 4px 6px #000d,inset 0 -1px #7fcff588,0 0 0 2px #04101a,0 0 0 3.5px #3f8fbd88,0 0 8px 3px #2fb4ff33}.boa-frame-close svg{filter:drop-shadow(0 2px #041320)drop-shadow(0 0 4px #5fd2ff66);width:44%;height:44%;transition:transform .12s,filter .15s,color .15s}.boa-frame-close:hover:before,.boa-frame-close:focus-visible:before{background:radial-gradient(circle at 50% 38%,#2a79a6,#0e3550 62%,#06182a);box-shadow:inset 0 3px 5px #000a,inset 0 -1px #9fe2ff99,0 0 0 1.5px #061522,0 0 12px 2px #3fc3ffaa}.boa-frame-close:hover svg,.boa-frame-close:focus-visible svg{color:#fff;filter:drop-shadow(0 2px #041320)drop-shadow(0 0 7px #8fe3ffcc);transform:scale(1.08)}.boa-frame-close:active svg{transform:scale(.92)}.boa-frame-close:focus-visible{outline:none}.boa-frame-close:disabled{cursor:not-allowed;opacity:.55}.boa-frame-close[popover]{color:#e4f6ff;inset:auto;overflow:visible}@media (max-width:600px){.boa-frame-close{--cap:58px}}