.guide-live-controls{pointer-events:auto;align-items:center;gap:8px;display:flex;position:absolute;top:82px;right:18px}.guide-live-controls .guide-exit.boa-ui-button{position:static}.guide-pause-button.boa-ui-button{min-height:44px!important;font-size:17px!important}.guide-pause-button>span{margin-right:5px;font-family:Arial,sans-serif}.guide-pause-hint{color:#c4eafa;align-items:center;gap:8px;font-size:13px;line-height:1.4;display:flex}.guide-pause-hint>span{font:20px Arial}.guide-team-key.guide-grid-key span+span{color:#ffb6a5}.guide-team-key.guide-grid-key span+span i{background:#ff5933}.guide-deployment-grid .guide-shade{opacity:.26}.guide-deployment-grid .guide-vignette{opacity:.4}.guide-new-ground{white-space:normal;background:#082638eb;border:1px solid #7fdfff55;border-radius:4px;width:190px;padding:7px 10px;transform:translate(-50%,-60px)}.guide-manual-pause .guide-panel{top:112px}.guide-info-label{z-index:2}@container (max-width:699px){.guide-live-controls{gap:5px;top:68px;right:10px}.guide-pause-button.boa-ui-button{font-size:14px!important}.guide-manual-pause .guide-panel{top:76px}.guide-deployment-grid .guide-panel{max-height:min(var(--guide-panel-limit),42%)}.guide-new-ground{width:142px;font-size:11px;transform:translate(-50%,-42px)}}.guide-exit.boa-ui-button{pointer-events:auto;z-index:3;position:absolute;top:70px;right:28px;min-height:44px!important;padding:0 7px!important;font-size:13px!important}.guide-live .guide-exit{top:88px}@container (max-width:699px){.guide-exit.boa-ui-button{top:43px;right:10px;font-size:11px!important}.guide-live .guide-exit{top:76px}}.guide-cue{box-sizing:border-box;pointer-events:auto;background:#082333f5 url(/deck-assets/main_background.png) 50%/cover;border:1px solid #6596aa;border-left:3px solid #b8eced;border-radius:5px;width:min(320px,100% - 48px);padding:18px 20px;position:absolute;top:18%;left:24px;box-shadow:0 14px 36px #0007}.guide-cue>strong{color:#ffdb9c;font:24px Brawl,serif;display:block}.guide-cue p{color:#d1e5ed;font-size:14px;line-height:1.4}.guide-cue .boa-ui-button{min-height:44px}.guide-cue-focus{opacity:.7}.guide-spell-area{border:2px solid #cdfbff;border-radius:50%;position:absolute;box-shadow:0 0 20px #80eaff88,inset 0 0 20px #63d3ff66}.guide-spell .guide-ground-ring{display:none}.first-guide{z-index:180;pointer-events:none;color:#eefaff;--guide-cyan:#89edff;--guide-gold:#ffc876;font-family:BrawlSecondary,Arial,sans-serif;position:absolute;inset:0;overflow:hidden;container-type:size}.guide-shade,.guide-flight,.guide-vignette{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.guide-shade{animation:.35s both guide-reveal}.guide-vignette{background:linear-gradient(#020b1570,#0000 18% 90%,#01101b44);box-shadow:inset 0 0 85px 15px #01091955}.guide-header{justify-content:space-between;align-items:center;gap:16px;display:flex;position:absolute;top:20px;left:40px;right:28px}.guide-brand{align-items:center;gap:12px;display:flex}.guide-brand img{object-fit:contain;filter:drop-shadow(0 2px 8px #000);width:43px;height:43px}.guide-brand span{letter-spacing:.18em;color:#aad1dd;font-size:10px;display:block}.guide-brand strong{text-shadow:0 3px #061d2c;font:26px Brawl,serif;display:block}.guide-paused{text-align:center;letter-spacing:.12em;color:#d1f4ff;margin-left:auto;font-size:12px}.guide-paused i{filter:drop-shadow(0 0 7px #2ab9ed);border-left:3px solid #9aeeff;border-right:3px solid #9aeeff;width:8px;height:11px;margin-right:6px;display:inline-block}.guide-paused small{letter-spacing:0;color:#b2cedb;margin-top:4px;font-size:11px;display:block}.guide-close{pointer-events:auto;flex-shrink:0;position:relative!important;inset:auto!important}.guide-chapters{color:#8ca9b9;gap:24px;font-size:12px;display:flex;position:absolute;top:86px;left:46px}.guide-chapters span{align-items:center;gap:7px;display:flex}.guide-chapters b{color:#6b95a7;font:15px Brawl,serif}.guide-chapters .is-current{color:#ecfcff}.guide-chapters .is-current b{color:#ffc876;text-shadow:0 0 12px #fbaf6760}.guide-chapters .is-done,.guide-chapters .is-done b{color:#97dfcf}.guide-panel{box-sizing:border-box;scrollbar-width:thin;scrollbar-color:#598497 #0a2434;pointer-events:auto;isolation:isolate;background:linear-gradient(120deg,#0e2f43d9,#071928f2 82%),url(/deck-assets/main_background.png) 50%/cover;border:2px solid #487b91;border-color:#8cc7d7 #487b91 #143c53;border-radius:6px;width:364px;max-height:calc(100% - 146px);padding:24px;animation:.35s both guide-panel-in;position:absolute;top:128px;left:46px;overflow:auto;box-shadow:0 0 0 1px #020b13,0 18px 50px #0008,inset 0 0 0 3px #72d5ee09}.guide-panel:before,.guide-panel:after{content:"";background:linear-gradient(90deg,#f9d092,#996b3b);width:35px;height:3px;position:absolute;top:0;box-shadow:0 1px 5px #000}.guide-panel:before{left:13px}.guide-panel:after{right:13px;transform:scaleX(-1)}.guide-panel-light{z-index:-1;background:linear-gradient(90deg,#0000,#8af5ff,#0000);height:2px;position:absolute;top:0;left:0;right:0;box-shadow:0 0 20px 2px #48cdff44}.guide-eyebrow{letter-spacing:.16em;color:#a4deeb;margin-bottom:10px;font-size:10px}.guide-panel h1{color:#ffc879;text-shadow:0 3px #753e24,0 5px #07121f;outline:none;margin:0 0 12px;font:37px/1.04 Brawl,serif}.guide-panel h1 span{display:block}.guide-copy{color:#dcebf1;text-wrap:pretty;margin:0;font-size:16px;line-height:1.42}.guide-objective{letter-spacing:.1em;color:#98bdcc;margin:16px 0 0;font-size:9px}.guide-objective strong{letter-spacing:0;color:#ffdc9f;margin-top:4px;font-size:13px;font-weight:400;display:block}.guide-card-story{border-top:1px solid #36586a;align-items:center;gap:14px;margin:16px 0 0;padding-top:14px;display:flex}.guide-card-art{cursor:pointer;filter:drop-shadow(0 7px 9px #0009);background:0 0;border:0;flex:0 0 62px;width:62px;height:83px;padding:0;position:relative;transform:rotate(-4deg)}.guide-card-art>img{object-fit:cover;border-radius:6px;width:100%;height:100%;position:absolute;inset:0}.guide-card-art>img.guide-card-frame{object-fit:fill;border-radius:0}.guide-card-story small{letter-spacing:.09em;color:#abc5d3;font-size:9px}.guide-card-story strong{color:#eefbff;margin:4px 0;font:22px Brawl,serif;display:block}.guide-card-story p{color:#bed2dd;margin:0;font-size:12px;line-height:1.35}.guide-info-link{color:#a4ecff;cursor:pointer;background:0 0;border:0;min-height:44px;padding:6px 0;font:13px BrawlSecondary,Arial}.guide-info-link span{margin-left:5px}.guide-primary.boa-ui-button{justify-content:center;align-items:center;gap:16px;width:100%;margin-top:18px;display:flex;min-height:50px!important;font-size:21px!important}.guide-primary>span{font:24px Arial}.guide-mana-story{text-align:center;border-top:1px solid #335e72;border-bottom:1px solid #233f53;justify-content:space-between;align-items:center;gap:10px;margin-top:18px;padding:14px 0;display:flex}.guide-mana-story>div{flex:1;min-width:0}.guide-mana-story strong{color:#b6efff;text-shadow:0 0 17px #4696ff50;font:34px Brawl,serif;display:block}.guide-mana-story .guide-spend strong{color:#ffcf8d}.guide-mana-story span{letter-spacing:.055em;color:#bdd0dc;margin-top:4px;font-size:9px;display:block}.guide-mana-story>b{color:#7397aa;font:22px Brawl,serif}.guide-action-steps{gap:4px;margin:14px 0;padding:0;font-size:15px;list-style:none;display:grid}.guide-action-steps li{color:#9bb8c7;align-items:center;gap:10px;min-height:40px;display:flex}.guide-action-steps li>span{color:#bed4df;background:#0a1d2c;border:1px solid #4b7081;flex:0 0 25px;place-items:center;height:25px;font:16px Brawl,serif;display:grid;transform:rotate(-2deg)}.guide-action-steps button{font:inherit;color:inherit;cursor:pointer;text-align:left;background:0 0;border:0;min-height:44px;padding:0}.guide-action-steps .is-active{color:#eff}.guide-action-steps .is-active>span{color:#c1faff;background:#183d52;border-color:#88eafa;box-shadow:0 0 15px #5cccf333}.guide-action-steps .is-complete{color:#94d8c5}.guide-demo-actions{gap:9px;display:flex}.guide-demo-actions .boa-ui-button{flex:1;min-height:44px!important;padding-inline:5px!important;font-size:16px!important}.guide-error{color:#ffd390;margin:10px 0;font-size:14px}.guide-info-link:focus-visible,.guide-action-steps button:focus-visible,.guide-card-art:focus-visible{outline-offset:4px;border-radius:3px;outline:2px solid #9af0ff}.guide-focus{box-sizing:content-box;border:1px solid #c4f6ff99;border-radius:9px;animation:.35s both guide-focus-in;position:absolute;box-shadow:0 0 0 3px #8bdfff14,0 0 25px #3bbffc45,inset 0 0 20px #5bdaff17}.guide-focus:after{content:"";border:1px solid #a3ebff24;border-radius:12px;position:absolute;inset:-5px}.guide-focus i{filter:drop-shadow(0 0 5px #69d9ff);border-style:solid;border-color:#d6faff;width:13px;height:13px;position:absolute}.guide-focus i:first-child{border-width:3px 0 0 3px;border-radius:5px 0 0;top:-2px;left:-2px}.guide-focus i:nth-child(2){border-width:3px 3px 0 0;border-radius:0 5px 0 0;top:-2px;right:-2px}.guide-focus i:nth-child(3){border-width:0 0 3px 3px;border-radius:0 0 0 5px;bottom:-2px;left:-2px}.guide-focus i:nth-child(4){border-width:0 3px 3px 0;border-radius:0 0 5px;bottom:-2px;right:-2px}.guide-focus.is-mana{box-shadow:0 0 24px #5976ff70,inset 0 0 13px #688cf533}.guide-anchor-label,.guide-map-label{text-align:center;white-space:nowrap;color:#c1f5ff;text-shadow:0 2px 5px #000,0 0 15px #061b2b;font:16px Brawl,serif;position:absolute;transform:translate(-50%,calc(-100% - 20px))}.guide-anchor-label span,.guide-map-label span{color:#d3e8f0;margin-top:4px;font:11px BrawlSecondary,Arial;display:block}.guide-anchor-label:after{content:"";background:linear-gradient(#9ce9ff,#0000);width:1px;height:12px;position:absolute;top:calc(100% + 3px);left:50%}.guide-mana-label{color:#b9efff;z-index:2;background:#081e32f5;border:1px solid #598dc3;border-radius:4px;align-items:center;gap:9px;padding:5px 11px;display:flex;position:absolute;transform:translate(-50%,-8px);box-shadow:0 0 15px #3983e733}.guide-mana-label strong{white-space:nowrap;font:23px Brawl,serif}.guide-mana-label strong small{color:#88aeca;font-size:15px}.guide-mana-label>span{letter-spacing:.06em;font-size:9px}.guide-ground-ring{border:2px solid #a1f8ff;border-radius:50%;width:118px;height:56px;margin:-28px 0 0 -59px;position:absolute;box-shadow:0 0 22px #55dfff88,inset 0 0 21px #56e4ff4a}.guide-ground-ring>i,.guide-ground-ring>b,.guide-ground-ring>em{border:1px solid #85efff80;border-radius:50%;position:absolute;inset:8px}.guide-ground-ring>b{border-style:dashed;border-color:#90f5ff66;inset:-11px}.guide-ground-ring>em{animation:2s ease-out 3 guide-ring-pulse;inset:-5px}.guide-ground-ring>span{width:3px;height:3px;transform:rotate(calc(var(--i)*45deg)) translateX(50px);animation:guide-mote 2.4s calc(var(--i)*-.27s) ease-in-out 3;background:#c8fbff;border-radius:50%;position:absolute;top:50%;left:50%;box-shadow:0 0 8px 2px #57e8ff}.guide-map-label{font-size:13px;transform:translate(-50%,40px)}.guide-map-label span{font-size:10px}.guide-flight path{filter:drop-shadow(0 0 3px #46bdff);animation:3s linear 3 guide-dash}.guide-ghost-pointer{filter:drop-shadow(0 0 9px #9befff);width:32px;height:43px;animation:3.5s cubic-bezier(.35,0,.2,1) 3 both guide-demonstrate;position:absolute}.guide-ghost-pointer svg{width:100%;height:100%}.guide-ghost-pointer i{border:1px solid #b5f8ff;border-radius:50%;width:30px;height:30px;animation:3.5s ease-in-out 3 guide-tap;position:absolute;top:-12px;left:-12px;box-shadow:0 0 15px #7ddbff44}.guide-tower-halo{border:2px solid #8ceaffa8;border-radius:45%;width:98px;height:108px;animation:.4s guide-focus-in;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 28px #60d7f266,inset 0 0 17px #83eaff1f}.guide-tower-halo.is-enemy{border-color:#ffb38bc9;box-shadow:0 0 24px #fc905066,inset 0 0 17px #ffce9311}.guide-battlefield .guide-panel{text-align:center;width:350px;top:25%;left:50%;transform:translate(-50%)}.guide-battlefield .guide-focus{border-radius:4px;box-shadow:0 0 14px #7bdcff66}.guide-battlefield .guide-focus i{width:8px;height:8px;border-width:1px!important}.guide-team-key{color:#cbe8f1;justify-content:center;gap:18px;margin-top:18px;font-size:10px;display:flex}.guide-team-key span{align-items:center;gap:6px;display:flex}.guide-team-key i{background:#91edff;width:8px;height:8px;box-shadow:0 0 8px #5ce0ff}.guide-team-key span+span{color:#ffd6b4}.guide-team-key span+span i{background:#ffb376;box-shadow:0 0 8px #ff9d59}.guide-success{box-sizing:border-box;background:linear-gradient(100deg,#082532f5,#0b293ced);border-top:1px solid #70b5c899;border-bottom:1px solid #426b8144;align-items:center;gap:15px;max-width:calc(100% - 36px);padding:14px 22px;animation:5s both guide-toast;display:flex;position:absolute;top:15%;left:50%;transform:translate(-50%);box-shadow:0 12px 40px #0006}.guide-check{color:#abf9df;font:25px Brawl,serif}.guide-success strong{color:#ffe0a0;text-shadow:0 2px #694124;font:25px Brawl,serif}.guide-success p{color:#d1e7ef;margin:5px 0 0;font-size:14px}.guide-info-dialog{pointer-events:auto}.guide-info-dialog>section{box-sizing:border-box;background:#102a3c url(/deck-assets/main_background.png) 50%/cover;border:2px solid #71a0b3;border-bottom-color:#133e55;border-radius:6px;width:min(430px,100%);padding:28px;position:relative;box-shadow:0 20px 60px #0009}.guide-info-dialog .boa-ui-close{position:absolute;top:8px;right:8px}.guide-card-information.deck-tooltip{visibility:visible;width:100%;max-width:100%;max-height:none;box-shadow:none;background:0 0;border:0;padding:18px 0;display:block;position:static}.guide-info-dialog .boa-ui-button{width:100%}@keyframes guide-reveal{0%{opacity:0}to{opacity:1}}@keyframes guide-panel-in{0%{opacity:0;translate:-10px}to{opacity:1;translate:0}}@keyframes guide-focus-in{0%{opacity:0}to{opacity:1}}@keyframes guide-ring-pulse{0%{opacity:.8;scale:1}to{opacity:0;scale:1.7}}@keyframes guide-mote{0%,to{opacity:.2}50%{opacity:1;translate:0 -13px}}@keyframes guide-dash{to{stroke-dashoffset:-44px}}@keyframes guide-demonstrate{0%,15%{opacity:0;transform:translate(0)}22%{opacity:1;transform:translate(0)}65%,83%{transform:translate(var(--dx),var(--dy));opacity:1}94%,to{transform:translate(var(--dx),var(--dy));opacity:0}}@keyframes guide-tap{0%,17%,35%,64%,84%,to{opacity:0;scale:.4}22%,72%{opacity:.8;scale:1.6}}@keyframes guide-toast{0%{opacity:0}8%,85%{opacity:1}to{opacity:0}}@container (max-width:1050px) and (min-width:700px){.guide-header{left:24px}.guide-chapters{top:80px;left:26px}.guide-panel{width:310px;padding:20px;left:24px}.guide-panel h1{font-size:33px}.guide-copy{font-size:15px}}@container (max-width:699px){.guide-header{gap:8px;top:9px;left:14px;right:9px}.guide-brand{gap:7px}.guide-brand img{width:27px;height:30px}.guide-brand span{letter-spacing:.1em;font-size:7px}.guide-brand strong{font-size:20px}.guide-paused{letter-spacing:.04em;font-size:10px}.guide-paused i{border-width:2px;width:7px;height:9px}.guide-paused small{font-size:9px}.guide-close{min-width:44px!important;min-height:44px!important}.guide-chapters{gap:20px;font-size:10px;top:62px;left:19px}.guide-chapters b{font-size:12px}.guide-panel,.guide-battlefield .guide-panel{width:auto;max-height:var(--guide-panel-limit);text-align:left;padding:16px;top:88px;left:14px;right:14px;transform:none}.guide-eyebrow{margin-bottom:8px;font-size:9px}.guide-panel h1{margin-bottom:10px;font-size:27px;line-height:1.05}.guide-panel h1 span{display:inline}.guide-panel h1 span+span:before{content:" "}.guide-copy{font-size:14px;line-height:1.4}.guide-objective{margin-top:11px;font-size:8px}.guide-objective strong{margin-left:7px;font-size:11px;display:inline}.guide-card-story{gap:12px;margin-top:11px;padding-top:10px}.guide-card-art{flex-basis:48px;width:48px;height:64px}.guide-card-story small,.guide-card-story p{display:none}.guide-card-story strong{font-size:19px}.guide-info-link{padding-block:4px;font-size:12px}.guide-primary.boa-ui-button{margin-top:12px;min-height:46px!important;font-size:18px!important}.guide-mana-story{margin-top:13px;padding:11px 0}.guide-mana-story strong{font-size:31px}.guide-mana-story span{font-size:8px}.guide-action-steps{gap:0;margin:9px 0;font-size:14px}.guide-action-steps li{min-height:34px}.guide-demo-actions .boa-ui-button{font-size:15px!important}.guide-anchor-label{font-size:12px;transform:translate(-50%,calc(-100% - 18px))}.guide-anchor-label span{font-size:10px}.guide-anchor-label.is-cost{transform:translate(-50%,calc(-100% - 15px))}.guide-mana-label{gap:8px;padding:3px 9px;transform:translate(-50%,-3px)}.guide-mana-label strong{font-size:21px}.guide-mana-label strong small{font-size:13px}.guide-mana-label>span{font-size:8px}.guide-ground-ring{width:74px;height:36px;margin:-18px 0 0 -37px}.guide-ground-ring>span{display:none}.guide-map-label{font-size:11px;transform:translate(-50%,29px)}.guide-map-label span{font-size:9px}.guide-tower-halo{width:46px;height:58px}.guide-team-key{justify-content:flex-start;gap:18px;margin-top:14px;font-size:9px}.guide-success{gap:11px;width:calc(100% - 32px);padding:12px 16px;top:13%}.guide-success strong{font-size:23px}.guide-success p{font-size:13px}.guide-info-dialog>section{padding:24px 18px 18px}}@container (max-height:580px) and (min-width:700px){.guide-brand strong{font-size:21px}.guide-chapters{top:70px}.guide-panel,.guide-battlefield .guide-panel{width:310px;max-height:calc(100% - 120px);padding:16px;top:104px}.guide-panel h1{font-size:29px}.guide-copy{font-size:14px}.guide-card-story{margin-top:9px;padding-top:9px}.guide-card-art{flex-basis:45px;width:45px;height:60px}.guide-primary.boa-ui-button{margin-top:10px;min-height:44px!important}}@media (prefers-reduced-motion:reduce){.first-guide *{transition:none!important;animation:none!important}.guide-ghost-pointer,.guide-ground-ring>em{display:none}.guide-flight path{stroke-dasharray:4 8}.guide-success{animation:5s both guide-toast!important}}
.first-guide .guide-panel,.first-guide .guide-cue{background:linear-gradient(145deg,#164459e8,#092333f7 68%),url(/game-ui/arena-backdrop.jpg) 50% 38%/cover;border:8px solid #0000;border-image:url(/game-ui/legacy/thick.png) 16;border-radius:0;padding:20px;animation:.55s cubic-bezier(.18,.85,.28,1.2) both tip-arrive;box-shadow:0 0 0 2px #061b28,0 20px 55px #0009,inset 0 1px #c1f7ff35}.first-guide .guide-panel:before,.first-guide .guide-panel:after{display:none}.first-guide .guide-panel{width:380px;max-height:calc(100% - 134px);top:118px;overflow-x:hidden}.first-guide .guide-panel h1{color:#ffbf49;text-shadow:0 3px #713c1b,0 5px 12px #0007;letter-spacing:0;margin:16px 0 12px;font:38px/1.02 Brawl,serif}.first-guide .guide-copy{color:#d9edf5;margin:0;font-size:16px;line-height:1.45}.first-guide .guide-panel>.guide-eyebrow{color:#9dc7d7;letter-spacing:.1em;margin:17px 0 0;font-size:10px}.first-guide .guide-panel-light{z-index:2;background:linear-gradient(90deg,#0000,#fff3bd,#82eeff,#0000);height:3px;animation:.9s .25s both tip-rim;top:0}.tip-banner{isolation:isolate;border:8px solid #0000;border-image:url(/game-ui/legacy/header_bg.png) 64 fill;align-items:center;gap:10px;min-height:58px;margin:-12px -12px 12px;padding:5px 12px;display:flex;position:relative}.tip-banner:after{content:"";pointer-events:none;mix-blend-mode:screen;opacity:0;z-index:-1;background:url(/game-ui/legacy/button_glow.png) 50%/100% 100%;animation:1s .18s both tip-flash;position:absolute;inset:-14px}.tip-crest{background:radial-gradient(#57d5ff66,#0000 70%);flex-shrink:0;place-items:center;width:45px;height:45px;animation:.7s 50ms both tip-crest-pop;display:grid;position:relative}.tip-crest img{object-fit:contain;filter:drop-shadow(0 3px 1px #001923);width:39px;height:39px}.tip-banner strong{color:#ffd372;text-shadow:0 2px #70431b,0 3px 8px #0006;letter-spacing:.06em;font:25px/1 Brawl,serif;display:block}.tip-banner span:not(.tip-crest){letter-spacing:.18em;color:#9edcef;margin-top:5px;font:9px/1.3 BrawlSecondary,Arial,sans-serif;display:block}.tip-spark{filter:drop-shadow(0 0 6px #aff6ff);background:url(/game-ui/legacy/progress-light.png) 50%/contain no-repeat;width:12px;height:12px;animation:.9s .2s 2 both tip-spark;position:absolute;top:15px;right:17px}.first-guide .guide-cue{width:min(330px,100% - 40px);padding:16px;left:20px}.first-guide .guide-cue>strong{color:#ffbf49;text-shadow:0 2px #713c1b;margin-top:14px;font-size:28px}.first-guide .guide-cue .tip-banner{margin:-8px -8px 8px}.first-guide .guide-cue p{margin:10px 0 16px;font-size:15px}.first-guide .guide-cue .boa-ui-button{width:100%}.tip-feature{isolation:isolate;background:radial-gradient(at 30%,#247aba77,#0000 65%),#061e2c88;border-top:1px solid #679aa655;border-bottom:1px solid #082331;justify-content:center;align-items:center;gap:18px;min-height:98px;margin:16px 0;padding:10px 12px;display:flex;position:relative;overflow:hidden}.tip-feature>.brawl-mana-badge{flex:0 0 72px;width:72px;height:88px;animation:.8s .1s both tip-mana-boost}.tip-feature>.brawl-mana-badge>b{font-size:32px}.tip-feature>img{object-fit:contain;filter:drop-shadow(0 3px 6px #00111f);width:64px;height:64px}.tip-feature strong{color:#c3f6ff;text-shadow:0 2px #0c3f68;font:23px/1.1 Brawl,serif;display:block}.tip-feature span{color:#9fc8df;margin-top:7px;font-size:13px;display:block}.tip-feature>i{z-index:-1;background:#8cdeff;border-radius:50%;width:5px;height:5px;animation:1.1s .2s 2 both tip-mana-mote;position:absolute;top:70%;left:24%;box-shadow:0 0 10px 3px #61bdff}.tip-feature>i:nth-last-child(2){animation-delay:.4s;left:16%}.tip-feature>i:last-child{animation-delay:.6s;left:35%}.tip-controls{border-top:1px solid #5aa2bc40;margin-top:16px;padding-top:12px}.tip-controls-heading{justify-content:space-between;align-items:center;gap:8px;margin-bottom:9px;display:flex}.tip-controls-heading>span{color:#b3d8e5;letter-spacing:.08em;font:10px BrawlSecondary,Arial}.tip-controls-heading>small{color:#e9c780;font-size:10px}.tip-methods{gap:5px;display:flex}.first-guide .tip-methods .boa-ui-button{color:#a9cedd;white-space:nowrap;text-shadow:0 1px #032235;background:0 0;border:7px solid #0000;border-image:url(/game-ui/legacy/blue_btn_up.png) 64 fill;border-radius:0;flex:1;min-width:0;min-height:44px;padding:2px 0;font:13px/1.05 BrawlSecondary,Arial}.first-guide .tip-methods .boa-ui-button[aria-pressed=true]{color:#fff;border-image-source:url(/game-ui/legacy/blue_btn_selected.png)}.tip-control-demo{text-align:center;min-height:98px;padding:15px 0 2px}.tip-control-demo p{color:#c7e0ec;min-height:40px;margin:10px 0 0;font-size:14px;line-height:1.4}.tip-control-demo p b{color:#fff0be;font-weight:400}.tip-keys{vertical-align:middle;align-items:center;gap:5px;display:inline-flex}.tip-keys button{cursor:pointer;color:#bdd6e2;filter:drop-shadow(0 3px 2px #0006);background:0 0;border:8px solid #0000;border-image:url(/game-ui/legacy/blue_btn_up.png) 64 fill;border-radius:0;width:46px;height:46px;padding:0;position:relative}.tip-keys kbd{color:inherit;text-shadow:0 2px #12354d;font:22px/1 Brawl,serif}.tip-keys button.is-required{color:#ffebbd;animation:.9s .2s 3 tip-key-ready}.tip-keys button.is-selected{color:#fff;border-image-source:url(/game-ui/legacy/blue_btn_selected.png)}.tip-keys button:hover{filter:brightness(1.2)}.tip-keys button:focus-visible{outline-offset:2px;outline:2px solid #ffdb94}.tip-shortcut-note{border-top:1px solid #6299af30;justify-content:center;align-items:center;gap:12px;margin:17px 0 0;padding-top:10px;display:flex}.tip-shortcut-note .tip-keys{gap:2px}.tip-shortcut-note .tip-keys button{width:44px;height:44px}.tip-shortcut-note .tip-keys kbd{font-size:17px}.tip-shortcut-note>span{color:#8fb6c8;font:11px/1.4 BrawlSecondary,Arial}.tip-gesture{justify-content:space-between;align-items:center;width:220px;height:45px;margin:0 auto;display:flex;position:relative}.tip-mini-hand{align-items:center;gap:3px;display:flex}.tip-mini-hand i{background:#174059;border:2px solid #8bbbc8;width:15px;height:25px;transform:rotate(-6deg);box-shadow:0 2px #001827}.tip-mini-hand i:first-child{background:#307d99;border-color:#ffd784;animation:3s 3 tip-key-ready}.tip-mini-tile{background:#247797;border:2px solid #92eaff;width:37px;height:23px;transform:skewY(-15deg);box-shadow:0 0 12px #5beaff44}.tip-demo-path{border-top:2px dotted #8ec6d078;width:45px;height:1px}.tip-demo-cursor{filter:drop-shadow(0 2px 2px #001827);width:22px;height:30px;animation:3s 3 both tip-click-demo;position:absolute;top:10px;left:0}.tip-demo-cursor svg{fill:#e9fcff;stroke:#235c79;stroke-width:2px;width:100%;height:100%}.tip-demo-click{pointer-events:none;border:2px solid #bffaff;border-radius:50%;width:28px;height:28px;animation:3s 3 both tip-click-ring;position:absolute;top:4px;left:-7px}.tip-control-demo-drag .tip-demo-cursor{animation-name:tip-drag-demo}.tip-control-demo-drag .tip-demo-click{animation-name:tip-hold-ring}.guide-method-keys .guide-ghost-pointer{transform:translate(var(--dx),var(--dy));animation:3s 3 both tip-target-click}.guide-method-keys .guide-ghost-pointer i{animation:3s 3 guide-tap}.guide-method-click .guide-ghost-pointer{animation:3.5s 3 both tip-world-clicks}.guide-method-drag .guide-ghost-pointer i{animation:3.5s 3 tip-world-hold}.first-guide .guide-success{background:0 0;border:8px solid #0000;border-image:url(/game-ui/legacy/header_bg.png) 64 fill;border-radius:0}@keyframes tip-arrive{0%{opacity:0;translate:0 15px;scale:.94}70%{opacity:1;translate:0 -2px;scale:1.015}to{opacity:1;translate:0;scale:1}}@keyframes tip-crest-pop{0%{rotate:-18deg;scale:.5}60%{rotate:6deg;scale:1.16}to{rotate:none;scale:1}}@keyframes tip-flash{0%,to{opacity:0}35%{opacity:.65}}@keyframes tip-rim{0%{opacity:0;scale:.1 1}40%{opacity:1}to{opacity:.35;scale:1}}@keyframes tip-spark{0%,to{opacity:0;rotate:none;scale:.3}40%{opacity:1;scale:1.5}90%{rotate:100deg}}@keyframes tip-mana-boost{0%{translate:0 12px;scale:.7}60%{translate:0 -3px;scale:1.12}to{translate:0;scale:1}}@keyframes tip-mana-mote{0%{opacity:0;translate:0}25%{opacity:1}to{opacity:0;translate:12px -80px}}@keyframes tip-key-ready{0%,to{filter:brightness()}40%{filter:brightness(1.6)drop-shadow(0 0 5px #ffc66877)}}@keyframes tip-click-demo{0%,10%{opacity:0;translate:0}15%,30%{opacity:1;translate:0}36%,45%{opacity:0;translate:0}46%,55%{opacity:0;translate:181px}60%,85%{opacity:1;translate:181px}95%,to{opacity:0;translate:181px}}@keyframes tip-click-ring{0%,10%,35%{opacity:0;translate:0;scale:.4}20%{opacity:.8;translate:0;scale:1.2}45%,55%{opacity:0;translate:181px;scale:.4}70%{opacity:.8;translate:181px;scale:1.2}85%,to{opacity:0;translate:181px;scale:1.6}}@keyframes tip-drag-demo{0%,10%{opacity:0;translate:0}20%{opacity:1;translate:0}65%,85%{opacity:1;translate:181px}to{opacity:0;translate:181px}}@keyframes tip-hold-ring{0%,12%{opacity:0;translate:0;scale:.5}20%{opacity:.7;translate:0;scale:.7}65%{opacity:.7;translate:181px;scale:.7}85%,to{opacity:0;translate:181px;scale:1.6}}@keyframes tip-target-click{0%,20%,to{opacity:0}40%,80%{opacity:1}}@keyframes tip-world-clicks{0%,12%{opacity:0;transform:translate(0)}20%,30%{opacity:1;transform:translate(0)}38%,45%{opacity:0;transform:translate(0)}46%,55%{opacity:0;transform:translate(var(--dx),var(--dy))}65%,85%{opacity:1;transform:translate(var(--dx),var(--dy))}95%,to{opacity:0;transform:translate(var(--dx),var(--dy))}}@keyframes tip-world-hold{0%,15%,95%,to{opacity:0;scale:.6}22%,65%{opacity:.8;scale:.65}85%{opacity:0;scale:1.8}}@container (max-width:1050px) and (min-width:700px){.first-guide .guide-panel{width:342px;padding:16px;left:22px}.first-guide .guide-panel h1{font-size:33px}.first-guide .guide-copy{font-size:15px}.tip-controls-heading>small{font-size:9px}.first-guide .tip-methods .boa-ui-button{font-size:12px}}@container (max-height:650px) and (min-width:700px){.first-guide .guide-panel{max-height:calc(100% - 107px);padding:12px 16px;top:95px}.guide-chapters{display:none}.first-guide .guide-panel h1{margin:10px 0;font-size:30px}.tip-banner{min-height:40px;margin:-5px -7px 8px;padding:0 8px}.tip-crest{width:33px;height:33px}.tip-crest img{width:30px;height:30px}.tip-banner strong{font-size:22px}.tip-banner span:not(.tip-crest){font-size:8px}.first-guide .guide-panel>.guide-eyebrow{margin-top:10px;font-size:9px}.first-guide .guide-copy{font-size:14px}.tip-controls{margin-top:10px;padding-top:9px}.tip-control-demo{min-height:82px;padding:8px 0 0}.tip-control-demo p{min-height:20px;margin-top:7px;font-size:13px}.tip-feature{min-height:72px;margin:10px 0}.tip-feature>.brawl-mana-badge{flex-basis:56px;width:56px;height:67px}.tip-feature strong{font-size:21px}.tip-shortcut-note{margin-top:10px;padding-top:6px}}@container (max-width:699px){.first-guide .guide-panel,.first-guide .guide-battlefield .guide-panel{width:auto;max-height:var(--guide-panel-limit);padding:12px;top:84px;left:12px;right:12px}.first-guide .guide-panel h1{margin:10px 0;font-size:28px}.first-guide .guide-copy{font-size:14px;line-height:1.4}.tip-banner{gap:8px;min-height:35px;margin:-5px -5px 8px;padding:0 7px}.tip-crest{width:31px;height:31px}.tip-crest img{width:30px;height:30px}.tip-banner strong{font-size:23px}.tip-banner span:not(.tip-crest){font-size:8px}.first-guide .guide-panel>.guide-eyebrow{margin:10px 0 0;font-size:9px}.tip-controls{margin-top:10px;padding-top:9px}.tip-controls-heading{margin-bottom:5px}.tip-controls-heading>small{font-size:9px}.first-guide .tip-methods .boa-ui-button{font-size:12px}.tip-control-demo{min-height:74px;padding:6px 0 0}.tip-control-demo p{min-height:20px;margin-top:4px;font-size:13px}.tip-gesture{height:35px}.tip-feature{gap:15px;min-height:76px;margin:10px 0}.tip-feature>.brawl-mana-badge{flex-basis:58px;width:58px;height:72px}.tip-feature strong{font-size:22px}.tip-shortcut-note{margin-top:10px;padding-top:6px}.tip-shortcut-note>span{font-size:10px}.first-guide .guide-cue{width:calc(100% - 24px);padding:12px;top:15%;left:12px}.first-guide .guide-cue .tip-banner{margin:-5px -5px 6px}.first-guide .guide-cue>strong{font-size:25px}}@media (prefers-reduced-motion:reduce){.first-guide .tip-banner *,.first-guide .tip-banner:after,.first-guide .tip-feature *,.first-guide .guide-panel,.first-guide .guide-cue,.first-guide .tip-keys button{animation:none!important}.tip-demo-cursor,.tip-demo-click,.tip-spark,.tip-feature>i{display:none}.first-guide .guide-panel-light{opacity:.35;animation:none!important}}@container (max-width:699px){.first-guide .guide-panel>.guide-eyebrow,.first-guide .tip-shortcut-note{display:none}.first-guide:is(.guide-deploy,.guide-support,.guide-spell,.guide-ranged) .guide-panel{padding:8px 10px}.first-guide:is(.guide-deploy,.guide-support,.guide-spell,.guide-ranged) .guide-panel>.guide-eyebrow,.first-guide:is(.guide-deploy,.guide-support,.guide-spell,.guide-ranged) .guide-panel>.guide-copy{display:none}.first-guide:is(.guide-deploy,.guide-support,.guide-spell,.guide-ranged) .tip-banner{border-width:5px;min-height:26px;margin:-3px -5px 6px}.first-guide:is(.guide-deploy,.guide-support,.guide-spell,.guide-ranged) .tip-banner strong{font-size:20px}.first-guide:is(.guide-deploy,.guide-support,.guide-spell,.guide-ranged) .tip-banner span:not(.tip-crest){display:none}.first-guide:is(.guide-deploy,.guide-support,.guide-spell,.guide-ranged) .guide-panel h1{margin:8px 0;font-size:25px}.first-guide:is(.guide-deploy,.guide-support,.guide-spell,.guide-ranged) .tip-controls{border:0;margin-top:6px;padding:0}.first-guide:is(.guide-deploy,.guide-support,.guide-spell,.guide-ranged) .tip-controls-heading,.first-guide:is(.guide-deploy,.guide-support,.guide-spell,.guide-ranged) .tip-gesture,.first-guide:is(.guide-deploy,.guide-support,.guide-spell,.guide-ranged) .tip-control-demo .tip-keys{display:none}.first-guide:is(.guide-deploy,.guide-support,.guide-spell,.guide-ranged) .tip-control-demo{min-height:0;padding:4px 0 8px}}@container (max-height:430px) and (min-width:700px){.first-guide .guide-header{top:10px}.first-guide .guide-brand img{width:30px;height:30px}.first-guide .guide-brand strong{font-size:21px}.first-guide:is(.guide-deploy,.guide-support,.guide-spell,.guide-ranged) .guide-panel{max-height:calc(100% - 76px);padding:8px 10px;top:66px}.first-guide:is(.guide-deploy,.guide-support,.guide-spell,.guide-ranged) .guide-panel>.guide-eyebrow,.first-guide:is(.guide-deploy,.guide-support,.guide-spell,.guide-ranged) .guide-panel>.guide-copy,.first-guide:is(.guide-deploy,.guide-support,.guide-spell,.guide-ranged) .tip-controls-heading{display:none}.first-guide:is(.guide-deploy,.guide-support,.guide-spell,.guide-ranged) .tip-banner{border-width:5px;min-height:26px;margin:-3px -5px 6px;padding:0 7px}.first-guide:is(.guide-deploy,.guide-support,.guide-spell,.guide-ranged) .tip-banner strong{font-size:20px}.first-guide:is(.guide-deploy,.guide-support,.guide-spell,.guide-ranged) .tip-banner span:not(.tip-crest){display:none}.first-guide:is(.guide-deploy,.guide-support,.guide-spell,.guide-ranged) .guide-panel h1{margin:8px 0;font-size:25px}.first-guide:is(.guide-deploy,.guide-support,.guide-spell,.guide-ranged) .tip-controls{border:0;margin-top:6px;padding:0}.first-guide:is(.guide-deploy,.guide-support,.guide-spell,.guide-ranged) .tip-gesture,.first-guide:is(.guide-deploy,.guide-support,.guide-spell,.guide-ranged) .tip-control-demo .tip-keys{display:none}.first-guide:is(.guide-deploy,.guide-support,.guide-spell,.guide-ranged) .tip-control-demo{min-height:0;padding:4px 0 8px}}