@font-face{font-family:Nunito;font-style:normal;font-weight:400;font-display:swap;src:url(../media/224e262ef877bfa4-s.1zkvd_innyig_.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Nunito;font-style:normal;font-weight:400;font-display:swap;src:url(../media/7f11d98043fdedc9-s.2c8-7nzo1jf9r.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Nunito;font-style:normal;font-weight:400;font-display:swap;src:url(../media/e6d00ff86ef9e699-s.p.1vcas2uk12q5a.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Nunito;font-style:normal;font-weight:400;font-display:swap;src:url(../media/d8cb5ab3660140cd-s.2demiz2t05dx4.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Nunito;font-style:normal;font-weight:400;font-display:swap;src:url(../media/07454f8ad8aaac57-s.p.2kjei9psvcorz.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Nunito;font-style:normal;font-weight:600;font-display:swap;src:url(../media/224e262ef877bfa4-s.1zkvd_innyig_.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Nunito;font-style:normal;font-weight:600;font-display:swap;src:url(../media/7f11d98043fdedc9-s.2c8-7nzo1jf9r.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Nunito;font-style:normal;font-weight:600;font-display:swap;src:url(../media/e6d00ff86ef9e699-s.p.1vcas2uk12q5a.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Nunito;font-style:normal;font-weight:600;font-display:swap;src:url(../media/d8cb5ab3660140cd-s.2demiz2t05dx4.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Nunito;font-style:normal;font-weight:600;font-display:swap;src:url(../media/07454f8ad8aaac57-s.p.2kjei9psvcorz.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Nunito;font-style:normal;font-weight:700;font-display:swap;src:url(../media/224e262ef877bfa4-s.1zkvd_innyig_.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Nunito;font-style:normal;font-weight:700;font-display:swap;src:url(../media/7f11d98043fdedc9-s.2c8-7nzo1jf9r.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Nunito;font-style:normal;font-weight:700;font-display:swap;src:url(../media/e6d00ff86ef9e699-s.p.1vcas2uk12q5a.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Nunito;font-style:normal;font-weight:700;font-display:swap;src:url(../media/d8cb5ab3660140cd-s.2demiz2t05dx4.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Nunito;font-style:normal;font-weight:700;font-display:swap;src:url(../media/07454f8ad8aaac57-s.p.2kjei9psvcorz.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Nunito;font-style:normal;font-weight:800;font-display:swap;src:url(../media/224e262ef877bfa4-s.1zkvd_innyig_.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Nunito;font-style:normal;font-weight:800;font-display:swap;src:url(../media/7f11d98043fdedc9-s.2c8-7nzo1jf9r.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Nunito;font-style:normal;font-weight:800;font-display:swap;src:url(../media/e6d00ff86ef9e699-s.p.1vcas2uk12q5a.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Nunito;font-style:normal;font-weight:800;font-display:swap;src:url(../media/d8cb5ab3660140cd-s.2demiz2t05dx4.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Nunito;font-style:normal;font-weight:800;font-display:swap;src:url(../media/07454f8ad8aaac57-s.p.2kjei9psvcorz.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Nunito Fallback;src:local(Arial);ascent-override:99.71%;descent-override:34.82%;line-gap-override:0.0%;size-adjust:101.39%}.nunito_bdfae40-module__i9PIZG__className{font-family:Nunito,Nunito Fallback;font-style:normal}.nunito_bdfae40-module__i9PIZG__variable{--font-body:"Nunito", "Nunito Fallback"}
@font-face{font-family:Quicksand;font-style:normal;font-weight:500;font-display:swap;src:url(../media/0781808e3393dbfb-s.p.3uuzd4ky6sm1t.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Quicksand;font-style:normal;font-weight:500;font-display:swap;src:url(../media/fae90444fefcda8c-s.403cfnf7b-1vb.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Quicksand;font-style:normal;font-weight:500;font-display:swap;src:url(../media/4a7551bcc3548e67-s.p.3jc5sq-923m_s.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Quicksand;font-style:normal;font-weight:600;font-display:swap;src:url(../media/0781808e3393dbfb-s.p.3uuzd4ky6sm1t.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Quicksand;font-style:normal;font-weight:600;font-display:swap;src:url(../media/fae90444fefcda8c-s.403cfnf7b-1vb.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Quicksand;font-style:normal;font-weight:600;font-display:swap;src:url(../media/4a7551bcc3548e67-s.p.3jc5sq-923m_s.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Quicksand;font-style:normal;font-weight:700;font-display:swap;src:url(../media/0781808e3393dbfb-s.p.3uuzd4ky6sm1t.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Quicksand;font-style:normal;font-weight:700;font-display:swap;src:url(../media/fae90444fefcda8c-s.403cfnf7b-1vb.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Quicksand;font-style:normal;font-weight:700;font-display:swap;src:url(../media/4a7551bcc3548e67-s.p.3jc5sq-923m_s.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Quicksand Fallback;src:local(Arial);ascent-override:95.87%;descent-override:23.97%;line-gap-override:0.0%;size-adjust:104.31%}.quicksand_73f5ff9b-module__2VRV6q__className{font-family:Quicksand,Quicksand Fallback;font-style:normal}.quicksand_73f5ff9b-module__2VRV6q__variable{--font-head:"Quicksand", "Quicksand Fallback"}
:root{--paper:#fefaf1;--mist:#eaf5f0;--navy:#27345c;--slate:#5a6480;--coral:#f0654a;--coral-d:#d94f33;--teal:#3fbfaf;--teal-d:#2e9d90;--sunshine:#f2b33d;--path:#e8a98f;--bg:var(--paper);--card:#fff;--ink:var(--navy);--muted:var(--slate);--brand:var(--teal);--brand-d:var(--teal-d);--brand-soft:var(--mist);--accent:var(--coral);--sun:var(--sunshine);--ipa:#a05be0;--line:#eae3d5;--active:#fdf6e7;--active-border:var(--sunshine);--green:var(--teal-d);--lock:#b0b6c3;--radius:20px;--font-body-stack:var(--font-body), "Segoe UI", Roboto, system-ui, sans-serif;--font-head-stack:var(--font-head), var(--font-body), "Segoe UI", sans-serif}*{box-sizing:border-box}body{color:var(--ink);line-height:1.55;font-family:var(--font-body-stack);background:radial-gradient(circle at 10% 6%, #f0654a1a 0, transparent 42%), radial-gradient(circle at 92% 4%, #3fbfaf1f 0, transparent 40%), radial-gradient(circle at 80% 92%, #f2b33d1a 0, transparent 44%), var(--paper);background-attachment:fixed;margin:0;padding-bottom:82px}h1,h2,h3,.chapter,.section-title{font-family:var(--font-head-stack);letter-spacing:-.3px}h2{font-weight:700}.wrap{max-width:920px;margin:0 auto;padding:16px 16px 40px}.btn{cursor:pointer;background:var(--brand);color:#fff;border:none;border-radius:999px;padding:11px 20px;font-size:.95rem;font-weight:700;transition:transform 80ms,box-shadow 80ms;box-shadow:0 3px #0000001f}.btn:hover{transform:translateY(-1px)}.btn:active{transform:translateY(2px);box-shadow:0 1px #0000001f}.btn.ghost{background:var(--brand-soft);color:var(--brand-d);box-shadow:0 3px #17a2a226}.btn.accent{background:var(--accent)}.btn.sm{padding:7px 13px;font-size:.82rem}.hide{display:none!important}.chip{color:var(--muted);background:#f2ede3;border-radius:999px;align-items:center;gap:5px;padding:4px 11px;font-size:.8rem;font-weight:600;display:inline-flex}.chip.sun{color:#b8860b;background:#fff2cc;border:1px solid #ffe08a}.chip.fire{color:#d9480f;background:#ffe3d6}.card{background:var(--card);border-radius:var(--radius);border:3px solid #fff;box-shadow:0 6px 18px #2d314214}.topbar{align-items:center;gap:12px;padding:14px 16px 4px;display:flex}.avatar{background:var(--brand-soft);border-radius:50%;flex:none;justify-content:center;align-items:center;width:52px;height:52px;font-size:30px;display:flex;box-shadow:inset 0 -3px #0000000d}.topbar .who{flex:1}.topbar .who .hi{color:var(--muted);font-size:.8rem}.topbar .who .nm{font-size:1.1rem;font-weight:800}.row{flex-wrap:wrap;gap:10px;display:flex}.grid{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:16px;display:grid}.lcard{cursor:pointer;transition:transform .14s,box-shadow .14s;position:relative;overflow:hidden}.lcard:hover{transform:translateY(-5px)rotate(-.5deg);box-shadow:0 14px 30px #2d314229}.lcard .thumb{aspect-ratio:16/9;background:#e7efe9 50%/cover no-repeat;position:relative}.lcard .thumb .lockov{color:#fff;background:#1e23328c;flex-direction:column;justify-content:center;align-items:center;gap:4px;font-size:.9rem;font-weight:700;display:flex;position:absolute;inset:0}.lcard .body{padding:11px 14px 14px}.lcard .ttl{font-size:1rem;font-weight:800}.lcard .meta{flex-wrap:wrap;gap:6px;margin-top:7px;font-size:.72rem;display:flex}.badge{color:var(--muted);background:#f2ede3;border-radius:999px;padding:3px 9px;font-weight:600}.badge.lv{background:var(--brand-soft);color:var(--brand-d)}.badge.free{color:#1b8a4b;background:#e6fcf0}.badge.pro{color:#d9480f;background:#fff0e6}.done-badge{background:var(--green);color:#fff;z-index:2;border-radius:999px;padding:2px 9px;font-size:.72rem;font-weight:700;position:absolute;top:8px;left:8px}.section-title{align-items:center;gap:8px;margin:22px 4px 12px;display:flex}.section-title h2{margin:0;font-size:1.15rem}.section-title .more{color:var(--brand-d);cursor:pointer;margin-left:auto;font-size:.82rem;font-weight:700}.goalbar{background:#eee5d7;border-radius:999px;height:12px;margin-top:8px;overflow:hidden}.goalbar>i{background:linear-gradient(90deg, var(--brand), var(--green));height:100%;display:block}.zone{background:var(--zt,#fff);margin-bottom:18px;padding:16px 16px 24px}.zone-head{align-items:center;gap:10px;display:flex}.zone-head .lv-emoji{font-size:30px}.zone-head .lv-name{font-size:1.05rem;font-weight:800}.zone-head .lv-sub{color:var(--muted);font-size:.78rem}.zone-head .chip{background:#ffffffbf;margin-left:auto}.trail{width:340px;max-width:100%;margin:12px auto 0;position:relative}.trail svg{position:absolute;inset:0}.node{color:#fff;cursor:pointer;z-index:2;background:linear-gradient(#23c0c0,#128888);border:4px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:62px;height:62px;margin:-31px 0 0 -31px;font-size:23px;font-weight:800;transition:transform .18s;display:flex;position:absolute;box-shadow:0 6px #00000024,0 10px 18px #2d31422e}.node:hover{transform:translateY(-3px)}.node.done{background:linear-gradient(#4cc06a,#2a8c42)}.node.locked{background:linear-gradient(#c6ccd8,#99a1b1)}.node.current{animation:1.6s ease-in-out infinite pulse}@keyframes pulse{0%,to{box-shadow:0 6px #00000024,0 0 #ffb3008c}50%{box-shadow:0 6px #00000024,0 0 0 14px #ffb30000}}.nlabel{text-align:center;z-index:2;width:128px;color:var(--ink);pointer-events:none;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#ffffffbd;border:1px solid #ffffffeb;border-radius:11px;margin-left:-64px;padding:4px 6px;font-size:.74rem;font-weight:800;position:absolute;box-shadow:0 3px 9px #2d314229}.nlabel small{color:#5a6172;font-weight:600;display:block}.maple-here{z-index:3;pointer-events:none;filter:drop-shadow(0 4px 6px #00000038);width:76px;margin-left:-38px;animation:2.2s ease-in-out infinite bob;position:absolute}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.filters{flex-wrap:wrap;gap:8px;margin-bottom:14px;display:flex}.filters select{border:2px solid var(--line);color:var(--ink);background:#fff;border-radius:999px;padding:7px 12px;font-family:inherit;font-size:.85rem;font-weight:600}.badges{grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:12px;display:grid}.medal{text-align:center;background:#faf7f1;border-radius:16px;padding:12px 6px}.medal.on{background:#fff6e0;box-shadow:inset 0 0 0 2px #ffe08a}.medal .bic{object-fit:contain;filter:grayscale();opacity:.38;border-radius:50%;width:58px;height:58px;transition:filter .2s,transform .2s}.medal.on .bic{filter:none;opacity:1}.medal.on:hover .bic{transform:scale(1.08)}.medal .nm{margin-top:6px;font-size:.72rem;font-weight:700}.field{margin-bottom:12px}.field label{margin-bottom:4px;font-size:.8rem;font-weight:700;display:block}.field input,.field select{border:2px solid var(--line);border-radius:12px;width:100%;padding:10px 12px;font-family:inherit;font-size:.95rem}.plan{border:3px solid #fff;margin-bottom:12px;padding:16px}.plan.current{box-shadow:0 0 0 3px var(--brand) inset, 0 6px 18px #2d314214}.plan .pname{font-size:1.1rem;font-weight:800}.plan .price{color:var(--brand-d);font-weight:800}.plan ul{color:var(--muted);margin:8px 0 0;padding-left:18px;font-size:.85rem}.avatarpick{flex-wrap:wrap;gap:8px;display:flex}.avatarpick button{border:2px solid var(--line);cursor:pointer;background:#fff;border-radius:50%;width:44px;height:44px;font-size:24px}.avatarpick button.sel{border-color:var(--brand);background:var(--brand-soft)}.nav{border-top:1px solid var(--line);padding:6px 4px calc(6px + env(safe-area-inset-bottom));z-index:50;background:#fff;justify-content:space-around;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -3px 14px #2d31420f}.nav button{cursor:pointer;color:var(--muted);background:0 0;border:none;flex-direction:column;flex:1;align-items:center;gap:2px;padding:4px 8px;font-size:.68rem;font-weight:700;display:flex}.nav button .i{font-size:20px}.nav button.on{color:var(--brand-d)}.nav button.on .i{transform:translateY(-2px)}#studio{z-index:100;background:linear-gradient(#fef6ec47,#fef6ec66),url(/assets/images/shadowing-background.webp) 50%/cover fixed;position:fixed;inset:0;overflow-y:auto}#studio .card,#studio .transcript .line{background:#fffffff2}#studio .transcript .line.active{background:var(--active)}#studio.hide{display:none}.st-top{color:#fff;z-index:5;background:linear-gradient(135deg,#17a2a2,#3bb273);align-items:center;gap:12px;padding:12px 16px;display:flex;position:sticky;top:0}.st-top .bk{color:#fff;cursor:pointer;background:#fff3;border:none;border-radius:10px;padding:8px 13px;font-weight:700}.st-top h3{flex:1;margin:0;font-size:1.05rem;font-weight:800}.st-wrap{max-width:920px;margin:0 auto;padding:16px}.st-layout{grid-template-columns:1fr;gap:16px;display:grid}@media (min-width:880px){.st-layout{grid-template-columns:1.05fr 1fr;align-items:start}.videobox{position:sticky;top:76px}}.videobox{border-radius:var(--radius);aspect-ratio:16/9;background:#000;overflow:hidden}.videobox #player{border:0;width:100%;height:100%}.toolbar{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:12px;padding:10px 12px;display:flex}.toggle{color:var(--muted);cursor:pointer;border:1px solid var(--line);-webkit-user-select:none;user-select:none;border-radius:999px;align-items:center;gap:6px;padding:6px 10px;font-size:.82rem;display:inline-flex}.toggle input{accent-color:var(--brand)}.toggle.on{background:var(--brand-soft);color:var(--brand-d);border-color:var(--brand-soft)}.speed{color:var(--muted);align-items:center;gap:6px;margin-left:auto;font-size:.82rem;display:flex}.speed select{border:1px solid var(--line);border-radius:8px;padding:4px 6px}.transcript{flex-direction:column;gap:10px;display:flex}.line{background:var(--card);border:1px solid var(--line);border-left:4px solid #0000;border-radius:14px;padding:12px 14px;transition:background .15s,border-color .15s}.line.active{background:var(--active);border-color:var(--active-border);border-left-color:var(--active-border)}.line .en{cursor:pointer;font-size:1.06rem;font-weight:700}.line .words{flex-wrap:wrap;gap:6px;margin-top:7px;display:flex}.line .word{cursor:pointer;background:#f3f0ff;border:1px solid #e0d7ff;border-radius:999px;align-items:center;gap:5px;padding:3px 10px;font-size:.8rem;display:inline-flex}.line .word b{font-weight:700}.line .word .wipa{color:var(--ipa)}.line .vi{color:var(--muted);margin-top:6px;font-size:.9rem}.line .ctrls{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.icbtn{cursor:pointer;color:var(--ink);background:#f0f3f9;border:none;border-radius:10px;padding:6px 11px;font-size:.8rem;font-weight:700}.icbtn.rec{color:#e03131;background:#ffe3e3}.icbtn.rec.on{color:#fff;background:#e03131}.icbtn.play{background:var(--brand-soft);color:var(--brand-d)}.icbtn.check{color:#1b8a4b;background:#e6fcf0}.icbtn:disabled{opacity:.4;cursor:default}.fb{background:#f7f9fc;border-radius:10px;margin-top:8px;padding:8px 10px;font-size:.84rem}.fb .sc{font-weight:800}.fb .ok{color:var(--green)}.fb .no{color:#e8590c}.complete-bar{text-align:center;margin-top:18px}.complete-btn{background:var(--green);padding:13px 24px;font-size:1rem}.complete-btn:disabled{cursor:default;background:#b2d8bd}.modal{z-index:200;background:#14182380;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal .box{text-align:center;background:#fff;border-radius:22px;max-width:380px;padding:24px}.modal .box h3{margin:0 0 6px}.confetti{z-index:999;pointer-events:none;border-radius:2px;width:10px;height:14px;animation:1.7s cubic-bezier(.3,.6,.6,1) forwards fall;position:fixed;top:-14px}@keyframes fall{0%{opacity:1;transform:translateY(0)rotate(0)}to{opacity:.9;transform:translateY(110vh)rotate(600deg)}}#splash{z-index:300;cursor:pointer;background:#cbe8f5;position:fixed;inset:0;overflow:hidden}#splash .sp-banner{background:url(/assets/images/vancouver-hero-maple-girl-v3.webp) 88%/cover no-repeat;align-items:center;animation:.65s ease-out both splashReveal;display:flex;position:absolute;inset:0}#splash .sp-banner:before{content:"";pointer-events:none;background:linear-gradient(90deg,#e7f6fbfa 0%,#e7f6fbd1 25%,#e7f6fb47 48%,#0000 67%);position:absolute;inset:0}#splash .sp-card{z-index:2;color:#163445;flex-direction:column;align-items:flex-start;gap:14px;width:min(42vw,500px);margin-left:clamp(28px,7vw,120px);padding:0;animation:.7s ease-out .12s both splashCopy;display:flex;position:relative}#splash .sp-kicker{color:#d8653c;letter-spacing:.2em;font-size:.76rem;font-weight:900}#splash .sp-title{letter-spacing:-.045em;color:#163445;text-wrap:balance;max-width:480px;font-size:clamp(2.25rem,5vw,4.8rem);font-weight:900;line-height:.98}#splash .sp-goal{color:#385768;max-width:430px;font-size:clamp(.98rem,1.45vw,1.2rem);font-weight:650;line-height:1.55}#splash .sp-cta{color:#163445;font:inherit;cursor:pointer;background:#ffffffb3;border:1px solid #1634452e;border-radius:999px;margin-top:4px;padding:12px 21px;font-weight:850;transition:transform .18s,background .18s;box-shadow:0 8px 24px #1f3a4d1f}#splash .sp-cta:hover{background:#fff;transform:translateY(-2px)}#splash .sp-cta:focus-visible{outline-offset:4px;outline:3px solid #e47a4f}@keyframes splashReveal{0%{opacity:0;transform:scale(1.025)}}@keyframes splashCopy{0%{opacity:0;transform:translateY(18px)}}.leaf{z-index:4;filter:drop-shadow(0 6px 7px #5e2c192e);pointer-events:none;font-size:27px;animation:linear infinite leaffall;position:absolute;top:-70px}.leaf-1{opacity:.48;font-size:20px}.leaf-2{opacity:.78;font-size:29px}.leaf-3{opacity:.95;filter:blur(.2px)drop-shadow(0 8px 9px #5e2c1938);font-size:38px}@keyframes leaffall{0%{transform:translate(-20px,-8vh)rotate(0)}45%{transform:translate(34px,54vh)rotate(190deg)}to{transform:translate(-18px,116vh)rotate(390deg)}}@media (max-width:700px){#splash .sp-banner{background-position:82%;align-items:flex-end}#splash .sp-banner:before{background:linear-gradient(#0000 25%,#e1f2f814 41%,#e1f2f8d6 75%,#e1f2f8fa 100%)}#splash .sp-card{width:auto;max-width:92%;margin:0 24px max(34px, env(safe-area-inset-bottom));gap:9px}#splash .sp-title{max-width:390px;font-size:clamp(2rem,11vw,3.35rem)}#splash .sp-goal{max-width:360px;font-size:.94rem;line-height:1.42}#splash .sp-cta{padding:10px 18px}}body.no-motion #splash .sp-banner,body.no-motion #splash .sp-card{animation:none}.medal{position:relative;overflow:hidden}.medal.on:after{content:"";background:linear-gradient(90deg,#0000,#ffffffbf,#0000);width:45%;height:220%;animation:1s .35s both shine;position:absolute;top:-60%;left:-80%;transform:rotate(20deg)}@keyframes shine{to{left:140%}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}body.no-motion *,body.no-motion :before,body.no-motion :after{transition:none!important;animation:none!important}.learn-prog{margin-bottom:12px;padding:10px 14px}.learn-prog .lp-top{color:var(--brand-d);justify-content:space-between;font-size:.85rem;font-weight:700;display:flex}.learn-prog .lp-bar{background:#eee5d7;border-radius:999px;height:10px;margin-top:6px;overflow:hidden}.learn-prog .lp-bar>i{background:linear-gradient(90deg, var(--brand), var(--green));height:100%;transition:width .3s;display:block}.line.learned{border-left-color:var(--green);background:#f4fbf5}.icbtn.learn{color:#2a8c42;background:#eef7f0}.line.learned .icbtn.learn{background:var(--green);color:#fff}#quiz{z-index:150;background:linear-gradient(#fef6ecf0,#fef6ecf7),url(/assets/images/shadowing-background.webp) top/cover fixed;position:fixed;inset:0;overflow-y:auto}#quiz.hide{display:none}.quiz-top{align-items:center;gap:12px;max-width:620px;margin:0 auto;padding:14px 18px;display:flex}.quiz-top .bk{border:1px solid var(--line);cursor:pointer;width:36px;height:36px;color:var(--muted);background:#fff;border-radius:50%;font-size:1rem;font-weight:800}.quiz-top .qbar{background:#eee5d7;border-radius:999px;flex:1;height:12px;overflow:hidden}.quiz-top .qbar>i{background:linear-gradient(90deg, var(--brand), var(--green));height:100%;transition:width .3s;display:block}.quiz-top #qProg{color:var(--muted);white-space:nowrap;font-size:.85rem;font-weight:700}.quiz-body{max-width:620px;margin:10px auto;padding:0 18px 40px}.qcard{background:var(--card);border-radius:var(--radius);border:3px solid #fff;padding:24px;box-shadow:0 10px 26px #2d31421a}.qtype{color:var(--brand-d);background:var(--brand-soft);border-radius:999px;padding:4px 12px;font-size:.74rem;font-weight:800;display:inline-block}.qtext{margin-top:14px;font-size:1.25rem;font-weight:800}.qtext .qprompt{color:var(--ink);margin-top:10px;font-size:1.4rem}.qtext .qsub{color:var(--ipa);margin-top:4px;font-size:1rem;font-weight:600}.qhint{color:var(--muted);margin-top:6px;font-size:.9rem}.qopts{flex-direction:column;gap:10px;margin-top:18px;display:flex}.qopt{text-align:left;border:2px solid var(--line);cursor:pointer;background:#fff;border-radius:14px;padding:14px 16px;font-family:inherit;font-size:1.05rem;font-weight:600;transition:transform .1s,border-color .12s,background .12s}.qopt:hover:not(:disabled){border-color:var(--brand);transform:translateY(-1px)}.qopt:disabled{cursor:default}.qopt.right{border-color:var(--green);color:#1b7a3a;background:#eafaf0}.qopt.wrong{color:#c92a2a;background:#fff0f0;border-color:#ff8787}.qfb{margin-top:16px;font-size:1rem;font-weight:600}.qfb .ok{color:var(--green);font-weight:800}.qfb .no{color:#e8590c;font-weight:800}.qnext{width:100%;margin-top:18px;padding:14px;font-size:1.05rem}.menu-back{z-index:90;position:fixed;inset:0}.avatar-menu{z-index:100;border:1px solid var(--line);background:#fff;border-radius:16px;flex-direction:column;min-width:190px;padding:6px;display:flex;position:absolute;top:60px;left:12px;box-shadow:0 12px 30px #2d31422e}.avatar-menu button{text-align:left;color:var(--ink);cursor:pointer;background:0 0;border:none;border-radius:11px;padding:11px 12px;font-family:inherit;font-size:.95rem;font-weight:600}.avatar-menu button:hover{background:var(--brand-soft)}.game-overlay{z-index:150;background:var(--bg);background-image:radial-gradient(circle at 12% 6%,#ffab7829 0,#0000 40%),radial-gradient(circle at 88% 4%,#17a2a224 0,#0000 38%);position:fixed;inset:0;overflow-y:auto}.game-top{align-items:center;gap:12px;max-width:620px;margin:0 auto;padding:14px 18px;display:flex}.game-top .bk{border:1px solid var(--line);cursor:pointer;color:var(--muted);background:#fff;border-radius:999px;padding:8px 14px;font-family:inherit;font-weight:800}.game-top h3{margin:0;font-size:1.1rem}.game-vi{color:var(--muted);margin-left:auto;font-size:.82rem;font-weight:700}.game-body{max-width:620px;margin:6px auto;padding:0 18px 44px}.scene{background:linear-gradient(135deg,#eaf6ff,#fff6df);border:3px solid #fff;border-radius:20px;margin-bottom:14px;position:relative;overflow:hidden;box-shadow:0 10px 26px #2d31421a}.scene-art{flex-wrap:wrap;place-content:center;gap:6px 14px;min-height:168px;padding:22px;font-size:2.6rem;display:flex}.scene-image{aspect-ratio:4/3;object-fit:cover;width:100%;display:block}.scene-note{color:var(--muted);text-align:center;background:#ffffffd1;padding:5px 10px;font-size:.72rem;position:absolute;bottom:0;left:0;right:0}.q-progress{color:var(--muted);margin:4px 0 10px;font-size:.82rem;font-weight:800}.round-diff{vertical-align:middle;border-radius:999px;margin-left:6px;padding:2px 9px;font-size:.72rem;font-weight:800;display:inline-block}.round-diff.easy{color:var(--teal-d);background:#e7f7f0}.round-diff.medium{color:#a8730b;background:#fff2cf}.round-diff.hard{color:var(--coral-d);background:#ffe4dc}.gallery-intro{color:var(--muted);margin:2px 0 14px;font-weight:700}.diff-bar{background:#f2ede3;border-radius:999px;gap:6px;margin:0 0 16px;padding:4px;display:inline-flex}.diff-tab{color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:999px;padding:7px 18px;font-family:inherit;font-size:.86rem;font-weight:800;transition:background .12s,color .12s}.diff-tab:hover{color:var(--navy)}.diff-tab.on.easy{background:var(--teal-d);color:#fff}.diff-tab.on.medium{background:var(--sunshine);color:#5a4200}.diff-tab.on.hard{background:var(--coral);color:#fff}.scene-gallery{grid-template-columns:repeat(2,1fr);gap:14px;display:grid}.scene-card{text-align:left;cursor:pointer;background:var(--card);border:3px solid #fff;border-radius:18px;flex-direction:column;padding:0;font-family:inherit;transition:transform .12s,box-shadow .12s;display:flex;overflow:hidden;box-shadow:0 8px 20px #2d31421a}.scene-card:hover,.scene-card:active{transform:translateY(-3px);box-shadow:0 12px 26px #2d314229}.sc-thumb{aspect-ratio:4/3;background:linear-gradient(135deg,#eaf6ff,#fff6df);justify-content:center;align-items:center;width:100%;display:flex;position:relative;overflow:hidden}.sc-thumb img{object-fit:cover;width:100%;height:100%}.sc-emoji{font-size:3rem}.sc-check{background:var(--green);color:#fff;border-radius:999px;justify-content:center;align-items:center;width:26px;height:26px;font-size:.9rem;font-weight:900;display:flex;position:absolute;top:8px;right:8px;box-shadow:0 2px 6px #0003}.scene-card.explored{border-color:#cdeede}.sc-name{padding:10px 12px 2px;font-size:1rem;font-weight:900}.sc-sub{color:var(--muted);padding:0 12px 12px;font-size:.74rem;font-weight:700}.sc-count{padding:2px 12px 0;font-size:.74rem;font-weight:800}.sc-count.easy{color:var(--teal-d)}.sc-count.medium{color:#a8730b}.sc-count.hard{color:var(--coral-d)}.scene-card.empty{opacity:.5;cursor:not-allowed}.scene-card.empty:hover{transform:none;box-shadow:0 8px 20px #2d31421a}.scene-card.empty .sc-count{color:var(--lock)}.sc-stars{letter-spacing:1px;padding:0 12px 10px;font-size:.82rem}.game-result{text-align:center;background:var(--card);border-radius:var(--radius);border:3px solid #fff;padding:30px 24px;box-shadow:0 10px 26px #2d31421a}.gr-stars{letter-spacing:4px;font-size:2.4rem}.gr-stars.sm{margin:4px 0;font-size:1.6rem}.game-result h3{margin:10px 0 4px}.game-result p{color:var(--muted);margin:0 0 18px}.game-result .btn+.btn{margin-top:10px}.gr-explore{font-weight:700}.gr-explore b{color:var(--teal-d)}.echo-note{text-align:center;color:var(--muted);margin-top:10px;font-size:.82rem;font-weight:700}.puzzle-hint{background:var(--active);border-radius:12px;margin-bottom:12px;padding:10px 14px;font-weight:700}.puzzle-line{border:2px dashed var(--line);background:#fff;border-radius:16px;flex-wrap:wrap;align-items:center;gap:8px;min-height:60px;padding:12px;display:flex}.puzzle-line.ok{border-color:var(--green);background:#eafaf0;border-style:solid}.puzzle-line.no{background:#fff0f0;border-style:solid;border-color:#ff8787}.puzzle-line .ph{color:var(--lock);font-size:.9rem}.puzzle-bank{flex-wrap:wrap;gap:8px;margin:14px 0;display:flex}.tile{border:2px solid var(--brand);color:var(--brand-d);cursor:pointer;background:#fff;border-radius:12px;padding:10px 16px;font-family:inherit;font-size:1.05rem;font-weight:800;box-shadow:0 3px #17a2a22e}.tile.placed{border-color:var(--accent);color:#b23a1e;box-shadow:0 3px #ff7a5933}.riddle-card{text-align:center;background:var(--card);border-radius:var(--radius);border:3px solid #fff;margin-bottom:4px;padding:22px;box-shadow:0 10px 26px #2d31421a}.riddle-emoji{font-size:3.2rem}.riddle-text{margin:8px 0 12px;font-size:1.15rem;font-weight:800}.riddle-vi{color:var(--muted);margin-top:10px;font-size:.84rem}.talk-task{background:var(--card);border-radius:var(--radius);border:3px solid #fff;padding:16px;box-shadow:0 10px 26px #2d31421a}.talk-kind{background:var(--brand-soft);color:var(--brand-d);border-radius:999px;padding:3px 10px;font-size:.72rem;font-weight:800;display:inline-block}.talk-instr{margin:8px 0 10px;font-weight:800}.talk-q{margin-bottom:10px;font-size:1.05rem;font-weight:800}.talk-say{background:#f2fbf5;border:2px solid #cdeede;border-radius:12px;flex-wrap:wrap;align-items:center;gap:8px;margin:10px 0;padding:10px 12px;display:flex}.talk-say-en{color:var(--brand-d);font-weight:800}.talk-say-note{color:var(--muted);font-size:.72rem}.echo-card{text-align:center;background:var(--card);border-radius:var(--radius);border:3px solid #fff;margin-bottom:16px;padding:24px;box-shadow:0 10px 26px #2d31421a}.echo-step{color:var(--brand-d);margin:14px 0 6px;font-size:.82rem;font-weight:800}.echo-en{font-size:1.5rem;font-weight:800}.echo-vi{color:var(--muted);margin-bottom:12px}.echo-card .btn{margin:4px}.reward-sticker{font-size:4.6rem;animation:.5s pop}.reward-newsticker{color:var(--brand-d);font-weight:700}@keyframes pop{0%{transform:scale(0)}70%{transform:scale(1.2)}to{transform:scale(1)}}body.no-motion .reward-sticker,body.no-motion .reward-maple{animation:none}.slot-art .sticker-img{object-fit:contain;filter:drop-shadow(0 3px 4px #0000002e);width:56px;height:56px;margin:0 auto;display:block}.reward-sticker .sticker-img{object-fit:contain;filter:drop-shadow(0 6px 8px #0003);width:132px;height:132px}.reward-maple{object-fit:contain;filter:drop-shadow(0 6px 8px #0000002e);width:138px;height:138px;animation:.5s pop}html,body{overflow-x:hidden}#app{position:relative}body{background-color:#0000;background-image:radial-gradient(1200px 420px at 50% -60px,#eaf5ff 0,#0000 70%),radial-gradient(circle at 12% 4%,#ffab7824 0,#0000 42%),linear-gradient(#fef6ec 0%,#fdf1e2 60%,#f6efe0 100%);background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:auto,auto,auto;background-attachment:fixed;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box}.fullbleed{width:100vw;margin-left:calc(50% - 50vw)}.wrap.wide{max-width:100%;padding:0 0 40px}.wrap{padding-top:64px}.wrap.wide{padding-top:0}.home,.worldmap,.playground,.stage,.journal{padding-bottom:8px}.playground,.stage,.journal{max-width:920px;margin:0 auto;padding-left:16px;padding-right:16px}.chapter{color:var(--ink);margin:22px 2px 12px;font-size:1.28rem;font-weight:800;display:inline-block;position:relative}.chapter:after{content:"";background:linear-gradient(90deg, var(--sun), #fc30);border-radius:5px;height:6px;position:absolute;bottom:-5px;left:2px;right:8px}.hud{z-index:60;align-items:center;gap:10px;padding:12px 14px;display:flex;position:absolute;top:0;left:0;right:0}.hud-avatar{background:var(--brand-soft);cursor:pointer;border:3px solid #fff;border-radius:50%;place-items:center;width:46px;height:46px;font-size:25px;display:grid;box-shadow:0 4px 12px #2d314238}.hud-tokens{gap:8px;margin-left:auto;display:flex}.wtag{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);color:#5a4632;background:#ffffffd9;border:1px solid #ffffffe6;border-radius:999px;align-items:center;gap:5px;padding:5px 12px;font-size:.82rem;font-weight:800;display:inline-flex;box-shadow:0 3px 10px #2d314224}.wtag.fire{color:#d9480f}.wtag.star{color:#b8860b}.arrival{background:url(/assets/images/vancouver-hero-maple-girl-v3.webp) 72% 26%/cover no-repeat;align-items:flex-end;min-height:clamp(370px,62vh,540px);display:flex;position:relative}.arrival:before{content:"";background:linear-gradient(#fff0 45%,#5e46322e 100%);position:absolute;inset:0}.arrival-copy{z-index:2;max-width:min(74%,340px);margin:0 0 26px 18px;position:relative}.hello-sign{color:#5a3d22;background:linear-gradient(#fffaf0,#f6e7cf);border:3px solid #fff;border-radius:16px;padding:10px 18px;font-size:clamp(1.2rem,4.5vw,1.6rem);font-weight:800;display:inline-block;transform:rotate(-2deg);box-shadow:0 8px 20px #4a341e3d}.hs-wave{transform-origin:70% 80%;animation:1.8s ease-in-out infinite wavehand;display:inline-block}@keyframes wavehand{0%,60%,to{transform:rotate(0)}20%{transform:rotate(16deg)}40%{transform:rotate(-8deg)}}.arrival-line{color:#234;text-shadow:0 1px 3px #ffffffb3;max-width:300px;margin:12px 4px;font-size:clamp(.9rem,1.6vw,1.05rem);font-weight:700}.quest-btn{cursor:pointer;color:#fff;background:linear-gradient(#ff8e6e,#ef6a49);border:none;border-radius:999px;align-items:center;gap:8px;padding:13px 22px;font-family:inherit;font-size:1.02rem;font-weight:800;transition:transform .1s,box-shadow .1s;display:inline-flex;box-shadow:0 5px #c9502f,0 10px 20px #c9502f57}.quest-btn:active{transform:translateY(3px);box-shadow:0 2px #c9502f}.qb-ic{font-size:1.2rem}.arrival-flag{z-index:2;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);color:#5a4632;background:#ffffffd9;border-radius:999px;align-items:center;gap:6px;padding:6px 13px;font-size:.82rem;font-weight:800;display:flex;position:absolute;top:clamp(70px,12vh,96px);right:16px;box-shadow:0 4px 12px #2d31422e}.flag-emoji{font-size:1rem}.home{max-width:920px;margin:0 auto}.home>.chapter,.home>.journeys,.home>.today-mini{margin-left:16px;margin-right:16px}.cp-go{color:var(--brand-d);flex:none;font-size:1.1rem;font-weight:900}.home-cta{flex-wrap:wrap;gap:10px;display:flex}.quest-btn.ghost2{color:var(--brand-d);background:#ffffffe6;box-shadow:0 5px #17a2a238,0 10px 20px #2d314224}.journeys{flex-direction:column;gap:12px;display:flex}.journey{cursor:pointer;text-align:left;border:none;border-radius:22px;align-items:center;gap:14px;padding:16px;font-family:inherit;transition:transform .12s;display:flex;box-shadow:0 8px 22px #2d31421a}.journey:hover{transform:translateY(-2px)}.journey.learn-j{background:linear-gradient(135deg,#e7f0ff,#eef7ff)}.journey.adv-j{background:linear-gradient(135deg,#fff0e3,#fff6ee)}.j-ic{background:#ffffffb3;border-radius:16px;flex:none;place-items:center;width:52px;height:52px;font-size:2rem;display:grid}.j-body{flex:1;min-width:0}.j-k{color:var(--muted);font-size:.78rem;font-weight:700;display:block}.j-t{font-weight:800;display:block}.j-bar{background:#ffffffb3;border-radius:999px;height:8px;margin-top:7px;display:block;overflow:hidden}.j-bar>i{background:linear-gradient(90deg, var(--brand), var(--green));height:100%;display:block}.j-badge{color:var(--brand-d);background:#fff;border-radius:999px;flex:none;padding:4px 12px;font-size:.8rem;font-weight:800}.today-mini{background:var(--active);border-radius:16px;align-items:center;gap:10px;margin:16px 16px 4px;padding:10px 14px;font-weight:700;display:flex}.tm-txt{flex:1;font-size:.9rem}.tm-bar{background:#fff;border-radius:999px;flex:0 0 90px;height:8px;overflow:hidden}.tm-bar>i{background:linear-gradient(90deg, #ff8e6e, var(--sun));height:100%;display:block}.worldmap{position:relative}.wm-intro{text-align:center;padding:80px 16px 6px}.wm-sub{color:var(--muted);margin:2px 0 0}.wm-end{text-align:center;color:var(--muted);padding:20px 16px 10px;font-weight:700}.wm-end span{margin-bottom:2px;font-size:1.7rem;display:block}.region{width:100vw;margin-left:calc(50% - 50vw);padding:6px 0 22px;position:relative;overflow:hidden}.region+.region{margin-top:-1px}.theme-town{background:linear-gradient(#eaf3ff14,#fdeede29),url(/assets/images/gen/world-everyday-town.webp) 50%/cover no-repeat}.theme-school{background:linear-gradient(#eef4ff,#fbf1e2)}.theme-forest{background:linear-gradient(#e9f6ee,#f3fbef)}.theme-coast{background:linear-gradient(#e6f4fb,#eef9f4)}.theme-library{background:linear-gradient(#f2ecfb,#faf5ff)}.theme-space{background:linear-gradient(#e3e5fa,#eef0fc)}.region-horizon{opacity:.65;pointer-events:none;background-position:bottom;background-repeat:repeat-x;height:84px;position:absolute;bottom:0;left:0;right:0}.theme-town .region-horizon{display:none}.theme-school .region-horizon{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='72'%3E%3Cg fill='%23cbb79c'%3E%3Crect x='30' y='34' width='120' height='38'/%3E%3Cpath d='M30 34 L90 8 L150 34 Z'/%3E%3Crect x='82' y='48' width='16' height='24' fill='%23a98f70'/%3E%3C/g%3E%3C/svg%3E")}.theme-forest .region-horizon{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='130' height='66'%3E%3Cg fill='%235da077'%3E%3Cpath d='M16 66 L30 16 L44 66 Z'/%3E%3Cpath d='M52 66 L68 6 L84 66 Z'/%3E%3Cpath d='M92 66 L104 24 L116 66 Z'/%3E%3C/g%3E%3C/svg%3E")}.theme-coast .region-horizon{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='80'%3E%3Cg fill='%2392b6cc'%3E%3Cpath d='M-4 80 L48 20 L100 80 Z'/%3E%3Cpath d='M78 80 L130 10 L182 80 Z'/%3E%3C/g%3E%3Cpath d='M48 20 L60 34 L36 34 Z' fill='%23eef6fb'/%3E%3Cpath d='M130 10 L144 28 L116 28 Z' fill='%23eef6fb'/%3E%3C/svg%3E")}.theme-library .region-horizon{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='150' height='66'%3E%3Cg fill='%23b3a0d4'%3E%3Crect x='10' y='16' width='14' height='50'/%3E%3Crect x='28' y='24' width='14' height='42'/%3E%3Crect x='46' y='12' width='14' height='54'/%3E%3Crect x='64' y='22' width='14' height='44'/%3E%3Crect x='82' y='16' width='14' height='50'/%3E%3Crect x='100' y='26' width='14' height='40'/%3E%3Crect x='118' y='18' width='14' height='48'/%3E%3C/g%3E%3C/svg%3E")}.theme-space .region-horizon{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='120'%3E%3Cg fill='%23b9b3ea'%3E%3Ccircle cx='20' cy='22' r='2'/%3E%3Ccircle cx='60' cy='40' r='1.5'/%3E%3Ccircle cx='96' cy='18' r='2.4'/%3E%3Ccircle cx='120' cy='54' r='1.6'/%3E%3Ccircle cx='40' cy='70' r='1.8'/%3E%3Ccircle cx='84' cy='84' r='1.4'/%3E%3Ccircle cx='16' cy='100' r='1.6'/%3E%3C/g%3E%3C/svg%3E");background-position:top;height:100%}.region.locked{filter:saturate(.6)}.region.locked:after{content:"";pointer-events:none;background:#f4f2fa66;position:absolute;inset:0}.region-head{z-index:2;justify-content:center;align-items:center;gap:12px;max-width:480px;margin:0 auto;padding:20px 16px 4px;display:flex;position:relative}.region:not(:first-child) .region-head:before{content:"";background:repeating-linear-gradient(#caa96f 0 4px,#0000 4px 12px);width:6px;height:26px;position:absolute;top:-12px;left:50%;transform:translate(-50%)}.signpost{background:#fff;border:3px solid #fff;border-radius:16px;flex:none;place-items:center;width:54px;height:54px;font-size:1.9rem;display:grid;transform:rotate(-3deg);box-shadow:0 6px #0000001a,0 8px 16px #2d314229}.region-name{text-shadow:0 1px 4px #ffffffbf;font-weight:800}.region-name small{color:#4a5568;text-shadow:0 1px 3px #fffc;font-size:.74rem;font-weight:700;display:block}.region-flag{color:#a06a00;background:#ffffffd9;border-radius:999px;flex:none;margin-left:4px;padding:5px 12px;font-size:.74rem;font-weight:800}.region-flag.open{color:#1b7a3a}.region .trail{z-index:2}.road-seg{z-index:2;justify-content:center;align-items:center;height:118px;display:flex;position:relative}.road-seg:before{content:"";opacity:.6;background:repeating-linear-gradient(#caa96f 0 4px,#0000 4px 16px);width:6px;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.road-lock{z-index:1;color:#fff;background:linear-gradient(#c6ccd8,#99a1b1);border:4px solid #fff;border-radius:50%;place-items:center;width:48px;height:48px;font-size:1.3rem;display:grid;position:relative;box-shadow:0 5px #0000001f}.node{appearance:none;padding:0;font-family:inherit}.pg-sub{color:var(--muted);margin:-4px 0 14px}.portal{cursor:pointer;text-align:left;border:none;border-radius:26px;width:100%;font-family:inherit;transition:transform .14s;display:block;position:relative;overflow:hidden;box-shadow:0 10px 26px #2d31421f}.portal:hover{transform:translateY(-3px)rotate(-.4deg)}.theme-g-picdet{background:linear-gradient(135deg,#d8ecff,#f0f8ff)}.theme-g-talk{background:linear-gradient(135deg,#ffe4d8,#fff2ec)}.theme-g-puzzle{background:linear-gradient(135deg,#ece0ff,#f7f2ff)}.theme-g-riddle{background:linear-gradient(135deg,#dff5e7,#f0fbf2)}.portal.featured{grid-template-columns:auto 1fr;align-items:center;gap:14px;min-height:168px;margin-bottom:16px;padding:22px;display:grid}.portal-scene{background:#ffffff8c;border-radius:50%;place-items:center;width:118px;height:118px;display:grid;overflow:hidden;box-shadow:inset 0 -6px 14px #0000000d}.portal-scene img{object-fit:cover;width:100%;height:100%}.portal-obj{filter:drop-shadow(0 5px 6px #0000001f);font-size:3.4rem}.po-name{font-size:1.18rem;font-weight:800;display:block}.po-vi{color:var(--brand-d);font-size:.86rem;font-weight:700;display:block}.po-blurb{color:var(--muted);margin:4px 0 10px;font-size:.85rem;display:block}.po-go{background:var(--accent);color:#fff;border-radius:999px;padding:8px 18px;font-size:.85rem;font-weight:800;display:inline-block;box-shadow:0 3px #0000001f}.portal-spec{color:var(--muted);background:#ffffffb8;border-radius:8px;padding:2px 8px;font-size:.64rem;position:absolute;bottom:8px;right:12px}.portal-row{grid-template-columns:repeat(3,1fr);align-items:start;gap:12px;display:grid}.portal.small{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:3px;min-height:132px;padding:20px 10px 22px;display:flex}.portal.small .portal-obj{font-size:2.6rem}.portal-thumb{aspect-ratio:4/3;border-radius:26px 26px 14px 14px;width:calc(100% + 20px);margin:-20px -10px 9px;display:block;overflow:hidden}.portal-thumb img{object-fit:cover;width:100%;height:100%;display:block}.po-name.sm{font-size:.92rem;font-weight:800}.po-en{color:var(--muted);font-size:.68rem}.pos-0{transform:translateY(0)rotate(-1.6deg)}.pos-1{transform:translateY(18px)rotate(1.2deg)}.pos-2{transform:translateY(6px)rotate(-.8deg)}.pos-0:hover,.pos-1:hover,.pos-2:hover{transform:translateY(-4px)}.filmstrip{gap:12px;padding:4px 2px 12px;display:flex;overflow-x:auto}.film{cursor:pointer;text-align:left;background:0 0;border:none;flex:none;width:188px;font-family:inherit}.film-thumb{aspect-ratio:16/9;background:#e7efe9 50%/cover no-repeat;border-radius:14px;width:100%;display:block;position:relative;box-shadow:0 6px 16px #2d314224}.film-lock{color:#fff;background:#141823b3;border-radius:999px;padding:2px 8px;font-size:.64rem;font-weight:700;position:absolute;top:6px;right:6px}.film-ttl{margin-top:6px;font-size:.9rem;font-weight:800;display:block}.film-meta{color:var(--muted);font-size:.74rem;display:block}.journal-head{align-items:center;gap:12px;margin:4px 0 6px;display:flex}.journal-maple{object-fit:contain;flex:none;width:62px;height:62px}.journal-sub{color:var(--muted);margin:2px 0 0;font-size:.84rem}.sticker-page{background:repeating-linear-gradient(#0000 0 29px,#785a3c12 29px 30px),linear-gradient(160deg,#fffdf6,#fbf2e1);border-radius:22px;margin-bottom:16px;padding:16px 16px 14px;position:relative;box-shadow:0 8px 22px #2d31421a,inset 0 0 0 2px #fff9}.sp-title{color:#7a5b3a;margin-bottom:12px;font-weight:800}.sticker-slots{grid-template-columns:repeat(auto-fill,minmax(82px,1fr));gap:12px;display:grid}.slot{text-align:center;border:2px dashed #d9c5a5;border-radius:16px;padding:12px 6px}.slot.filled{background:#fff;border-style:solid;border-color:#0000;transform:rotate(-2deg);box-shadow:0 5px 13px #ffb54752,0 2px #0000000d}.slot.filled:nth-child(2n){transform:rotate(2deg)}.slot-art{font-size:2.1rem;display:block}.slot:not(.filled) .slot-art{opacity:.3}.slot-name{color:var(--muted);margin-top:2px;font-size:.72rem;font-weight:700;display:block}.slot.filled .slot-name{color:var(--ink)}.stamps{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.stamp{color:#7a5b3a;border:2px dashed #cbb189;border-radius:12px;padding:4px 11px;font-size:.78rem}.stamp b{color:var(--ink);margin-right:3px}.shelf{background:linear-gradient(#e9d7bd,#dcc39f);border-radius:22px;padding:14px 14px 18px;box-shadow:0 8px 22px #2d31421f}.shelf-title{color:#6b4e2e;margin-bottom:10px;font-weight:800}.shelf-row{grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:10px;display:grid}.trophy{text-align:center;background:#ffffff80;border-radius:14px;padding:10px 6px;box-shadow:inset 0 -3px 6px #0000000f}.trophy img{object-fit:contain;filter:grayscale();opacity:.4;border-radius:50%;width:52px;height:52px;transition:filter .2s,transform .2s}.trophy.on{background:#fff;box-shadow:0 5px 13px #0000001a}.trophy.on img{filter:none;opacity:1}.trophy.on:hover img{transform:scale(1.08)}.trophy span{margin-top:5px;font-size:.7rem;font-weight:700;display:block}.nav{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffed;border-top:none;border-radius:20px 20px 0 0;box-shadow:0 -4px 20px #2d31421a}@media (min-width:720px){.arrival{background-position:78% 24%;min-height:clamp(420px,52vh,560px)}.arrival-copy{max-width:380px;margin-left:clamp(24px,6vw,64px)}.journeys{flex-direction:row}.journey{flex:1}.region-head{max-width:560px}.voca-list{grid-template-columns:1fr 1fr}}@media (min-width:1100px){.arrival-copy{max-width:440px}.portal.featured{min-height:200px}}@media (max-width:400px){.portal-row{gap:8px}.portal.small{min-height:120px;padding:16px 6px 18px}.po-en{display:none}}.learn{max-width:920px;margin:0 auto}.course-back{border:1px solid var(--line);cursor:pointer;color:var(--muted);background:#fff;border-radius:999px;margin:4px 4px 10px;padding:8px 14px;font-family:inherit;font-weight:800}.course-head{align-items:center;gap:12px;margin:6px 4px 14px;display:flex}.course-maple{object-fit:contain;flex:none;width:60px;height:60px}.course-sub{color:var(--muted);margin:2px 0 0;font-size:.84rem;font-weight:700}.unit-list{flex-direction:column;gap:12px;margin:0 0 16px;padding:0;list-style:none;display:flex}.unit{border-radius:18px}.unit-btn{text-align:left;cursor:pointer;background:var(--card);border:3px solid #fff;border-radius:18px;align-items:center;gap:14px;width:100%;padding:10px;font-family:inherit;transition:transform .1s;display:flex;box-shadow:0 8px 20px #2d31421a}.unit-btn:hover:not(:disabled){transform:translate(3px)}.unit-btn:disabled{cursor:not-allowed}.unit.locked .unit-btn{opacity:.72;background:#f5f4f0}.unit.done .unit-btn{border-color:#cdeede}.unit-thumb{background-position:50%;background-size:cover;border-radius:12px;flex:none;width:88px;height:66px;position:relative;overflow:hidden}.unit.locked .unit-thumb{filter:grayscale(.7)brightness(.95)}.unit-n{color:#fff;background:#0000008c;border-radius:999px;place-items:center;width:24px;height:24px;font-size:.82rem;font-weight:900;display:grid;position:absolute;top:6px;left:6px}.unit-badge{border-radius:999px;place-items:center;width:24px;height:24px;font-size:.82rem;font-weight:900;display:grid;position:absolute;bottom:6px;right:6px;box-shadow:0 2px 6px #00000040}.unit-badge.ok{background:var(--green);color:#fff}.unit-badge.lock{background:#fff}.unit-body{flex:1;min-width:0}.unit-title{font-weight:900;display:block}.unit-title small{color:var(--muted);font-weight:600}.unit-focus{color:var(--muted);margin:2px 0 6px;font-size:.76rem;display:block}.unit-bar{background:#eadfce;border-radius:999px;height:12px;display:block;position:relative;overflow:hidden}.unit-bar>i{background:linear-gradient(90deg, var(--brand), var(--green));height:100%;display:block}.unit-bar>span{color:#4a5568;font-size:.64rem;font-weight:800;position:absolute;top:-1px;right:8px}.unit-soon{color:#a9803a;font-size:.76rem;font-weight:800;display:block}.unit-go{color:var(--brand-d);flex:none;font-size:.82rem;font-weight:800}.unit.locked .unit-go{color:var(--lock)}.course-more{flex-direction:column;gap:8px;margin-bottom:8px;display:flex}.course-lvl{border:2px dashed var(--line);color:var(--muted);background:#f5f4f0;border-radius:14px;padding:12px 14px;font-weight:800}.course-lvl small{float:right;color:var(--lock);font-weight:800}.course-level{margin-bottom:12px}.course-lvl-head{text-align:left;cursor:pointer;background:var(--card);border:3px solid #fff;border-radius:16px;align-items:center;gap:12px;width:100%;padding:12px 14px;font-family:inherit;transition:transform .1s;display:flex;box-shadow:0 6px 16px #2d314217}.course-lvl-head:active{transform:scale(.99)}.course-lvl-head.static{cursor:default;box-shadow:none;background:#f5f4f0;border-color:#f5f4f0}.course-level.open .course-lvl-head{border-color:var(--teal)}.clh-ic{flex:none;font-size:1.5rem;line-height:1}.clh-txt{flex-direction:column;flex:auto;gap:1px;min-width:0;display:flex}.clh-txt b{font-family:var(--font-head-stack);color:var(--ink);font-size:.98rem;font-weight:800}.clh-txt small{font-family:var(--font-body-stack);color:var(--muted);font-size:.76rem;font-weight:700}.clh-meta{color:var(--muted);background:var(--mist);border-radius:999px;flex:none;padding:3px 10px;font-size:.8rem;font-weight:800}.clh-meta.all{background:var(--teal);color:#fff}.clh-chev{color:var(--teal-d);flex:none;font-size:1rem;font-weight:800}.course-level.locked .clh-chev{color:var(--lock)}.course-level .unit-list{margin-top:10px}.course-collection+.course-collection{margin-top:6px}.clh-collection{font-family:var(--font-head-stack);color:var(--teal-d);flex-wrap:wrap;align-items:baseline;gap:6px;margin:12px 4px 2px;font-size:.84rem;font-weight:800;display:flex}.clh-collection small{font-family:var(--font-body-stack);color:var(--muted);font-size:.74rem;font-weight:700}.learn-hero{background-color:#cfe3f2;background-position:50% 32%;background-repeat:no-repeat;background-size:cover;align-items:flex-end;min-height:clamp(210px,34vh,300px);display:flex;position:relative}.lh-overlay{background:linear-gradient(#14283c0f 40%,#1e28376b 100%);position:absolute;inset:0}.lh-panel{z-index:2;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffffdb;border:2px solid #ffffffe6;border-radius:18px;max-width:min(92%,460px);margin:0 16px 16px;padding:12px 16px;position:relative;box-shadow:0 10px 26px #1f3a4d33}.lh-eyebrow{color:var(--brand-d);font-size:.74rem;font-weight:800}.lh-title{color:#163445;font-size:clamp(1.2rem,3.5vw,1.6rem);font-weight:800}.lh-title small{color:#5a6172;font-size:.8em;font-weight:700}.lh-bar{background:#eadfce;border-radius:999px;height:12px;margin:8px 0 12px;position:relative;overflow:hidden}.lh-bar>i{background:linear-gradient(90deg, var(--brand), var(--green));height:100%;display:block}.lh-bar>span{color:#4a5568;font-size:.66rem;font-weight:800;position:absolute;top:-1px;right:8px}.learn-cta{justify-content:center;width:100%}.diff-row{flex-wrap:wrap;align-items:center;gap:8px;margin:14px 4px 2px;display:flex}.diff-label{font-size:.86rem;font-weight:800}.diff-picker{flex-wrap:wrap;gap:6px;display:flex}.diff-chip{border:2px solid var(--line);cursor:pointer;color:var(--ink);background:#fff;border-radius:999px;align-items:center;gap:5px;min-height:40px;padding:8px 12px;font-family:inherit;font-size:.82rem;font-weight:700;display:inline-flex}.diff-chip.on{border-color:var(--brand);background:var(--brand-soft);color:var(--brand-d)}.dc-emoji{font-size:1.05rem}.diff-note{color:var(--muted);margin:6px 4px 0;font-size:.82rem}.tracks{flex-direction:column;gap:10px;margin:6px 0 10px;padding:0;list-style:none;display:flex}.track{cursor:pointer;border-left:6px solid var(--brand);background:#fff;border-radius:16px 20px 20px 16px;align-items:center;gap:14px;padding:12px 14px;transition:transform .1s;display:flex;box-shadow:0 5px 14px #2d314217}.track:hover{transform:translate(3px)}.track.done{border-left-color:var(--green);background:#f4fbf5}.track.check{border-left-color:var(--sun);background:#fff9ea}.track-ic{background:var(--brand-soft);border-radius:14px;flex:none;place-items:center;width:46px;height:46px;font-size:1.5rem;display:grid}.track.done .track-ic{color:#1b7a3a;background:#d6f3de}.track.check .track-ic{background:#ffeec2}.track-txt{flex:1;min-width:0}.track-nm{font-weight:800;display:block}.track-nm small{color:var(--muted);font-weight:600}.track-desc{color:var(--muted);font-size:.78rem;display:block}.track-go{color:var(--muted);flex:none;font-size:.82rem;font-weight:800}.wb-top{flex-wrap:wrap;align-items:center;gap:10px;padding:6px 0 10px;display:flex}.wb-top .bk{border:1px solid var(--line);cursor:pointer;color:var(--muted);background:#fff;border-radius:999px;min-height:40px;padding:8px 14px;font-family:inherit;font-weight:800}.wb-tab{background:var(--active);border-radius:12px;padding:8px 14px;font-weight:800}.wb-tab small{color:var(--muted);font-weight:600}.wbpage{background:linear-gradient(160deg,#fffdf7,#fbf3e4);border-radius:20px;padding:16px;box-shadow:0 8px 22px #2d31421a,inset 0 0 0 2px #fff9}.wb-intro{align-items:center;gap:12px;margin-bottom:14px;display:flex}.wb-guide{object-fit:contain;flex:none;width:56px;height:56px}.wb-say{background:#fff;border-radius:16px;padding:10px 14px;font-weight:600;position:relative;box-shadow:0 4px 12px #2d31421a}.wb-say:before{content:"";border:8px solid #0000;border-left:0;border-right-color:#fff;position:absolute;top:18px;left:-8px}.say-vi{color:var(--muted);font-weight:600}.voca-list{grid-template-columns:1fr;gap:10px;margin-bottom:14px;display:grid}.voca{background:#fff;border-radius:14px;gap:12px;padding:10px 12px;display:flex;box-shadow:0 3px 10px #2d314212}.voca-emoji{background:#f6f0e4;border-radius:12px;flex:none;place-items:center;width:48px;height:48px;font-size:2rem;display:grid}.voca-main{flex:1;min-width:0}.voca-word{flex-wrap:wrap;align-items:center;gap:8px;font-size:1.05rem;display:flex}.voca-word b{font-weight:800}.voca-ipa{color:var(--ipa);font-size:.84rem}.spk{background:var(--brand-soft);color:var(--brand-d);cursor:pointer;border:none;border-radius:10px;width:34px;height:34px;font-size:.95rem}.voca-vi{color:var(--ink);margin-top:1px;font-size:.88rem;font-weight:700}.voca-ex{color:var(--muted);cursor:pointer;margin-top:3px;font-size:.85rem}.voca-ex em{color:#93855f;font-style:normal}.pat-list{flex-direction:column;gap:12px;margin-bottom:14px;display:flex}.pat{border-left:5px solid var(--ipa);background:#fff;border-radius:14px;padding:12px 14px;box-shadow:0 3px 10px #2d314212}.pat-head{flex-wrap:wrap;align-items:baseline;gap:10px;display:flex}.pat-head b{font-size:1.1rem;font-weight:800}.pat-vi{color:var(--muted);font-size:.84rem}.pat-ex{margin:8px 0 0;padding-left:18px;font-size:.9rem}.pat-ex li{margin:3px 0}.pat-ex em{color:#93855f;font-style:normal}.listen-box{flex-wrap:wrap;gap:8px;margin-bottom:12px;display:flex}.listen-script{box-shadow:inset 0 0 0 1px var(--line);background:#fff;border-radius:12px;margin-bottom:12px;padding:12px 14px;font-size:.92rem;line-height:1.6}.listen-result{text-align:center}.lr-score{margin-bottom:12px;font-weight:700}.q-explain{color:var(--brand-d);margin-top:6px;font-size:.82rem;font-weight:600}.speak-block{margin-bottom:16px}.sb-h{color:var(--brand-d);margin-bottom:8px;font-weight:800}.sb-sub{margin:6px 0 8px;font-weight:800}.sb-line{background:#fff;border:2px solid #0000;border-radius:14px;margin-bottom:8px;padding:12px 14px;box-shadow:0 3px 10px #2d314212}.sb-line.ok{border-color:var(--green);background:#f4fbf5}.sb-en{font-weight:700}.sb-en em{color:#93855f;font-style:normal;font-weight:600}.sb-hint{color:var(--brand-d);margin-top:4px;font-size:.84rem}.sb-ctrls{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.extra-acts{flex-wrap:wrap;gap:10px;margin-bottom:10px;display:flex}.extra-btn{border:2px solid var(--line);cursor:pointer;background:#fff;border-radius:14px;align-items:center;gap:8px;min-height:44px;padding:10px 14px;font-family:inherit;font-weight:700;display:inline-flex}.extra-btn span{font-size:1.2rem}.learn-quiz{margin-top:6px}.q-badge{background:var(--brand-soft);color:var(--brand-d);border-radius:999px;margin-right:6px;padding:2px 10px;font-size:.72rem;font-weight:800;display:inline-block}.mc-speak{flex-direction:column;gap:10px;margin-top:12px;display:flex}.mark-done{width:100%;margin-top:6px;padding:13px;font-size:1rem}.mark-done:disabled{cursor:default;background:#b2d8bd}.mark-hint{text-align:center;color:var(--muted);margin-top:6px;font-size:.8rem}.learn-link{z-index:2;background:#ffffffe6;border-radius:14px;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;max-width:460px;margin:0 auto 4px;padding:10px 14px;font-size:.88rem;font-weight:600;display:flex;position:relative;box-shadow:0 6px 16px #2d314224}.learn-link.ok{color:#1b7a3a;background:#f4fbf5e6}.learn-link .btn{min-height:40px}.wtag.collect{cursor:pointer;border:none;font-family:inherit;font-weight:800}.wtag.collect:hover{transform:translateY(-1px)}.today{max-width:620px;margin:0 auto}.today-hi{justify-content:space-between;align-items:flex-start;gap:12px;margin:4px 2px 16px;display:flex}.today-lead{color:var(--muted);margin:4px 0 0;font-weight:700}.today-flag{color:var(--coral-d);white-space:nowrap;background:#fbe6df;border-radius:999px;align-items:center;gap:6px;padding:8px 12px;font-size:.82rem;font-weight:800;display:flex}.next-card{text-align:left;cursor:pointer;background-position:50%;background-size:cover;border:none;border-radius:22px;width:100%;min-height:190px;padding:0;font-family:inherit;display:block;position:relative;overflow:hidden;box-shadow:0 14px 32px #27345c2e}.next-card:hover{transform:translateY(-2px)}.nc-scrim{background:linear-gradient(105deg,#27345cd1 0%,#27345c80 52%,#27345c26 100%);position:absolute;inset:0}.nc-body{color:#fff;flex-direction:column;gap:4px;padding:22px 22px 20px;display:flex;position:relative}.nc-kicker{letter-spacing:1px;text-transform:uppercase;color:#ffd9b0;font-size:.72rem;font-weight:800}.nc-title{font-family:var(--font-head-stack);font-size:1.5rem;font-weight:700;line-height:1.15}.nc-sub{opacity:.92;margin-bottom:10px;font-size:.9rem}.nc-cta{background:var(--coral);color:#fff;font-family:var(--font-head-stack);border-radius:14px;align-self:flex-start;padding:11px 20px;font-weight:700;box-shadow:0 8px 18px #f0654a66}.daily-tasks{flex-direction:column;gap:10px;margin:4px 0 18px;display:flex}.dtask{cursor:pointer;border:none;border-left:6px solid var(--teal);text-align:left;background:#fff;border-radius:16px;align-items:center;gap:14px;padding:14px 16px;font-family:inherit;display:flex;box-shadow:0 5px 14px #2d314214}.dtask:hover{transform:translate(3px)}.dtask.done{border-left-color:var(--teal-d);background:#f2fbf8}.dt-ic{background:var(--mist);width:40px;height:40px;color:var(--teal-d);border-radius:12px;flex:none;place-items:center;font-size:1.2rem;font-weight:900;display:grid}.dtask.done .dt-ic{background:#d6f3ea}.dt-label{color:var(--navy);flex:1;font-weight:800}.dt-go{color:var(--muted);font-size:.82rem;font-weight:800}.today-stats{gap:10px;margin-bottom:14px;display:flex}.ts{border:1px solid var(--line);text-align:center;color:var(--muted);background:#fff;border-radius:14px;flex-direction:column;flex:1;gap:2px;padding:12px;font-size:.74rem;font-weight:700;display:flex}.ts b{font-family:var(--font-head-stack);color:var(--navy);font-size:1.1rem}.today-recent{color:var(--navy);background:#f2b33d24;border-radius:14px;padding:12px 14px;font-size:.86rem;font-weight:600}.adv-home{max-width:760px;margin:0 auto;padding:58px 16px 8px}.adv-hero{text-align:center;margin:2px 4px 18px}.adv-hero-title{color:var(--navy);margin:0;font-size:1.5rem}.adv-hero-sub{color:var(--muted);margin:6px 0 0;font-size:.9rem;font-weight:700}.season-card{text-align:left;cursor:pointer;background-position:50%;background-size:cover;border:4px solid #fff;border-radius:22px;width:100%;min-height:220px;padding:0;font-family:inherit;transition:transform .14s,box-shadow .14s;display:block;position:relative;overflow:hidden;box-shadow:0 14px 34px #27345c33}.season-card:hover{transform:translateY(-4px);box-shadow:0 20px 42px #27345c42}.sc-scrim{background:linear-gradient(#141c340d 0%,#141c3459 46%,#141c34db 100%);position:absolute;inset:0}.sc-body{color:#fff;flex-direction:column;gap:3px;padding:120px 20px 20px;display:flex;position:relative}.sc-kicker{letter-spacing:.06em;text-transform:uppercase;opacity:.9;font-size:.72rem;font-weight:800}.sc-title{font-family:var(--font-head-stack);font-size:1.4rem;font-weight:800}.sc-vi{opacity:.95;font-size:.92rem;font-weight:700}.sc-sub{opacity:.9;max-width:40ch;margin-top:4px;font-size:.84rem;font-weight:600}.sc-meta{flex-wrap:wrap;align-items:center;gap:12px;margin-top:12px;display:flex}.sc-progress{background:#fff3;border-radius:999px;padding:5px 14px;font-size:.82rem;font-weight:800}.sc-cta{background:var(--coral);color:#fff;border-radius:999px;padding:8px 16px;font-size:.86rem;font-weight:800;box-shadow:0 4px #0000002e}.item-shelf{margin:20px 2px 4px}.ish-head{color:var(--navy);margin:0;font-size:1.05rem}.ish-sub{color:var(--muted);margin:3px 0 12px;font-size:.82rem;font-weight:600}.ish-grid{grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:10px;display:grid}.ish-item{border:2px solid var(--line);text-align:center;background:#fff;border-radius:14px;flex-direction:column;align-items:center;gap:5px;padding:12px 6px;display:flex}.ish-item.locked{color:var(--lock);background:#f4f2ec;border-style:dashed}.ish-item.got{background:#f2fbf8;border-color:#cdeede}.ish-emoji{filter:none;font-size:1.8rem;line-height:1}.ish-item.locked .ish-emoji{opacity:.55}.ish-name{color:inherit;font-size:.72rem;font-weight:800}.ish-item.got .ish-name{color:var(--teal-d)}.adv-map-wrap{max-width:900px;margin:0 auto;padding:58px 14px 8px}.adv-map-bar{align-items:center;gap:12px;margin:2px 2px 12px;display:flex}.adv-map-bar .bk{border:1px solid var(--line);cursor:pointer;color:var(--navy);background:#fff;border-radius:999px;padding:8px 14px;font-family:inherit;font-weight:800}.amb-info{flex-direction:column;line-height:1.2;display:flex}.amb-title{color:var(--navy);font-size:1rem;font-weight:800}.amb-prog{color:var(--muted);font-size:.8rem;font-weight:700}.adv-map-frame{aspect-ratio:16/9;background:#cfe6ea;border:4px solid #fff;border-radius:20px;width:100%;position:relative;overflow:hidden;box-shadow:0 14px 34px #27345c2e}.adv-map-img{object-fit:contain;object-position:center;width:100%;height:100%;position:absolute;inset:0}.adv-map-routes{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.adv-map-routes .route{stroke:#ffffff73;stroke-width:4px;stroke-linecap:round;stroke-dasharray:2 5}.adv-map-routes .route.on{stroke:var(--sunshine);stroke-dasharray:none;stroke-width:5px;filter:drop-shadow(0 1px 2px #0000004d)}.map-node{cursor:pointer;color:#fff;background:var(--teal);border:3px solid #fff;border-radius:50%;place-items:center;width:46px;height:46px;padding:0;font-family:inherit;font-size:1.05rem;font-weight:900;transition:transform .12s;display:grid;position:absolute;transform:translate(-50%,-50%);box-shadow:0 4px 12px #00000047}.map-node:hover{transform:translate(-50%,-50%)scale(1.08)}.map-node:focus-visible{outline:3px solid var(--navy);outline-offset:2px}.map-node.completed{background:var(--teal-d)}.map-node.available,.map-node.inProgress{background:var(--coral);animation:1.8s ease-in-out infinite nodePulse}.map-node.locked{color:#eef0f4;cursor:pointer;background:#9aa3b2;box-shadow:0 3px 8px #0003}.mn-badge{pointer-events:none}@keyframes nodePulse{0%,to{box-shadow:0 4px 12px #f0654a80,0 0 #f0654a73}50%{box-shadow:0 4px 14px #f0654a99,0 0 0 8px #f0654a00}}.mn-tip{background:var(--navy);color:#fff;white-space:nowrap;opacity:0;pointer-events:none;border-radius:8px;padding:4px 9px;font-size:.72rem;font-weight:800;transition:opacity .12s,transform .12s;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%)scale(.9)}.map-node:hover .mn-tip,.map-node:focus-visible .mn-tip{opacity:1;transform:translate(-50%)scale(1)}.map-maple{object-fit:contain;pointer-events:none;z-index:4;filter:drop-shadow(0 6px 8px #00000047);width:64px;height:64px;transition-property:left,top;transition-timing-function:ease-in-out;position:absolute;transform:translate(-50%,-78%)}.map-maple.idle{animation:2.4s ease-in-out infinite mapleBob}@keyframes mapleBob{0%,to{transform:translate(-50%,-78%)}50%{transform:translate(-50%,-84%)}}.map-preview{background:var(--card);border:3px solid #fff;border-radius:18px;margin-top:14px;padding:14px 16px;box-shadow:0 10px 26px #27345c1a}.mp-hint{color:#a8730b;background:#fff3cf;border:1px solid #ffe08a;border-radius:10px;margin-bottom:12px;padding:8px 12px;font-size:.82rem;font-weight:700}.mp-row{align-items:center;gap:14px;display:flex}.mp-num{background:var(--mist);width:40px;height:40px;color:var(--teal-d);border-radius:50%;flex:none;place-items:center;font-size:1.1rem;font-weight:900;display:grid}.mp-txt{flex:1;min-width:0}.mp-title{color:var(--navy);font-size:1.02rem;font-weight:800}.mp-title small{color:var(--muted);font-weight:600}.mp-desc{color:var(--muted);font-size:.84rem;font-weight:600}.mp-play{flex:none}.mp-alldone{text-align:center;color:var(--teal-d);margin-top:12px;font-size:.84rem;font-weight:800}.adv-dev-reset{border:1px dashed var(--lock);color:var(--lock);cursor:pointer;background:0 0;border-radius:999px;margin:16px auto 0;padding:5px 12px;font-family:inherit;font-size:.74rem;font-weight:700;display:block}.game-body .chap-scene{border:2px solid #fff;border-radius:16px;margin-bottom:14px;overflow:hidden;box-shadow:0 8px 20px #2d31421f}.chap-scene img{aspect-ratio:4/3;object-fit:cover;width:100%;display:block}.chap-cover{text-align:center}.cc-scene{border:3px solid #fff;border-radius:18px;margin-bottom:14px;overflow:hidden;box-shadow:0 10px 26px #2d314224}.cc-scene img{aspect-ratio:4/3;object-fit:cover;width:100%;display:block}.chap-cover .cc-kick{letter-spacing:.05em;text-transform:uppercase;color:var(--muted);font-size:.74rem;font-weight:800}.chap-cover .cc-title{color:var(--navy);margin:4px 0 2px;font-size:1.35rem}.chap-cover .cc-vi{color:var(--teal-d);font-weight:800}.chap-cover .cc-desc{color:var(--muted);margin:8px 0 16px;font-size:.9rem;font-weight:600}.cc-go{min-width:200px}.chap-dialogue{grid-template-columns:auto 1fr;align-items:end;gap:12px;display:grid}.cd-fig{flex:none;width:64px;height:64px}.cd-fig img{object-fit:contain;width:100%;height:100%}.cd-emoji{place-items:center;height:64px;font-size:3rem;display:grid}.cd-bubble{border:2px solid var(--line);background:#fff;border-radius:16px 16px 16px 4px;padding:12px 15px;box-shadow:0 6px 16px #2d314214}.who-maple .cd-bubble{background:#f2fbf8;border-color:#cdeede}.who-stranger .cd-bubble{background:#fdf6e7;border-color:#ffd9b0}.who-narrator .cd-bubble{background:#f7f4fc;border-color:#dcd3ea}.cd-who{text-transform:uppercase;letter-spacing:.04em;color:var(--muted);font-size:.72rem;font-weight:800}.cd-en{color:var(--navy);margin:2px 0;font-size:1.05rem;font-weight:800}.cd-vi{color:var(--muted);margin-bottom:6px;font-size:.86rem}.chap-next{grid-column:1/-1;justify-content:center;width:100%;margin-top:14px}.chap-q{background:var(--card);border-radius:var(--radius);border:3px solid #fff;padding:16px;box-shadow:0 10px 26px #2d31421a}.chap-kind{background:var(--mist);color:var(--teal-d);border-radius:999px;padding:3px 10px;font-size:.72rem;font-weight:800;display:inline-block}.chap-prompt{color:var(--navy);margin:10px 0 12px;font-size:1.05rem;font-weight:800}.chap-prompt-vi{color:var(--muted);margin-top:2px;font-size:.84rem;font-weight:600}.chap-clue{text-align:center;background:linear-gradient(135deg,#fff8ec,#fdf2e4);border:3px solid #ffe0b3;border-radius:20px;padding:22px 18px;box-shadow:0 12px 28px #f2b33d2e}.clue-badge{font-size:3.4rem;line-height:1}.clue-title{color:var(--coral-d);margin:8px 0 6px;font-size:1.05rem;font-weight:900}.clue-en{color:var(--navy);font-weight:700}.clue-vi{color:var(--muted);margin:4px 0 16px;font-size:.86rem;font-weight:600}.chap-result{text-align:center}.cr-stars{letter-spacing:4px;color:var(--sunshine);font-size:2.4rem}.cr-stars .cr-dim{color:#e4e0d6}.cr-title{color:var(--navy);margin:6px 0 4px}.cr-line{color:var(--muted);margin:0 0 14px;font-size:.9rem;font-weight:700}.cr-reward{text-align:left;border:2px solid var(--line);background:#fff;border-radius:16px;align-items:center;gap:14px;padding:14px 16px;display:flex;box-shadow:0 8px 20px #2d314214}.cr-reward.new{background:#f2fbf8;border-color:#cdeede}.cr-item{font-size:2.4rem;line-height:1}.cr-reward-t{color:var(--navy);font-weight:800}.cr-reward-d{color:var(--muted);font-size:.84rem;font-weight:600}.cr-next{color:var(--muted);margin:14px 0;font-size:.84rem;font-weight:700}.cr-go{min-width:200px;margin-top:6px}@media (max-width:560px){.sc-body{padding:100px 16px 16px}.sc-title{font-size:1.2rem}.map-node{width:44px;height:44px;font-size:.95rem}.map-maple{width:52px;height:52px}.mp-row{flex-wrap:wrap}.mp-play{width:100%}}@media (prefers-reduced-motion:reduce){.map-node.available,.map-node.inProgress,.map-maple.idle{animation:none}.map-maple{transition:none!important}}.choice-list{flex-direction:column;gap:10px;display:flex}.choice-card{text-align:left;cursor:pointer;color:var(--navy);border:2px solid var(--line);background:#fff;border-radius:14px;padding:14px 16px;font-family:inherit;font-size:.95rem;font-weight:700}.choice-card:hover{border-color:var(--teal)}.choice-card.right{border-color:var(--teal-d);background:#eafaf3}.choice-card.wrong{background:#fff0f0;border-color:#ff8787}.practice-link{color:var(--muted);margin:8px 2px 0;font-size:.84rem}.linklike{color:var(--teal-d);cursor:pointer;font-family:inherit;font-weight:800;font-size:inherit;background:0 0;border:none;padding:0}