.lesson-anchor{display:none}[data-lesson-highlight=true]{outline-offset:5px;outline:2px solid #8deaff;transition:box-shadow .25s;box-shadow:0 0 24px #43cfff42!important}.lesson-hint{color:#d8edf5;background:linear-gradient(110deg,#10384ce8,#071c2dee),url(/deck-assets/main_background.png) 50%/cover;border:1px solid #6bafc5;border-bottom:3px solid #163e55;gap:12px;margin:16px 0;padding:18px 58px 18px 16px;font:14px/1.4 BrawlSecondary,Arial;display:flex;position:relative;box-shadow:inset 0 2px #c3f0ff22,0 10px 24px #0004}.lesson-hint>img{object-fit:contain;width:29px;height:34px}.lesson-kicker{letter-spacing:.14em;color:#94dce9;font:9px BrawlSecondary,Arial;display:block}.lesson-hint strong{color:#ffd38e;text-shadow:0 2px #774527;margin-top:5px;font:24px Brawl,serif;display:block}.lesson-hint p{margin:8px 0 12px}.lesson-hint>.boa-ui-close{position:absolute;top:7px;right:7px}.lesson-hint-actions{align-items:center;gap:16px;display:flex}.lesson-hint-actions>.boa-ui-button{min-height:44px!important;font-size:16px!important}.lesson-hint-actions>button:not(.boa-ui-button){color:#a8eafa;cursor:pointer;background:0 0;border:0;min-height:44px;font:13px BrawlSecondary,Arial;text-decoration:underline}.lesson-library-dialog>section{color:#daedf4;background:linear-gradient(120deg,#123447ec,#081b2bf5),url(/deck-assets/main_background.png) 50%/cover;border:2px solid #7eafc0;border-bottom-color:#153e54;border-radius:6px;width:min(960px,100vw - 24px);max-height:calc(100dvh - 32px);padding:28px;position:relative;overflow:auto;box-shadow:0 18px 80px #0009}.lesson-library-dialog>section>.boa-ui-close{position:absolute;top:10px;right:10px}.lesson-library{color:#dcecf3;font-family:BrawlSecondary,Arial}.lesson-library>header{gap:14px;margin-bottom:24px;padding-right:32px;display:flex}.lesson-library>header>img{object-fit:contain;width:45px;height:50px}.lesson-library h2{color:#ffd18d;text-shadow:0 3px #744427;margin:6px 0 9px;font:34px/1.05 Brawl,serif}.lesson-library header p{color:#c3d8e3;margin:0;font-size:14px}.lesson-library-grid{grid-template-columns:245px minmax(0,1fr);gap:24px;display:grid}.lesson-library nav{scrollbar-width:thin;max-height:58vh;padding:2px 10px 4px 0;overflow:auto}.lesson-library nav h3{text-transform:uppercase;letter-spacing:.1em;color:#8eb9cc;margin:18px 0 8px;font:10px BrawlSecondary,Arial}.lesson-library nav>div:first-child h3{margin-top:0}.lesson-library nav button{text-align:left;color:#c4dae5;cursor:pointer;background:#061a2966;border:1px solid #0000;justify-content:space-between;align-items:center;gap:8px;width:100%;min-height:45px;padding:9px 10px;font:13px BrawlSecondary,Arial;display:flex}.lesson-library nav button[aria-pressed=true]{color:#fff;background:#15465be8;border-color:#72bed3}.lesson-library nav button:focus-visible{outline:2px solid #a5eeff}.lesson-library nav small{color:#b4dfce;white-space:nowrap;font-size:8px}.lesson-detail{background:#081a2a88;border-top:2px solid #73b8c7;min-width:0;padding:20px}.lesson-detail h3{color:#ffcf89;text-shadow:0 2px #714421;margin:8px 0 14px;font:32px Brawl,serif}.lesson-detail>p{color:#e0ecf3;font-size:16px;line-height:1.5}.lesson-detail-actions{gap:10px;margin-top:22px;display:grid}.lesson-detail-actions>small,.lesson-later{color:#adc4d0;font-size:12px;line-height:1.5}.lesson-card-details{border-block:1px solid #426575;margin:20px 0;padding:12px 0}.lesson-card-details summary{cursor:pointer;color:#effaff;align-items:center;gap:14px;min-height:60px;font:22px Brawl,serif;display:flex}.lesson-card-details summary img{object-fit:cover;border-radius:4px;width:44px;height:60px}.lesson-card-details summary small{color:#a9d6e6;margin-top:5px;font:12px BrawlSecondary,Arial;display:block}.lesson-card-information.deck-tooltip{visibility:visible;width:100%;max-width:none;max-height:none;box-shadow:none;background:0 0;border:0;padding:16px 0;display:block;position:static}.lesson-deck-example{grid-template-columns:repeat(8,1fr);gap:5px;margin:20px 0;display:grid}.lesson-deck-example>span{aspect-ratio:.7;color:#b4dce8;background:url(/deck-assets/empty_deck_slot.png) 50%/100% 100%;place-items:center;font:20px Brawl,serif;animation:.35s both lesson-slot-in;display:grid}.lesson-deck-example small{text-align:center;color:#b1d1df;grid-column:1/-1;margin-top:10px;font-size:12px}@keyframes lesson-slot-in{0%{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}@media (max-width:700px){.lesson-library-dialog>section{width:calc(100vw - 18px);max-height:calc(100dvh - 18px);padding:22px 16px}.lesson-library h2{font-size:26px}.lesson-library>header>img{width:30px;height:36px}.lesson-library-grid{grid-template-columns:1fr;gap:14px}.lesson-library nav{gap:10px;max-height:150px;padding:0 0 7px;display:flex;overflow:auto}.lesson-library nav>div{flex:0 0 230px}.lesson-library nav h3{margin-top:0}.lesson-detail{padding:16px}.lesson-detail h3{font-size:27px}.lesson-detail>p{font-size:14px}.lesson-hint{gap:9px;padding:14px 51px 14px 12px}.lesson-hint>img{width:23px}.lesson-hint strong{font-size:22px}.lesson-hint-actions{gap:10px}.lesson-deck-example>span{font-size:15px}}@media (prefers-reduced-motion:reduce){.lesson-library *{transition:none!important;animation:none!important}[data-lesson-highlight]{transition:none}}.lesson-mobile-picker{display:none}.lesson-options-tabs{gap:10px;margin-bottom:18px;display:flex}.menu-lesson-help{flex-shrink:0;align-self:flex-start;margin-top:10px;font-size:16px!important}.lesson-library-dialog>section{box-sizing:border-box}.lesson-library nav{scrollbar-color:#446c7c #091d2c}.lesson-detail{border-image:linear-gradient(90deg,#467d8f,#abe4e6,#467d8f) 1;position:relative}.lesson-detail-actions{margin-top:16px}.lesson-illustration{background:linear-gradient(#0731496b,#092032bd),url(/game-ui/arena-backdrop.jpg) 65% 56%/cover;border-block:1px solid #63889966;height:190px;margin:18px 0;position:relative;overflow:hidden;box-shadow:inset 0 0 35px #00101bcc}.lesson-example-caption{letter-spacing:.14em;color:#bcf3ff;font:9px BrawlSecondary,Arial;position:absolute;top:13px;left:15px}.lesson-example-note{text-align:center;color:#d5e8ee;text-shadow:0 2px 3px #00131f;font:11px BrawlSecondary,Arial;position:absolute;bottom:11px;left:12px;right:12px}.lesson-example-card{box-sizing:border-box;filter:drop-shadow(0 5px 8px #000b);cursor:pointer;background:0 0;border:0;width:64px;height:87px;padding:0;transition:translate .2s;position:absolute}.lesson-example-card:hover{translate:0 -3px}.lesson-example-card:focus-visible{outline-offset:4px;outline:2px solid #cdfaff}.lesson-example-card>img{object-fit:cover;border-radius:7px;width:100%;height:100%;position:absolute;inset:0}.lesson-example-card>img+img{object-fit:fill}.lesson-example-card>b{color:#edfcff;text-shadow:0 2px 3px #122637;background:url(/deck-assets/mana_bottom.png) 50%/100% 100%;place-items:center;width:25px;height:28px;font:19px Brawl,serif;display:grid;position:absolute;top:-3px;left:-4px}.lesson-example-card.is-player{z-index:2;top:64px;left:calc(50% - 32px);transform:rotate(-7deg)}.lesson-example-arrow{color:#a5f6f4;text-shadow:0 0 14px #71cced88;font:65px Brawl,serif;animation:2s ease-in-out 3 lesson-arrow;position:absolute;top:65px;left:calc(50% + 55px)}.is-support .is-player{top:76px;left:calc(50% - 95px)}.is-support .is-frontline{top:37px;left:calc(50% + 26px);transform:rotate(6deg)}.is-support .lesson-example-arrow{top:58px;left:calc(50% - 18px);transform:rotate(42deg)}.is-spell .is-player{top:71px;left:18%}.is-spell .lesson-example-arrow{top:64px;left:41%;transform:rotate(50deg)}.lesson-example-enemies{width:110px;height:100px;position:absolute;top:40px;right:14%}.lesson-example-enemies .lesson-example-card{width:48px;height:65px;top:13px}.is-enemy-one{left:7px;transform:rotate(-10deg)}.is-enemy-two{right:7px;transform:rotate(10deg)}.lesson-example-enemies>i{pointer-events:none;border:2px dashed #beffff;border-radius:50%;position:absolute;inset:2px -9px;box-shadow:0 0 18px #64eaf988,inset 0 0 17px #53d9ff66}.is-mana .is-player{left:20px}.lesson-example-mana{text-align:center;position:absolute;top:76px;left:110px;right:10px}.lesson-example-mana strong{color:#b4f3ff;font:31px Brawl,serif;display:block}.lesson-example-mana strong>span{color:#ffd399}.lesson-example-mana small{color:#aacbd8;font:8px BrawlSecondary,Arial}.lesson-card-details{margin:14px 0}.lesson-card-details summary{min-height:48px;font-size:20px}.lesson-card-details summary img{width:33px;height:45px}.lesson-detail h3{font-size:30px}@keyframes lesson-arrow{0%,to{opacity:.5;translate:0 4px}50%{opacity:1;translate:0 -3px}}@media (max-width:700px){.lesson-mobile-picker{margin-bottom:17px;display:block}.lesson-mobile-picker>label{letter-spacing:.12em;color:#b3d2e0;margin-bottom:8px;font:9px BrawlSecondary,Arial;display:block}.lesson-mobile-picker .brawl-select,.lesson-mobile-picker [data-game-select-host]{width:100%}.lesson-library-grid>nav{display:none}.lesson-library>header{margin-bottom:18px;padding-right:12px}.lesson-library h2{font-size:27px}.lesson-library header p{font-size:12px;line-height:1.4}.lesson-detail h3{font-size:26px}.lesson-illustration{height:185px}.lesson-example-note{font-size:10px}.lesson-example-enemies{right:9%}.is-spell .is-player{left:9%}.is-spell .lesson-example-arrow{left:37%}.lesson-detail-actions>.boa-ui-button{font-size:18px!important}.lesson-example-mana{left:92px}.lesson-example-mana strong{font-size:25px}.is-mana .is-player{left:10px}.menu-lesson-help{align-self:center;margin:12px 0}}.boa-ui-dialog.lesson-library-dialog[open]{box-sizing:border-box;padding:18px;overflow:hidden}.lesson-library-dialog>section{scrollbar-width:thin;scrollbar-color:#497386 #0a2030;width:100%;max-width:960px;max-height:100%}.lesson-library-dialog .lesson-library>header{padding-right:44px}.is-support .is-player{top:58px}.is-support .is-frontline{top:28px}@media (max-width:700px){.boa-ui-dialog.lesson-library-dialog[open]{padding:9px}.lesson-library-dialog>section{width:100%;max-height:100%;padding:20px 16px}.lesson-library-dialog .lesson-library>header{gap:9px;padding-right:40px}.lesson-library-dialog .lesson-library h2{font-size:25px}.lesson-library-dialog .lesson-library>header>img{flex-shrink:0;width:25px}.lesson-detail h3{line-height:1.12}.lesson-detail>p{line-height:1.45}}.lesson-library-dialog>section>.boa-ui-close{float:right;z-index:12;margin:-8px -4px -38px 0;position:sticky;top:0;right:0}.lesson-library-dialog>section:has(.lesson-library-illustrated){border:3px solid #477c92;background:#10232e url(/deck-assets/main_background.png) 50%/cover;border-top-color:#a0d8e8;border-bottom-color:#153c51;border-radius:10px;max-width:780px;padding:0;box-shadow:0 0 0 2px #07141c,inset 0 0 0 2px #a7ecff16,0 22px 80px #000c}.lesson-library-dialog>section:has(.lesson-library-illustrated)>.boa-ui-close{margin:10px 10px -54px 0;top:10px}.lesson-library-illustrated>header{background:linear-gradient(90deg,#071d2beb,#09273675 75%),url(/game-ui/arena-backdrop.jpg) 50% 40%/cover;border-bottom:2px solid #77b6ca;align-items:center;min-height:138px;margin:0;padding:24px 70px 24px 28px!important}.lesson-library-illustrated>header>img{filter:drop-shadow(0 5px 3px #00121dcc);width:62px;height:68px}.lesson-library-illustrated h2{color:#ffbd42;text-shadow:0 3px #6e3614,0 5px 8px #0008;font-size:36px}.lesson-library-illustrated .lesson-browse-toggle{margin:12px 24px 0;font-size:16px}.lesson-library-illustrated .lesson-library-grid{padding:16px 24px 24px;display:block}.lesson-library-illustrated .lesson-library-grid.is-browsing{grid-template-columns:210px minmax(0,1fr);gap:16px;display:grid}.lesson-library-illustrated nav[hidden]{display:none}.lesson-library-illustrated .lesson-detail{background:0 0;border:0;padding:0}.lesson-library-illustrated .lesson-detail h3{color:#ffce79;margin:5px 0 10px;font-size:34px;line-height:1.1}.lesson-library-illustrated .lesson-detail>p{max-width:62ch;margin:0 0 16px;font-size:15px}.lesson-library-illustrated .lesson-illustration{background:linear-gradient(#07314922,#09203285),url(/game-ui/arena-backdrop.jpg) 65% 56%/cover;border:2px solid #56899d;border-color:#a0d8e8 #56899d #153c51;border-radius:7px;height:232px;margin:14px 0;box-shadow:inset 0 0 35px #00101b66,0 7px 15px #0005}.lesson-library-illustrated .lesson-example-card{width:90px;height:112.5px}.lesson-library-illustrated .is-card .is-player{top:65px;left:calc(50% - 45px)}.lesson-library-illustrated .lesson-example-caption{color:#e0faff;text-shadow:0 2px 3px #00131f}.lesson-library-illustrated .lesson-example-arrow{top:84px;left:calc(50% + 64px)}.lesson-library-illustrated .is-support .is-player{top:85px;left:calc(50% - 115px)}.lesson-library-illustrated .is-support .is-frontline{top:45px;left:calc(50% + 28px)}.lesson-library-illustrated .is-support .lesson-example-arrow{left:calc(50% - 24px)}.lesson-library-illustrated .is-spell .lesson-example-arrow{left:41%}.lesson-library-illustrated .is-spell .lesson-example-enemies{top:66px}.lesson-library-illustrated .lesson-example-enemies .lesson-example-card{width:48px;height:60px}.lesson-library-illustrated .lesson-example-mana{top:94px;left:130px}.lesson-library-illustrated .lesson-detail-actions{flex-wrap:wrap;align-items:center;gap:8px 18px;margin-top:14px;display:flex}.lesson-library-illustrated .lesson-detail-actions>.boa-ui-button:not(.lesson-understood){min-width:220px}.lesson-library-illustrated .lesson-detail-actions>small{flex-basis:100%;order:3;font-size:11px}.lesson-library-illustrated .lesson-understood.boa-ui-button--quiet{min-width:44px;padding-inline:10px;font-size:14px}.lesson-library-illustrated .lesson-card-details{border:0;margin:10px 0;padding:0}.lesson-library-illustrated .lesson-card-details summary{gap:9px;min-height:44px;font-size:17px}.lesson-library-illustrated .lesson-card-details summary img{width:25px;height:32px}@media (max-width:700px){.lesson-library-illustrated>header{min-height:114px;padding:20px 58px 20px 16px!important}.lesson-library-dialog .lesson-library-illustrated>header>img{width:36px;height:44px}.lesson-library-dialog .lesson-library-illustrated h2{font-size:28px}.lesson-library-illustrated .lesson-browse-toggle{margin:10px 14px 0}.lesson-library-illustrated .lesson-library-grid,.lesson-library-illustrated .lesson-library-grid.is-browsing{padding:14px;display:block}.lesson-library-illustrated .lesson-mobile-picker{margin:12px 14px 0}.lesson-library-illustrated .lesson-detail h3{font-size:28px}.lesson-library-illustrated .lesson-detail>p{font-size:14px}.lesson-library-illustrated .lesson-illustration{height:212px}.lesson-library-illustrated .lesson-example-card{width:76px;height:95px}.lesson-library-illustrated .is-card .is-player{left:calc(50% - 38px)}.lesson-library-illustrated .lesson-example-mana{top:91px;left:101px}.lesson-library-illustrated .lesson-example-mana strong{font-size:24px}.lesson-library-illustrated .is-spell .is-player{left:5%}.lesson-library-illustrated .lesson-detail-actions>.boa-ui-button:not(.lesson-understood){flex:1;min-width:0}}body .boa-ui-dialog.lesson-library-dialog>section:has(.lesson-library-illustrated)>.boa-ui-close{float:right;z-index:20;position:sticky;top:10px}