.fd-menu-header-slot{flex-shrink:0}.fd-page{color:#17191d;width:100%;min-width:0;padding-bottom:18px;container-type:inline-size}.fd-page h1,.fd-page h2,.fd-page h3{font-family:var(--font-sim-display), Impact, sans-serif;text-transform:uppercase;font-weight:400}.fd-page button{cursor:pointer}.fd-page button:disabled{cursor:default}.fd-page-back{color:#53564f;background:0 0;border:0;align-items:center;gap:7px;margin:0 0 10px;padding:5px 0;font-size:12px;font-weight:700;display:inline-flex}.fd-page-back svg{width:15px;height:15px}.fd-page-back:hover{color:#b34e00}.fd-page-hero{isolation:isolate;min-height:210px;margin-bottom:18px;display:flex;position:relative}.fd-page-hero-copy{z-index:2;width:57%;padding:15px 28px 22px 0;position:relative}.fd-page-hero h1{letter-spacing:-.027em;margin:0 0 9px;font-size:clamp(62px,9.2cqw,132px);line-height:.96}.fd-page-hero h1>span{color:#ff7900}.fd-page-hero p{color:#454740;max-width:430px;margin:0;font-size:clamp(13px,1.4cqw,18px);line-height:1.5}.fd-page-hero-meta{align-items:center;gap:14px;margin-top:22px;display:flex}.fd-page-count{color:#62666d;align-items:baseline;gap:9px;font-size:14px;display:inline-flex}.fd-page-count strong{color:#ff7900;font:400 32px/1 var(--font-sim-display), Impact, sans-serif}.fd-page-hero-art{z-index:1;pointer-events:none;clip-path:polygon(20% 0,100% 0,100% 100%,0 100%);background:#ff7900 50%/cover;border-radius:12px;position:absolute;inset:0 0 0 54%;overflow:hidden}.fd-page-hero--replays .fd-page-hero-art{background-image:url(/images/ui/replay-tile.webp)}.fd-page-hero--editor .fd-page-hero-art{background-image:url(/images/ui/editor-tile.webp)}.fd-page-hero--lessons .fd-page-hero-art{clip-path:polygon(18% 0,100% 0,100% 100%,0 100%,12% 67%,5% 67%,21% 29%,13% 29%,25% 0);background-image:radial-gradient(#17191d18 .65px,#0000 .8px);background-size:4px 4px}.fd-page-hero-stripes{background:repeating-linear-gradient(90deg,#0000 0 54px,#f7f5ef 54px 73px,#0000 73px 95px);position:absolute;inset:-45px -30px -45px 47%;transform:skew(-33deg)}.fd-page-dummy{object-fit:contain;width:360px;max-width:none;height:540px;position:absolute;top:-28px;right:-70px;transform:rotate(7deg)}.fd-page .fd-page-hero-note{color:#17191d;font-size:clamp(19px,2.1cqw,29px);inset:25px auto auto 23%;transform:rotate(-10deg)}.fd-page-status{color:#62666d;padding:30px 0}.fd-lesson-chapters{flex-wrap:wrap;gap:9px;margin-bottom:18px;display:flex}.fd-lesson-chapters button{text-align:left;font:400 22px/1.1 var(--font-sim-display), Impact, sans-serif;text-transform:uppercase;background:#fffdf760;border:1px solid #17191d26;border-radius:7px;flex:1 0 160px;justify-content:space-between;align-items:center;gap:20px;padding:13px 16px;display:flex}.fd-lesson-chapters small{white-space:nowrap;color:#62666d;align-items:center;gap:7px;font-size:16px;display:flex}.fd-lesson-chapters small svg{width:16px;height:16px}.fd-lesson-chapters button[aria-pressed=true]{background:#ff7900;border-color:#ff7900;box-shadow:0 3px #17191d}.fd-lesson-chapters button[aria-pressed=true] small{color:#17191d}.fd-lesson-browser{grid-template-columns:minmax(230px,.95fr) minmax(0,2fr);align-items:start;gap:16px;display:grid}.fd-lesson-detail{color:#fffdf7;background:#1b2023 radial-gradient(#f7f5ef0b .65px,#0000 .8px) 0 0/4px 4px;border-radius:10px;padding:22px;position:sticky;top:0}.fd-lesson-detail-top{justify-content:space-between;align-items:center;height:75px;margin-bottom:12px;display:flex}.fd-lesson-detail-top>span{font:400 52px/1 var(--font-sim-display), Impact, sans-serif;color:#ff7900}.fd-lesson-detail-top>svg{background:#f7f5ef;border-radius:50%;width:104px;height:104px;padding:4px}.fd-lesson-detail h2{margin:22px 0 14px;font-size:clamp(28px,3.2cqw,43px);line-height:1.08}.fd-lesson-detail p{color:#e2e3df;font-size:13px;line-height:1.6}.fd-lesson-detail-actions{flex-wrap:wrap;gap:12px;margin-top:26px;display:flex}.fd-lesson-detail-actions>button{flex:1 0 auto;max-width:100%}.fd-lesson-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.fd-lesson-card{text-align:left;background:#fffdf768;border:1px solid #17191d26;border-radius:9px;flex-direction:column;width:100%;height:100%;padding:14px;display:flex}.fd-lesson-card:hover{border-color:#17191d}.fd-lesson-card[aria-pressed=true]{background:#fff2df;border-color:#ff7900;box-shadow:inset 0 0 0 1px #ff7900}.fd-lesson-card-top{height:26px;font:400 24px/1 var(--font-sim-display), Impact, sans-serif;justify-content:space-between;align-items:center;display:flex}.fd-lesson-card[aria-pressed=true] .fd-lesson-card-top{color:#d85c00}.fd-lesson-card-top svg{color:#17191d;background:#e5ff54;border:1px solid #17191d;border-radius:50%;width:25px;height:25px;padding:3px}.fd-lesson-card-icon{align-self:center;width:90px;height:78px}.fd-lesson-card strong{font:400 20px/1.13 var(--font-sim-display), Impact, sans-serif;text-transform:uppercase;overflow-wrap:anywhere;flex:1}.fd-lesson-card-progress{align-items:center;gap:7px;width:100%;margin-top:13px;display:flex}.fd-lesson-card-progress>span{background:#d9dcdd;border-radius:4px;flex:1;height:6px;overflow:hidden}.fd-lesson-card-progress>span>span{background:#b9df35;height:100%;display:block}.fd-lesson-card-progress small{color:#62666d;white-space:nowrap;font-size:9px}.fd-replay-list{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.fd-replay-card{background:#fffdf768;border:1px solid #17191d26;border-radius:10px;align-items:center;gap:16px;padding:10px;display:flex}.fd-replay-open{text-align:left;border-radius:7px;flex:1;align-items:center;gap:18px;min-width:0;display:flex}.fd-replay-open:hover .fd-replay-copy strong{color:#bb5000}.fd-replay-thumbnail{background:#526b78 url(/images/ui/replay-tile.webp) 50%/cover;border-radius:6px;flex:0 0 150px;place-items:center;height:90px;display:grid}.fd-replay-thumbnail svg{color:#fff;fill:#fff;background:#17191ded;border-radius:50%;width:42px;height:42px;padding:12px}.fd-replay-copy{flex-direction:column;align-items:flex-start;gap:7px;min-width:0;display:flex}.fd-replay-copy strong{font:400 27px/1.1 var(--font-sim-display), Impact, sans-serif;text-transform:uppercase;overflow-wrap:anywhere}.fd-replay-copy>span:last-child{color:#62666d;font-size:12px}.fd-replay-record{font:400 15px/1 var(--font-sim-display), Impact, sans-serif;text-transform:uppercase;background:#e5ff54;border-radius:5px;align-items:center;gap:6px;padding:4px 10px;display:inline-flex}.fd-replay-record svg{width:14px;height:14px}.fd-replay-actions{flex-shrink:0;justify-content:flex-end;align-items:center;gap:8px;display:flex}:is(.fd-menu:has(.map-editor),.fd-menu:has(.el-opening)){border-radius:0;gap:0;max-width:none;padding:0;inset:0;overflow:hidden}:is(.fd-menu:has(.map-editor)>div:first-child,.fd-menu:has(.el-opening)>div:first-child){display:none}:is(.fd-menu:has(.map-editor) .fd-menu-content,.fd-menu:has(.el-opening) .fd-menu-content){scrollbar-gutter:auto;margin:0;padding:0;overflow:visible}@container (max-width:760px){.fd-page-hero{min-height:175px}.fd-page-hero-copy{width:65%}.fd-page-hero-art{left:62%}.fd-page .fd-page-hero-note{display:none}.fd-page-dummy{width:285px;height:427px;right:-85px}.fd-lesson-browser{grid-template-columns:minmax(200px,.9fr) minmax(0,1.4fr)}.fd-lesson-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.fd-replay-thumbnail{flex-basis:100px;height:80px}.fd-replay-card{flex-wrap:wrap;gap:8px}.fd-replay-open{flex-basis:100%}.fd-replay-actions{margin-left:auto}}@container (max-width:520px){.fd-page-hero{min-height:180px}.fd-page-hero-copy{width:100%;padding-right:0}.fd-page-hero h1{font-size:62px}.fd-page-hero p{max-width:62%;font-size:13px}.fd-page-hero-art{inset:70px 0 0 67%}.fd-page-dummy{width:220px;height:330px;top:-16px;right:-65px}.fd-page-hero-meta{margin-top:12px}.fd-lesson-chapters{gap:8px}.fd-lesson-chapters button{flex-basis:130px;padding:12px;font-size:19px}.fd-lesson-browser{grid-template-columns:1fr}.fd-lesson-detail{position:static}.fd-lesson-detail-top{height:45px}.fd-lesson-detail-top>svg{width:72px;height:72px}.fd-lesson-detail h2{margin-top:14px}.fd-lesson-detail-actions{margin-top:18px}.fd-replay-copy strong{font-size:23px}.fd-replay-open{gap:12px}}@media (max-height:800px) and (min-width:901px){.fd-page-hero{min-height:172px}.fd-page-hero h1{font-size:clamp(62px,8cqw,100px)}.fd-page-hero-meta{margin-top:14px}}
