.fe{--ink:#183641;--deep:#102b36;--coral:#ff7965;--cyan:#6bdfd4;color:var(--ink);max-width:1060px;margin:auto;padding:20px 18px 100px}.fe [hidden]{display:none!important}.fe button{font:inherit;cursor:pointer}.fe button:disabled{opacity:.45;cursor:default}.fe-btn{border:2px solid var(--ink);border-radius:12px;padding:12px 18px;min-height:46px;font-weight:800;background:#fffaf1;color:var(--ink)}.fe-primary{background:var(--coral)}.fe-nav,.fe-actions,.fe-audio{display:flex;gap:12px;flex-wrap:wrap;margin:18px 0}.fe-hero{background:var(--deep);color:#fff7e8;border:3px solid var(--ink);padding:28px;border-radius:22px;box-shadow:5px 5px 0 #8964c7}.fe-hero>span{font-size:11px;letter-spacing:2px;color:var(--cyan);font-weight:900}.fe-hero h1{font-size:clamp(28px,5vw,44px);line-height:1.15;margin:14px 0}.fe p{line-height:1.65;overflow-wrap:anywhere}.fe-hint{font-size:13px;color:#4c676d}.fe-summary{display:flex;gap:20px;flex-wrap:wrap;background:#eee8f7;padding:18px;border-radius:14px;margin-top:26px}.fe-lessons{display:grid;gap:20px;margin:24px 0}.fe-lesson,.fe-story,.fe-finish{background:#fffbf3;border:2px solid var(--ink);border-radius:20px;padding:24px;display:grid;grid-template-columns:180px 1fr;gap:25px;align-items:center;overflow:hidden}.fe-character{display:block;max-width:100%;height:260px;object-fit:contain;margin:auto}.fe-lesson small{display:block;margin-top:12px}.fe-lesson .fe-btn{margin:5px 8px 5px 0}.fe-number{font-size:11px;font-weight:900;letter-spacing:1.5px;color:#69508f}.fe-lesson h2{font-size:25px;line-height:1.25}.fe-cast{border:2px solid var(--ink);border-radius:16px;background:#e8edf0;padding:18px}.fe-cast summary{font-weight:800;cursor:pointer}.fe-cast>div{display:grid;grid-template-columns:repeat(auto-fit,minmax(155px,1fr));gap:20px;margin-top:20px}.fe-cast article{padding:15px;background:#fffaf0;border-radius:14px}.fe-cast .fe-character{height:180px}.fe-results{padding:18px;margin-top:25px;border-top:2px solid #b6c9cb}.fe-story{margin-top:25px}.fe-story .fe-character{height:360px}.fe-line{border-left:4px solid #8d6bc1;padding:10px 15px;margin:15px 0;background:#efe9f6;border-radius:0 12px 12px 0}.fe-line p{margin:6px 0}.fe-line .fe-btn{padding:5px 12px;min-height:36px}.fe-words{background:#fffaf1;border:2px solid var(--ink);padding:24px;border-radius:20px;margin:24px 0}.fe-words article{display:grid;grid-template-columns:1fr 1fr auto;gap:15px;align-items:center;border-top:1px solid #c4cfc8;padding:15px 0}.fe-task-head{display:flex;gap:18px;align-items:center;margin:26px 0}.fe-task-head progress{width:70%;height:14px;accent-color:#8059b5}.fe-task{background:#fffaf1;border:2px solid var(--ink);padding:24px;border-radius:20px;position:relative}.fe-small{height:150px;float:right;margin:0 0 15px 20px;max-width:120px}.fe-task h2{font-size:24px;line-height:1.4;margin:12px 0 22px}.fe-options{display:grid;gap:13px;clear:both;margin-top:22px}.fe-option{border:2px solid #879ea3;border-radius:14px;padding:18px;text-align:left;background:white;font-weight:800;min-height:52px;color:var(--ink)}.fe-option[aria-pressed=true]{border-color:#7252ac;background:#eee5fa;box-shadow:0 0 0 2px #7252ac}.fe-picture-options{grid-template-columns:1fr 1fr}.fe-equipment{display:block;background-size:200% 200%;background-repeat:no-repeat;aspect-ratio:1;border-radius:10px;background-color:#e9eeeb;max-width:240px;width:100%;margin:auto}.fe-pic-ball{background-position:0 0}.fe-pic-boots{background-position:100% 0}.fe-pic-goal{background-position:0 100%}.fe-pic-gloves{background-position:100% 100%}.fe-picture-options .fe-option{padding:8px}.fe-tiles,.fe-answer-tiles{display:flex;gap:10px;flex-wrap:wrap;clear:both;min-height:58px;padding:18px 0}.fe-answer-tiles{border-bottom:2px dashed #9aaeb2;margin:15px 0}.fe-answer-tiles>span{color:#607980}.fe-audio{clear:both}.fe-audio p{width:100%;padding:12px;border-radius:12px;background:#eee8f7}.fe-feedback{padding:20px;border:2px solid #b58a5f;border-radius:14px;margin-top:25px}.fe-correct{background:#e1f2e7;border-color:#42895f}.fe-missed{background:#fff0d8;border-color:#ce954d}.fe-finish{margin-top:25px}.fe :focus-visible{outline:3px solid #b57325;outline-offset:3px}.fe [data-fe-status]{color:#9b3a30;line-height:1.6}@media(max-width:620px){.fe{padding:14px 10px 100px}.fe-hero,.fe-task,.fe-words{padding:20px}.fe-lesson{grid-template-columns:105px 1fr;gap:14px;padding:17px}.fe-lesson .fe-character{height:210px}.fe-lesson h2{font-size:21px}.fe-lesson p{font-size:14px}.fe-lesson .fe-btn{width:100%;margin:6px 0}.fe-story,.fe-finish{grid-template-columns:1fr;padding:18px}.fe-story .fe-character{height:230px}.fe-words article{grid-template-columns:1fr;gap:8px}.fe-small{height:110px;max-width:85px}.fe-task h2{font-size:22px}.fe-summary{gap:12px}.fe-summary>span{display:block;width:100%}.fe-audio .fe-btn{flex:1 1 120px}.fe-picture-options{gap:10px}}

.fe-entry{width:100%;border:3px solid #183641;border-radius:18px;padding:24px;background:#142d3d;color:#fff7e8;text-align:left;box-shadow:4px 4px 0 #8863bd;cursor:pointer;margin:8px 0 22px;font:inherit}.fe-entry>span{display:block;font-size:11px;letter-spacing:2px;color:#6bdfd4;font-weight:900}.fe-entry strong{display:block;font-size:28px;margin:10px 0}.fe-entry small{font-size:14px}

.fe-face{display:inline-block;flex:0 0 auto;width:110px;height:110px;border-radius:14px;background-size:200% 200%;background-repeat:no-repeat;background-color:#eee8f7}.fe-emotion-0{background-position:0 0}.fe-emotion-1{background-position:100% 0}.fe-emotion-2{background-position:0 100%}.fe-emotion-3{background-position:100% 100%}.fe-line{display:grid;grid-template-columns:110px 1fr;gap:14px;align-items:center}.fe-line .fe-face{background-color:transparent}.fe-feedback .fe-face{float:right;margin:0 0 12px 15px}.fe-feedback:after{content:"";display:block;clear:both}.fe-task>.fe-face{float:right;margin:0 0 15px 20px}@media(max-width:620px){.fe-line{grid-template-columns:75px 1fr;gap:10px;padding:10px}.fe-line .fe-face{width:75px;height:75px}.fe-feedback .fe-face{width:80px;height:80px}.fe-task>.fe-face{width:85px;height:85px}.fe-line .fe-btn{margin-top:6px}}

/* Every explanation belongs to a readable panel, with no floating fine print. */
.fe-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:0;background:none;margin:26px 0 16px}
.fe-summary>strong,.fe-summary>span{display:flex;align-items:center;min-height:70px;box-sizing:border-box;padding:16px 18px;background:#eee8f7;border:1px solid #cdbfe1;border-radius:14px;font-size:15px;line-height:1.5;color:#183641}
.fe-summary>strong{background:#dff2ed;border-color:#a9d4c7}
.fe-rules{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:16px 0 28px}
.fe-rule{padding:20px;border:1px solid #c7d5d6;border-radius:16px;background:#fffaf1;box-shadow:0 3px 0 #1836410b}
.fe-rule:nth-child(2){background:#eaf3f1;border-color:#b4d5cd}.fe-rule:nth-child(3){background:#f0ebf7;border-color:#d1c3e5}
.fe-rule-label{display:block;font-size:10px;letter-spacing:1.2px;font-weight:900;color:#526b70;line-height:1.5}
.fe-rule h2{font-size:19px;line-height:1.3;margin:9px 0 10px;color:#183641}
.fe-rule p{font-size:14px;line-height:1.65;margin:0;color:#35545d}
.fe-hint{padding:18px 20px;background:#eaf3f1;border:1px solid #b4d5cd;border-radius:14px;font-size:14px;line-height:1.7;color:#35545d;margin:20px 0}
.fe-results{padding:22px;margin-top:24px;border:1px solid #c7d5d6;border-radius:18px;background:#fffbf3}
.fe-results h2{margin:0 0 14px;font-size:22px;line-height:1.3}.fe-results p{background:#edf2f2;padding:16px 18px;border-radius:12px;margin:12px 0 0;font-size:14px;color:#35545d}
.fe [data-fe-status]:empty{display:none}.fe [data-fe-status]:not(:empty){padding:16px 18px;border:1px solid #d9b4a6;border-radius:12px;background:#fff0e8}
.fe-lesson small{padding:10px 12px;border-radius:10px;background:#edf2f2;line-height:1.5;font-size:13px}
@media(max-width:760px){.fe-rules{grid-template-columns:1fr}.fe-rule{padding:17px 18px}.fe-rule h2{font-size:20px}.fe-summary{grid-template-columns:1fr;gap:8px}.fe-summary>strong,.fe-summary>span{width:auto;min-height:54px;padding:13px 16px}.fe-hint,.fe-results{padding:18px}.fe-results p{padding:14px}}

.fe-task{max-width:760px;box-sizing:border-box;margin:0 auto;scroll-margin-top:90px;scroll-margin-bottom:90px}
.fe-task h2:focus{outline:none}.fe-task .fe-equipment{max-width:120px}.fe-task>.fe-equipment{max-width:100px;margin:0 auto 14px}
.fe-task .fe-actions{margin-bottom:0}.fe-task .fe-picture-options .fe-option{min-height:0;padding:8px}
@media(max-width:620px){.fe-task{padding:16px;scroll-margin-top:82px}.fe-task h2{font-size:20px;line-height:1.35;margin:6px 0 16px}.fe-task>.fe-face{width:58px;height:58px;margin:0 0 10px 12px}.fe-task .fe-equipment{max-width:84px}.fe-task>.fe-equipment{max-width:76px}.fe-task .fe-options{gap:9px;margin-top:14px}.fe-task .fe-option{padding:12px;min-height:46px}.fe-task .fe-audio{gap:8px;margin:12px 0}.fe-task .fe-audio .fe-btn{padding:10px;min-height:42px}.fe-task .fe-tiles,.fe-task .fe-answer-tiles{padding:10px 0;gap:8px;min-height:44px}.fe-task .fe-tiles .fe-btn,.fe-task .fe-answer-tiles .fe-btn{padding:10px 12px;min-height:42px}}

.fe-messiks{display:inline-flex;align-items:center;gap:10px;vertical-align:middle;padding:8px 14px 8px 8px;border:2px solid #dfb44c;border-radius:16px;background:#fff4c9;color:#173a42;line-height:1.3;font-weight:900;max-width:100%;box-sizing:border-box}.fe-messiks>img{flex:0 0 46px;width:46px;height:46px;object-fit:contain}.fe-messiks>span{min-width:0}.fe-summary .fe-messiks{font-size:22px}.fe-rule h2 .fe-messiks{font-size:23px}.fe-route-actions{display:flex;flex-wrap:wrap;gap:14px;margin:22px 0 0}.fe-route-actions .fe-btn{margin:0}.fe-results .fe-messiks{padding:3px 8px 3px 3px;font-size:14px;gap:6px}.fe-results .fe-messiks>img{width:30px;height:30px;flex-basis:30px}@media(max-width:600px){.fe-route-actions{flex-direction:column;gap:14px}.fe-route-actions .fe-btn{width:100%;box-sizing:border-box}.fe-messiks{white-space:normal}.fe-rule h2 .fe-messiks{font-size:21px}}

.fe-completed{margin:26px 0}.fe-completed>.fe-lessons{grid-template-columns:1fr;background:none;padding:0}.fe-completed summary{padding:8px 0}.fe-repeat-note{padding:16px;background:#e4eee8;border-radius:12px;border-left:4px solid #36766d}

/* Persistent balance remains visible while the lesson scrolls. */
.fe-wallet{position:fixed;top:calc(env(safe-area-inset-top,0px) + 82px);right:max(12px,env(safe-area-inset-right,0px));z-index:115;display:flex;align-items:center;gap:7px;padding:7px 9px 7px 5px;background:#153e49;color:#fff0be;border:1px solid #d5b460;border-radius:16px;box-shadow:0 4px 18px #102b3640;max-width:190px;box-sizing:border-box}.fe-wallet>img{width:42px;height:42px;object-fit:contain;flex-shrink:0}.fe-wallet>div{display:grid;gap:2px;min-width:50px}.fe-wallet small{font-size:9px;letter-spacing:.04em;color:#e7d7ac}.fe-wallet strong{font-size:23px;line-height:1.1;font-variant-numeric:tabular-nums}.fe-wallet button{width:30px;height:38px;padding:0;background:transparent;border:0;color:#ffe29c;font-size:22px;cursor:pointer}.fe-wallet button[aria-pressed=false]{opacity:.5}.fe-wallet-announcement{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.fe:has(+.fe-wallet){padding-top:76px}.fe-flying-messik{position:fixed;z-index:116;width:48px;height:48px;object-fit:contain;pointer-events:none}.fe-wallet.is-rewarding>img{animation:fe-coin-bounce .35s ease-in-out infinite alternate}.fe-wallet.is-rewarding{box-shadow:0 0 0 3px #ffda7040,0 4px 22px #d6af5a80}@keyframes fe-coin-bounce{to{transform:rotate(13deg) scale(1.12)}}@media(prefers-reduced-motion:reduce){.fe-wallet.is-rewarding>img{animation:none}}@media(min-width:900px){.fe-wallet{top:28px;right:28px}.fe:has(+.fe-wallet){padding-top:28px}}

.fe-finish-actions{display:flex;flex-wrap:wrap;gap:14px!important;margin-top:22px}.fe-next-title{flex-basis:100%;margin:0;padding:12px;background:#edf1dd;border-radius:10px;line-height:1.5}
/* Football arena: original artwork, compact navigation and a visible next step. */
.fe-course-nav{padding-right:10px;display:flex;align-items:center;flex-wrap:wrap;gap:12px}.fe-course-nav>strong{font-size:14px;color:#61767b}.fe-course-heading{display:flex;gap:14px;align-items:center;margin:12px 0 18px}.fe-course-heading h1{font:800 clamp(23px,5vw,32px)/1.15 system-ui!important;margin:0 0 7px}.fe-course-heading p{margin:0;font-size:14px;color:#61757b}.fe-course-ball{display:grid;place-items:center;width:58px;height:58px;flex:0 0 58px;background:#173e49;color:#ffe098;border-radius:18px;box-shadow:0 4px 0 #0c2931}.fe-course-ball svg{width:38px;height:38px}.fe-course-stats{display:flex;gap:10px;flex-wrap:wrap;margin:16px 0}.fe-course-stats>span{display:flex;align-items:center;gap:7px;background:#fffdf5;border:1px solid #d9dfd6;border-radius:12px;padding:9px 12px;font-size:12px;font-weight:700}.fe-course-stats svg{width:22px;height:22px;color:#5c8f5d}.fe-course-tabs{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:5px;background:#e3eae3;border-radius:16px;margin:18px 0}.fe-course-tabs .fe-btn{padding:12px 5px!important;border:0!important;box-shadow:none!important;background:transparent;min-width:0;min-height:44px;font-size:13px!important;border-radius:12px!important;color:#536c73}.fe-course-tabs button[aria-pressed=true]{background:#173e49;color:#fff0bd}.fe-map-next,.fe-map-start{padding:22px;border-radius:20px;background:#fdf6da;border:2px solid #d0b264;margin:18px 0 24px}.fe-map-next>span{font-size:11px;font-weight:800;letter-spacing:.08em;color:#80672f}.fe-map-next h2,.fe-map-start h2{font-family:system-ui!important;font-size:22px!important;margin:10px 0 16px}.fe-map-next .fe-btn,.fe-map-start .fe-btn{width:100%;box-shadow:0 5px 0 #16303b!important;background:#275561!important;border-color:#275561!important;color:#fff7d9!important}.fe-map-start{display:grid;justify-items:center;text-align:center;gap:8px}.fe-map-start p{line-height:1.6;margin:0 0 14px}.fe-route-unit{margin:22px 0;border:1px solid #cfdad0;border-radius:20px;overflow:hidden;background:#f6faf4}.fe-zone-header{padding:20px 22px;background:#25685f;color:#faffeb;box-shadow:inset 0 -5px 0 #174d46}.fe-zone-header>span{font-size:10px;font-weight:800;letter-spacing:.07em;opacity:.8}.fe-zone-header h2{font:800 23px/1.25 system-ui!important;margin:8px 0;color:inherit}.fe-zone-header p{font-size:12px;margin:7px 0 0}.fe-pitch-route{position:relative;padding:32px 10px 20px;isolation:isolate;background:repeating-linear-gradient(0deg,#3479680a 0 60px,#c1ddbe12 60px 120px)}.fe-field-line{position:absolute;inset:18px 14px;border:2px solid #7cad8b35;border-radius:12px;z-index:-1}.fe-field-line:after{content:'';position:absolute;width:110px;height:110px;border:2px solid #7cad8b35;border-radius:50%;top:43%;left:calc(50% - 55px)}.fe-route-step{position:relative;display:flex;align-items:center;flex-direction:column;min-height:157px;width:176px;margin:0 auto;z-index:2}.fe-route-step.step-0{transform:translateX(-47px)}.fe-route-step.step-1{transform:translateX(-8px)}.fe-route-step.step-2{transform:translateX(48px)}.fe-route-step.step-3{transform:translateX(10px)}.fe-route-step:after{content:'';position:absolute;bottom:12px;left:84px;width:7px;height:15px;border-radius:7px;background:#b7d0b6;z-index:-1}.fe-route-node{position:relative;display:grid;place-items:center;width:76px;height:68px;border:0;border-radius:24px;background:#2d7265;color:#fff7d5;box-shadow:0 8px 0 #174f48,0 0 0 5px #ffffff;cursor:pointer;transition:transform .14s,box-shadow .14s;flex-shrink:0}.fe-route-node>svg{width:36px;height:36px}.fe-route-node:hover{transform:translateY(-3px)}.fe-route-node:active{transform:translateY(5px);box-shadow:0 3px 0 #174f48,0 0 0 5px #fff}.fe-route-node:focus-visible{outline:4px solid #7252ba;outline-offset:7px}.is-current .fe-route-node{background:#ba8d38;color:#fffce9;box-shadow:0 8px 0 #886323,0 0 0 5px #fff,0 0 0 9px #ead8a4}.is-complete .fe-route-node{background:#49784a;color:#fffce7;box-shadow:0 8px 0 #2d542e,0 0 0 5px #fff}.is-locked .fe-route-node{background:#e1e7df;color:#83948a;box-shadow:0 8px 0 #c7d1c7,0 0 0 5px #f8faf4;cursor:default}.fe-route-title{font-size:13px;font-weight:800;text-align:center;line-height:1.35;color:#214c51;margin:15px 0 4px;max-width:165px}.fe-route-step>small{font-size:11px;color:#758679}.fe-route-pointer{position:absolute;top:-27px;padding:5px 9px;background:#173e49;color:#fff2c7;font-size:10px;font-weight:800;border-radius:8px;white-space:nowrap;animation:fe-map-pointer 1s ease-in-out infinite alternate}.fe-route-pointer:after{content:'';position:absolute;bottom:-4px;left:calc(50% - 4px);width:8px;height:8px;background:inherit;transform:rotate(45deg)}.fe-route-mascot{position:absolute;right:6px;top:24px;width:86px;text-align:center;z-index:1}.fe-route-mascot .fe-character{height:104px!important;width:80px!important;object-fit:contain;max-width:100%;margin:0!important}.fe-route-mascot>span{display:block;font-size:10px;font-weight:700;color:#456963;line-height:1.3;padding:6px;background:#fffef4;border:1px solid #d9dfcc;border-radius:9px;transform:rotate(3deg)}.fe-zone-finish{display:flex;align-items:center;justify-content:center;gap:8px;color:#7d9581;font-size:12px;margin:10px 0}.fe-zone-finish svg{width:30px;height:30px}.fe-zone-finish.is-complete{color:#477246;font-weight:800}.fe-future-zone>summary{list-style:none;display:flex;align-items:center;gap:12px;cursor:pointer;padding:18px 15px;min-height:64px}.fe-future-zone>summary::-webkit-details-marker{display:none}.fe-future-zone summary>span:nth-child(2){display:grid;gap:6px;flex:1;min-width:0}.fe-future-zone summary small{font-size:9px;letter-spacing:.035em;color:#6a8079}.fe-future-zone summary strong{font-size:15px;line-height:1.35}.fe-future-zone summary>b{font-size:13px;color:#758b7c}.fe-zone-mini-icon{display:grid;place-items:center;border-radius:12px;background:#e2ece0;width:42px;height:42px;flex-shrink:0;color:#4f7960}.fe-zone-mini-icon svg{width:28px;height:28px}.fe-section-intro{padding:12px 0 16px}.fe-section-intro h2{font-size:23px!important;font-family:system-ui!important}.fe-section-intro p,.fe-map-note,.fe-course-help p{line-height:1.6;font-size:14px}.fe-cast-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.fe-cast-grid>article{display:flex;flex-direction:column;align-items:center;padding:18px;background:#fffdf3;border:1px solid #d3ddcf;border-radius:20px;text-align:center}.fe-cast-grid .fe-character{width:100%;height:155px;object-fit:contain;max-width:150px}.fe-cast-grid h2{font-size:19px!important;margin:12px 0 6px;font-family:system-ui!important}.fe-cast-grid p{font-size:13px;line-height:1.5;margin:0}.fe-course-help{border:1px solid #d2dccf;border-radius:16px;padding:17px;margin:18px 0;background:#fffdf4}.fe-course-help>summary{font-weight:700;font-size:14px;min-height:24px;cursor:pointer}.fe-course-content{max-width:620px;margin:auto}.fe-route-unit .fe-character[hidden]{display:none}.fe .fe-hero{padding:20px!important}.fe .fe-hero h1{font-size:clamp(23px,5.5vw,34px)!important}.fe .fe-hero p{font-size:14px!important;line-height:1.5}.fe:has(.fe-task) .fe-hero>span{display:none}.fe:has(.fe-task) .fe-hero p{display:none}.fe:has(.fe-task) .fe-hero{margin-bottom:14px!important;padding:14px 18px!important}.fe:has(.fe-task) .fe-hero h1{font-size:21px!important;margin:0!important}.fe-task-head{border-radius:14px}.fe .fe-task,.fe .fe-finish,.fe-course-content{animation:fe-screen-arrive .2s ease-out}@keyframes fe-screen-arrive{from{opacity:.45;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}@keyframes fe-map-pointer{to{transform:translateY(-3px)}}@media(min-width:800px){.fe-course-heading{margin-right:180px}.fe-route-mascot{right:45px;width:125px}.fe-route-mascot .fe-character{height:140px!important;width:120px!important}.fe-route-mascot>span{font-size:12px}}@media(max-width:380px){.fe-route-step.step-2{transform:translateX(35px)}.fe-route-mascot{right:0;width:72px}.fe-route-mascot .fe-character{width:68px!important;height:90px!important}.fe-cast-grid{gap:9px}.fe-cast-grid>article{padding:12px}.fe-route-title{font-size:12px}.fe-course-heading h1{font-size:23px!important}}@media(prefers-reduced-motion:reduce){.fe-route-pointer,.fe .fe-task,.fe .fe-finish,.fe-course-content{animation:none}.fe-route-node{transition:none}}

.fe-henry-invite{display:flex;align-items:center;gap:14px;margin:22px 0;padding:16px;border:1px solid #cabde1;border-radius:18px;background:#f3eef8}.fe-henry-invite .fe-face{width:76px;height:76px;flex:0 0 76px}.fe-henry-invite p{font-size:13px;line-height:1.5;margin:7px 0 10px}.fe-henry-invite .fe-btn{padding:10px 14px;font-size:13px}.fe-debate-overlay{position:fixed;inset:0;z-index:150;background:#0b2838a8;display:grid;place-items:center;padding:18px;box-sizing:border-box}.fe-debate-modal{position:relative;box-sizing:border-box;background:#fffdf3;color:#173e49;border-radius:22px;max-width:500px;width:100%;padding:24px;max-height:calc(100dvh - 40px);overflow:auto;box-shadow:0 18px 80px #09283866}.fe-debate-modal>[data-henry-close]{position:absolute;top:9px;right:10px;width:40px;height:40px;background:#e6ebe3;border:0;border-radius:12px;font-size:26px;color:#173e49}.fe-debate-modal>.fe-face{display:block;width:112px;height:112px;margin:0 0 16px}.fe-debate-modal h2{font-size:25px!important;font-family:system-ui!important}.fe-debate-modal p{font-size:14px;line-height:1.6}.fe-debate-scene{padding:12px;border-radius:12px;background:#edf1e5}.fe-debate-modal .fe-options{display:grid;gap:10px;margin:18px 0}.fe-debate-modal [role=status]{line-height:1.5}.fe-debate-modal>small{display:block;margin-top:18px;font-size:11px;color:#74827d;line-height:1.5}.fe-character[data-fe-emotion=henry]{display:block;flex-shrink:0;background-size:200% 200%;background-repeat:no-repeat;border-radius:14px}

body.fs-miniapp-english{overflow:hidden}.fs-english-app{position:fixed!important;inset:0!important;z-index:120;overflow:auto;overscroll-behavior:contain;background:#eff3ec;padding:0 18px calc(100px + env(safe-area-inset-bottom,0px));box-sizing:border-box}.fs-english-app>.fe-app-header{position:sticky;top:0;z-index:110;display:flex;gap:12px;align-items:center;box-sizing:border-box;height:calc(76px + env(safe-area-inset-top,0px));padding:calc(10px + env(safe-area-inset-top,0px)) 180px 10px 12px;margin:0 -18px 20px;background:#153e49;color:#fff0c1;border-bottom:2px solid #b39653}.fe-app-header>button{width:42px;height:42px;flex:0 0 42px;background:#27515c;border:1px solid #76918a;color:#fff3c4;border-radius:12px;font-size:25px;cursor:pointer}.fe-app-header>strong{font:800 14px/1.2 system-ui}.fs-english-app>.fe-wallet{top:calc(10px + env(safe-area-inset-top,0px));right:max(10px,env(safe-area-inset-right,0px));z-index:122;box-shadow:none;max-width:168px;padding:4px 5px;gap:5px}.fs-english-app>.fe-wallet>img{width:38px;height:38px}.fs-english-app>.fe-wallet strong{font-size:22px}.fs-english-app .fe{max-width:880px;margin:auto;padding-top:0!important}.fs-english-app .fe-course-nav{display:none}.fs-english-app .fe-course-tabs{display:none}.fe-app-nav{position:fixed;inset:auto 0 0;z-index:125;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:9px 12px calc(9px + env(safe-area-inset-bottom,0px));background:#fffdf3;border-top:1px solid #c6d3c2;box-shadow:0 -5px 20px #153e4910}.fe-app-nav>button{border:0;border-radius:14px;background:transparent;color:#71877c;display:grid;justify-items:center;gap:4px;min-height:50px;font-size:12px;font-weight:700;padding:5px;cursor:pointer}.fe-app-nav>button>span{font-size:25px;line-height:1.2}.fe-app-nav>button[aria-pressed=true]{background:#e7ead6;color:#173e49;box-shadow:inset 0 0 0 1px #c5b27b}.fs-english-app:has(.fe-task)>.fe-app-nav,.fs-english-app:has(.fe-finish)>.fe-app-nav{display:none}.fs-english-app .fe-hero{margin-top:12px!important}.fs-english-app .fe-course-heading{margin-top:22px}.fs-english-app .fe-debate-overlay{z-index:150}.fs-english-app:has(.fe-debate-overlay){overflow:hidden}.fs-english-app .fe-nav:not(.fe-course-nav){padding:0 0 8px}.fs-english-app .fe-nav small{font-size:11px}.fs-english-app .fe-task{scroll-margin-top:94px}.fs-english-app .fe-finish-actions{position:relative}.fs-english-app .fe-finish{grid-template-columns:minmax(0,1fr)}.fs-english-app .fe-finish>.fe-character{max-height:130px;max-width:130px;margin:auto}.fs-english-app .fe-finish .fe-actions{display:grid}.fs-english-app .fe-finish .fe-actions .fe-btn{width:100%}@media(min-width:900px){.fe-app-nav{left:calc(50% - 440px);right:calc(50% - 440px);border-radius:18px 18px 0 0}.fs-english-app>.fe-app-header{padding-left:max(18px,calc((100vw - 880px)/2));padding-right:max(185px,calc((100vw - 880px)/2))}.fs-english-app>.fe-wallet{right:max(15px,calc((100vw - 880px)/2));top:14px}}@media(max-width:360px){.fs-english-app>.fe-app-header{gap:8px;padding-right:161px}.fe-app-header>strong{font-size:12px}.fs-english-app>.fe-wallet{max-width:150px}.fs-english-app>.fe-wallet>img{width:31px;height:31px}.fe-wallet small{font-size:8px}.fe-wallet button{width:24px}.fe-wallet strong{font-size:20px}}

.fe-zone-header{position:relative;padding-right:88px}.fe-henry-corner{position:absolute;top:14px;right:12px;display:grid;justify-items:center;gap:3px;padding:0;border:0;background:transparent;color:#fff4c6;cursor:pointer}.fe-henry-corner>.fe-face{width:48px;height:48px;border-radius:13px;box-shadow:0 2px 0 #103a36}.fe-henry-corner>small{font-size:10px;font-weight:700}.fe-course-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.fe-course-stats>span{font-size:10px;padding:9px 8px}.fe-course-stats svg{width:19px;height:19px;flex-shrink:0}.fe-map-next{padding:16px;margin:14px 0 20px}.fe-map-next h2{font-size:19px!important;margin:8px 0 12px}.fs-english-app .fe-course-heading{margin:14px 0 12px}.fe-course-heading p{font-size:12px}.fe-course-heading .fe-course-ball{width:48px;height:48px;flex-basis:48px}.fe-course-heading .fe-course-ball svg{width:32px;height:32px}@media(max-width:600px){.fe-course-heading h1{font-size:22px!important}.fe-course-stats{margin:12px 0}.fe-course-stats>span{min-height:31px;box-sizing:border-box}.fe-map-next .fe-btn{min-height:44px;padding:12px!important}}

.fs-english-app{background:#fbf6ec}.fs-english-app>.fe-app-header{background:#183951;border-color:#e0ab3d}.fs-english-app>.fe-wallet{background:#20465b;border-color:#e4b653;color:#fff1ba}.fe-course-heading{color:#183f58}.fe-course-heading .fe-course-ball{background:#185672;color:#ffdc75;box-shadow:0 4px 0 #0c3950}.fe-course-stats>span{background:#fffdf6;border-color:#dfcfb1;color:#35536a}.fe-course-stats svg{color:#1e856a}.fe-map-next{background:#fff1c3;border-color:#ddb34c}.fe-map-next>span{color:#8a641b}.fe-map-next .fe-btn{background:#1d6e8b!important;border-color:#1d6e8b!important;box-shadow:0 5px 0 #0d455c!important;color:#fff8dc!important}.fe-route-unit{background:#fffdf6;border-color:#d9cfb7}.fe-zone-header{background:#138068;color:#fff8da;box-shadow:inset 0 -5px 0 #08604d}.fe-pitch-route{background:repeating-linear-gradient(0deg,#f7faf0 0 60px,#e8f1df 60px 120px)}.fe-field-line{border-color:#60a47745}.fe-field-line:after{border-color:#60a47745}.fe-route-node{background:#197b9a;color:#fff6d2;box-shadow:0 8px 0 #10536e,0 0 0 5px #fff}.is-current .fe-route-node{background:#e0a92f;color:#fff8e0;box-shadow:0 8px 0 #a67716,0 0 0 5px #fff,0 0 0 9px #f4d681}.is-complete .fe-route-node{background:#188469;box-shadow:0 8px 0 #0b5b46,0 0 0 5px #fff}.is-locked .fe-route-node{background:#e6e1d6;color:#8c8b80;box-shadow:0 8px 0 #c9c2b4,0 0 0 5px #fffdf6}.fe-route-pointer{background:#174b69;color:#ffedb0}.fe-zone-mini-icon{background:#d8e7ef;color:#225d7b}.fe-future-zone>summary{background:#fffaf0;color:#28495c}.fe-future-zone summary small{color:#86734f}.fe-app-nav{background:#fffaf0;border-color:#deceb1}.fe-app-nav>button{color:#6f8491}.fe-app-nav>button[aria-pressed=true]{background:#e3edf1;color:#1c607d;box-shadow:inset 0 0 0 1px #84b3c3}.fe-course-help{background:#fffdf6;border-color:#ded1b8}.fe-cast-grid>article{background:#fffdf6;border-color:#ded1b8}.fe-debate-scene{background:#e2eff0}.fe-debate-modal{background:#fff9ec}.fe .fe-primary{background:#1c6e8c;border-color:#1c6e8c;color:#fff6d9}.fe .fe-hero{background:#193e58;border-color:#2a6886;box-shadow:4px 5px 0 #e5b94f}.fe .fe-task,.fe .fe-finish{background:#fffdf6;border-color:#b4a582}.fe-course-heading p{color:#6f7b81}
.fs-english-app:has(.fe-finish) .fe-finish-actions{position:fixed;left:0;right:0;bottom:0;z-index:125;display:flex!important;flex-wrap:wrap;align-items:center;gap:8px!important;background:#fff9ec;border-top:1px solid #d7c5a0;box-shadow:0 -5px 22px #193e5815;padding:12px 14px calc(12px + env(safe-area-inset-bottom,0px));margin:0!important;box-sizing:border-box}
.fs-english-app:has(.fe-finish) .fe-finish-actions>[data-fe-continue]{flex:1;min-width:0;width:auto!important;margin:0!important;font-size:16px}
.fs-english-app:has(.fe-finish) .fe-finish-actions>[data-fe-list]{flex:0 0 auto;width:auto!important;margin:0!important;font-size:12px}
.fs-english-app:has(.fe-finish) .fe-next-title{order:3;flex:0 0 100%;padding:3px 4px;background:transparent;font-size:11px;color:#587276;line-height:1.35;max-height:30px;overflow:hidden;margin:0}
@media(min-width:900px){.fs-english-app:has(.fe-finish) .fe-finish-actions{left:calc(50% - 440px);right:calc(50% - 440px);border-radius:18px 18px 0 0}}