@font-face{font-family:LXGW;src:url(./LXGWWenKai-ZTT-BULlk_VR.woff2)format("woff2"),url(./LXGWWenKai-ZTT-mcQXII3-.woff)format("woff");font-weight:300 600;font-style:normal;font-display:swap}:root{--paper:#f7f3e8;--ink:#25362d;--muted:#617168;--teal:#2e7a6e;--line:#d9d5c8;--card:#fffdf6;--shadow:0 5px 0 #3f52452e;--font:LXGW,"Kaiti SC",serif;--sans:system-ui,sans-serif;--user-font:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei","Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif}[hidden]{display:none!important}[data-theme=dark]{--paper:#17201b;--ink:#edf3ef;--muted:#9eaaa3;--teal:#58c2b1;--line:#34423a;--card:#222d27;--shadow:0 5px 0 #0000004d}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:280px;color:var(--ink);font-family:var(--font);background:#30343d;margin:0;line-height:1.45}.game-page{background:var(--paper);width:100%;max-width:960px;margin:0 auto;overflow:hidden;box-shadow:0 0 40px #00000047}button{font:inherit}.topbar{z-index:50;pointer-events:none;justify-content:space-between;align-items:center;width:100%;max-width:960px;padding:9px 10px;display:flex;position:fixed;top:0;left:50%;transform:translate(-50%)}.brand,.top-actions{pointer-events:auto}.brand{width:42px;height:42px;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffe0;border:3px solid #ffffffe6;border-radius:50%;place-items:center;display:grid}.brand-icon{grid-area:1/1;width:31px;height:31px}.brand-icon-dark,[data-theme=dark] .brand-icon-light{display:none}[data-theme=dark] .brand-icon-dark{display:block}.top-actions{gap:5px;display:flex}.icon-button{color:#29463b;height:38px;box-shadow:var(--shadow);font:700 12px var(--sans);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer;background:#ffffffe0;border:3px solid #ffffffe6;border-radius:13px;justify-content:center;align-items:center;padding:0 9px;display:inline-flex}.progress-dot{background:var(--teal);border-radius:50%;width:7px;height:7px;margin-right:6px}.medals-button span{font-size:17px}.medals-button b,.certificate-button{display:none}.theme-button{font-size:16px}.map-section{width:100%;padding:0}.summit{text-align:center;background:linear-gradient(#bde9ff,#eaf8ff 72%,var(--paper));flex-direction:column;justify-content:flex-end;align-items:center;min-height:320px;padding:88px 15px 35px;display:flex;position:relative;overflow:hidden}.summit:before,.summit:after{content:"";background:#ffffffa6;border-radius:50%;position:absolute}.summit:before{width:120px;height:38px;top:90px;left:-20px;box-shadow:72px -28px #ffffff73}.summit:after{width:100px;height:32px;top:135px;right:-22px}.summit-rays{background:repeating-conic-gradient(#ffdc5a40 0 10deg,transparent 10deg 22deg);border-radius:50%;width:260px;height:220px;position:absolute;top:35px;-webkit-mask-image:radial-gradient(circle,#000,#0000 70%);mask-image:radial-gradient(circle,#000,#0000 70%)}.summit-castle{z-index:2;color:#fff;width:120px;height:90px;font:900 20px var(--sans);background:#a8ada9;border:6px solid #fff;border-radius:24px 24px 12px 12px;place-items:center;display:grid;position:relative;box-shadow:inset 0 -14px #0000001a,0 7px #6d7570}.summit.complete .summit-castle{background:#fa7898;box-shadow:inset 0 -14px #781e3c26,0 7px #aa4766}.summit-castle:before{content:"";background:inherit;clip-path:polygon(0 100%,0 35%,15% 35%,15% 0,32% 0,32% 35%,48% 35%,48% 0,65% 0,65% 35%,82% 35%,82% 0,100% 0,100% 100%);width:142px;height:40px;position:absolute;top:-29px}.summit-castle span{background:#59615d;width:4px;height:55px;position:absolute;top:-69px}.summit-castle span:after{content:"";clip-path:polygon(0 0,100% 15%,75% 50%,100% 85%,0 100%);background:#ffd758;width:44px;height:25px;position:absolute;left:4px}.summit p{z-index:2;color:var(--teal);font:800 10px var(--sans);letter-spacing:.15em;margin:16px 0 0}.summit h1{z-index:2;margin:4px 0 12px;font-size:28px;font-weight:500}.primary-button{background:var(--teal);color:#fff;cursor:pointer;border:3px solid #ffffffd9;border-radius:999px;padding:11px 19px;font-weight:500;box-shadow:0 5px #1d5d54}.primary-button:active{transform:translateY(3px);box-shadow:0 2px #1d5d54}.journey{flex-direction:column;display:flex}.world{--world:#9fe178;--deep:#5aa653;background:linear-gradient(145deg,color-mix(in srgb,var(--world) 92%,white),var(--world));border-top:5px solid #ffffffb8;border-bottom:9px solid var(--deep);width:100%;padding:25px 8px 24px;position:relative}.world-2{--world:#72d2dd;--deep:#388fa0}.world-3{--world:#f4c65f;--deep:#c8893c}.world-4{--world:#a0aaf0;--deep:#656eb4}.world-5{--world:#f2a27f;--deep:#bb6752}.world-6{--world:#cd9be6;--deep:#8b5aaa}.world-7{--world:#7faed8;--deep:#4879a6}.world-8{--world:#ef91a5;--deep:#b95877}.world:not(:last-child):after{content:"";z-index:3;background:repeating-linear-gradient(#fff 0 8px,#0000 8px 17px) 50%/4px 100% no-repeat,#b89052;border-left:4px solid #ffffff8c;border-right:4px solid #ffffff8c;width:44px;height:38px;position:absolute;bottom:-43px;left:50%;transform:translate(-50%)}.module-copy{width:max-content;max-width:calc(100% - 18px);box-shadow:var(--shadow);text-align:center;color:#32483c;background:#ffffffd6;border:3px solid #ffffffe0;border-radius:15px;margin:0 auto 18px;padding:7px 14px}.module-copy small{color:var(--deep);font:800 8px var(--sans);letter-spacing:.13em;display:block}.module-copy h3{margin:2px 0;font-size:18px;font-weight:500}.lesson-grid{flex-direction:column;gap:12px;width:100%;padding:3px 4px 10px;display:flex;position:relative}.lesson-card{--x:10px;width:100%;height:105px;color:var(--ink);text-align:left;background:0 0;border:0;padding:0;position:relative}.lesson-card:nth-child(2n){--x:44px}.level-node{z-index:4;left:var(--x);background:linear-gradient(#fffdf5,#efe6ca);border:5px solid #fff;border-radius:50%;place-items:center;width:62px;height:62px;display:grid;position:absolute;top:7px;box-shadow:0 6px #a8864d,0 9px 16px #35423633}.level-node img{width:34px;height:34px}.level-node>b{color:#806837;font:800 14px var(--sans)}.lesson-check{color:#fff;width:23px;height:23px;font:900 10px var(--sans);background:#929a95;border:3px solid #fff;border-radius:50%;place-items:center;display:grid;position:absolute;top:-5px;right:-5px}.lesson-copy{z-index:4;left:calc(var(--x) + 72px);width:calc(100% - var(--x) - 80px);color:#2b3a32;background:#ffffffe0;border:3px solid #ffffffd9;border-radius:14px;flex-direction:column;justify-content:center;min-height:65px;padding:9px 10px;display:flex;position:absolute;top:5px;box-shadow:0 4px #44524726}.lesson-id{color:var(--deep);font:800 8px var(--sans);letter-spacing:.1em;margin-bottom:2px;display:block}.lesson-title{font-size:12px;font-weight:500;line-height:1.3;display:block}.lesson-card:not(:last-child):after{content:"";z-index:1;left:calc(var(--x) + 23px);transform-origin:top;background:repeating-linear-gradient(#fff 0 10px,#0000 10px 21px) 50%/4px 100% no-repeat,#b89052;border:4px solid #ffffff8c;border-radius:999px;width:38px;height:88px;position:absolute;top:58px;transform:rotate(-16deg);box-shadow:3px 3px #493a2421}.lesson-card.locked{cursor:not-allowed;filter:saturate(.15);opacity:.62}.lesson-card.locked .level-node{background:#bec4bf;box-shadow:0 6px #7e8981}.lesson-card.locked .lesson-copy{background:#eceeeacc}.lesson-card.current .level-node{box-shadow:0 6px var(--teal),0 0 0 7px #ffffff47,0 11px 20px #18624947;background:linear-gradient(#fff,#d8fff2);animation:1.7s ease-in-out infinite pulse}.lesson-card.current .lesson-check{background:#ff718d}.lesson-card.done .level-node{background:linear-gradient(#fff7a9,#ffd34e)}.lesson-card.done .lesson-check{background:#25ad66}@keyframes pulse{50%{transform:translateY(-5px)scale(1.05)}}.medal{width:max-content;max-width:calc(100% - 14px);box-shadow:var(--shadow);color:#5f6b64;background:#fffc;border:3px solid #ffffffe0;border-radius:999px;align-items:center;gap:9px;margin:7px auto 0;padding:7px 12px 7px 7px;display:flex}.medal>span{color:#fff;width:39px;height:39px;font:900 17px var(--sans);background:#9da49f;border:5px double #e2e5e1;border-radius:50%;place-items:center;display:grid}.medal small,.medal strong{display:block}.medal small{font:700 7px var(--sans);letter-spacing:.09em}.medal strong{font-size:12px}.medal.earned{color:#76591e}.medal.earned>span{background:linear-gradient(#ffe982,#edb331);border-color:#fff0a0;box-shadow:0 3px #b67e1f}.map-start{text-align:center;background:linear-gradient(var(--paper),#fff8dc);flex-direction:column;align-items:center;padding:60px 14px 76px;display:flex}.map-start:before{content:"";background:#fff0b7;border:7px solid #fff;border-radius:50%;width:62px;height:62px;margin-bottom:17px;box-shadow:0 6px #b9964f}.start-flag{color:#fff;font:900 11px var(--sans);letter-spacing:.1em;background:#ff6d8a;border-radius:8px;padding:7px 14px;position:relative;box-shadow:0 4px #ae405c}.start-flag:after{content:"";z-index:-1;background:#735a42;width:4px;height:58px;position:absolute;top:100%;left:50%}.map-start h2{margin:11px 0 18px;font-size:23px;font-weight:500}.lesson-dialog{border:3px solid var(--line);background:var(--card);width:calc(100% - 18px);max-width:590px;max-height:88dvh;color:var(--ink);border-radius:18px;padding:0;box-shadow:0 18px 55px #00000059}.lesson-dialog::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#12181494}.dialog-close{z-index:3;border:2px solid var(--line);background:var(--card);width:32px;height:32px;color:var(--muted);border-radius:50%;font-size:20px;position:absolute;top:10px;right:11px}.dialog-body{padding:34px 16px 18px}.dialog-body h2{margin:5px 35px 8px 0;font-size:23px;font-weight:500;line-height:1.25}.quiz-form fieldset{border:0;margin:10px 0 5px;padding:12px 0 5px}.quiz-form legend{margin-bottom:12px;font-size:17px;font-weight:500;line-height:1.4}.quiz-option{border:2px solid var(--line);background:var(--card);border-radius:12px;align-items:center;gap:8px;margin:8px 0;padding:10px 8px;display:flex}.quiz-option:has(input:checked){border-color:var(--teal);background:color-mix(in srgb,var(--teal) 12%,var(--card))}.quiz-option input{opacity:0;position:absolute}.quiz-option span{background:var(--line);width:27px;height:27px;font:800 11px var(--sans);border-radius:50%;flex:none;place-items:center;display:grid}.quiz-option b{font-size:14px;font-weight:400;line-height:1.35}.complete-button{background:var(--teal);color:#fff;border:0;border-radius:11px;width:100%;margin-top:8px;padding:11px}.quiz-feedback{border-radius:10px;margin:10px 0;padding:11px;font-size:14px}.quiz-feedback.correct{color:#247446;background:#dff4e6}.quiz-feedback.wrong{color:#993f39;background:#f9e1df}.quiz-feedback p{margin:3px 0}.level-cleared{color:#80611e;background:#fff0a8;border-radius:99px;padding:4px 9px;font-size:12px;display:inline-block}.toast{z-index:80;opacity:0;color:#fff;background:#26342d;border-radius:10px;padding:9px 14px;font-size:13px;transition:all .2s;position:fixed;bottom:18px;left:50%;transform:translate(-50%,18px)}.toast.show{opacity:1;transform:translate(-50%)}.medals-wall-content,.certificate-preview{text-align:center;padding:34px 15px 20px}.eyebrow{color:var(--teal);font:800 9px var(--sans);letter-spacing:.15em;margin:0 0 6px}.medals-wall-content h2,.certificate-preview h2{margin:0;font-size:27px;font-weight:500}.medals-wall-content>p:not(.eyebrow){color:var(--muted);margin:5px 0 19px}.medals-wall{grid-template-columns:1fr 1fr;gap:9px;display:grid}.wall-medal{border:2px solid var(--line);background:var(--card);color:var(--muted);border-radius:14px;padding:12px 5px}.wall-medal>span{background:#a3aaa5;border:6px double #d8ddd9;border-radius:50%;place-items:center;width:52px;height:52px;margin:0 auto 7px;display:grid}.wall-medal small,.wall-medal strong{display:block}.wall-medal small{font:700 7px var(--sans)}.wall-medal strong{font-size:11px}.wall-medal.earned{color:#73571b;background:#fff8d5;border-color:#edd06a}.wall-medal.earned>span{color:#fff;background:linear-gradient(#ffe984,#edb12e);border-color:#fff1a1}.certificate-preview p{color:var(--teal);font:800 10px var(--sans)}.certificate-preview strong,.certificate-preview span{display:block}.certificate-preview span{color:var(--muted);margin:7px 0 20px}.certificate-seal{background:var(--teal);color:#fff;width:92px;height:92px;box-shadow:0 0 0 4px var(--teal);font:800 42px var(--sans);border:8px double #fff;border-radius:50%;place-items:center;margin:22px auto;display:grid}@media (width>=420px){.lesson-card{--x:24px}.lesson-card:nth-child(2n){--x:82px}.lesson-title{font-size:14px}.lesson-grid{padding-left:12px;padding-right:12px}.module-copy h3{font-size:20px}}@media (width>=720px){.topbar{padding:14px 20px}.brand{width:48px;height:48px}.brand-icon{width:36px;height:36px}.medals-button b{margin-left:5px;display:inline}.certificate-button{display:inline-flex}.summit{min-height:390px}.summit h1{font-size:38px}.world{padding:34px 60px 30px}.module-copy{margin-bottom:25px}.lesson-grid{gap:20px;max-width:720px;margin:auto}.lesson-card{--x:90px;height:118px}.lesson-card:nth-child(2n){--x:420px}.level-node{width:76px;height:76px}.level-node img{width:43px;height:43px}.lesson-copy{left:calc(var(--x) + 90px);width:250px;min-height:72px}.lesson-card:nth-child(2n) .lesson-copy{left:auto;right:calc(100% - var(--x) + 20px);text-align:right}.lesson-title{font-size:15px}.lesson-card:not(:last-child):after{left:calc(var(--x) + 30px);width:48px;height:104px;top:69px}.medal{margin-top:14px}.map-start{padding:85px 20px 100px}.map-start h2{font-size:31px}.medals-wall{grid-template-columns:repeat(4,1fr)}.dialog-body{padding:40px 34px 25px}}.quiz-step{color:var(--muted);font:800 9px var(--sans);letter-spacing:.1em;align-items:center;gap:10px;margin:14px 0 3px;display:flex}.quiz-step span{flex:none}.quiz-step i{background:var(--line);border-radius:99px;flex:1;height:7px;position:relative;overflow:hidden}.quiz-step i:after{content:"";width:var(--quiz-progress);border-radius:inherit;background:linear-gradient(90deg,var(--teal),#60cf85);transition:width .25s;position:absolute;inset:0 auto 0 0}.medal{color:inherit;cursor:pointer;border-left:3px solid #ffffffe0;border-right:3px solid #ffffffe0;font-family:inherit}.medal:disabled{cursor:default}.module-intro{text-align:center}.module-intro h2{margin-right:0;font-size:30px}.intro-copy{max-width:430px;color:var(--muted);margin:8px auto 18px;font-size:14px}.world-facts{grid-template-columns:repeat(3,1fr);gap:7px;margin:17px 0;display:grid}.world-facts span{border:2px solid var(--line);color:var(--muted);border-radius:12px;padding:10px 3px;font-size:10px}.world-facts b{color:var(--ink);font:800 18px var(--sans);display:block}.confidence-field{border:0;margin:19px 0 0;padding:0}.confidence-field legend{width:100%;margin-bottom:10px;font-size:15px}.confidence-scale{gap:7px;display:grid}.confidence-scale button{border:2px solid var(--line);background:var(--card);width:100%;color:var(--ink);text-align:left;cursor:pointer;border-radius:12px;align-items:center;gap:10px;padding:9px;display:flex}.confidence-scale button:active{transform:translateY(2px)}.confidence-scale b{background:color-mix(in srgb,var(--teal) 14%,var(--card));width:31px;height:31px;color:var(--teal);font:900 14px var(--sans);border-radius:9px;flex:none;place-items:center;display:grid}.confidence-scale span{font-size:13px}.quiz-step>b{background:color-mix(in srgb,var(--teal) 13%,var(--card));color:var(--teal);border-radius:6px;padding:3px 6px;font-size:7px}.skill-chip{border:1px solid var(--line);color:var(--muted);font:700 9px var(--sans);border-radius:999px;align-items:center;gap:7px;margin-top:8px;padding:5px 9px;display:inline-flex}.skill-chip span{background:var(--teal);color:#fff;border-radius:5px;place-items:center;min-width:27px;height:20px;padding:0 4px;font-size:7px;display:grid}.quiz-form #quizOptions{gap:8px;display:grid}.quiz-form .quiz-option{border:2px solid var(--line);background:var(--card);width:100%;color:var(--ink);text-align:left;cursor:pointer;border-radius:12px;grid-template-columns:29px 1fr;align-items:center;gap:8px;margin:0;padding:10px 9px;display:grid;position:relative}.quiz-form .quiz-option>span{background:var(--line);width:27px;height:27px;font:800 11px var(--sans);border-radius:50%;place-items:center;display:grid}.quiz-form .quiz-option>b{font-size:14px;font-weight:400;line-height:1.4}.quiz-form .quiz-option>em{background:color-mix(in srgb,var(--line) 52%,transparent);border-radius:8px;grid-column:1/-1;margin:5px -1px -1px;padding:9px;font-style:normal;display:none}.quiz-form .quiz-option>em strong,.quiz-form .quiz-option>em small{display:block}.quiz-form .quiz-option>em strong{font:800 9px var(--sans);letter-spacing:.04em;margin-bottom:3px}.quiz-form .quiz-option>em small{font-size:12px;line-height:1.5}.quiz-form .quiz-option:disabled{opacity:.58;cursor:default}.quiz-form .quiz-option.correct{opacity:1;background:color-mix(in srgb,#48b978 9%,var(--card));border-color:#48b978}.quiz-form .quiz-option.wrong{opacity:1;background:color-mix(in srgb,#df756d 9%,var(--card));border-color:#df756d}.quiz-form .quiz-option.correct>span{color:#fff;background:#48b978}.quiz-form .quiz-option.wrong>span{color:#fff;background:#df756d}.quiz-form .quiz-option.correct>em,.quiz-form .quiz-option.selected>em{display:block}.quiz-actions{justify-content:space-between;align-items:center;gap:8px;margin-top:13px;display:flex}.quiz-actions>span{color:var(--muted);text-align:right;font-size:10px}.ghost-button{border:1px solid var(--line);color:var(--muted);background:0 0;border-radius:8px;padding:6px 9px;font-size:11px}.ghost-button:disabled{opacity:.35}.answer-summary{border-radius:12px;margin-top:13px;padding:12px}.answer-summary.correct{color:#247446;background:#dff4e6}.answer-summary.wrong{color:#993f39;background:#f9e1df}.answer-summary>span{font:800 8px var(--sans);letter-spacing:.1em;display:block}.answer-summary>strong{margin:2px 0;font-size:16px;display:block}.answer-summary>p{margin:4px 0;font-size:13px}.result-screen{text-align:center}.result-medal{color:#fff;width:78px;height:78px;font:900 35px var(--sans);background:linear-gradient(#ffe983,#ecb02e);border:8px double #fff3aa;border-radius:50%;place-items:center;margin:4px auto 10px;display:grid;box-shadow:0 5px #ad751d}.result-code{color:var(--teal);font:800 9px var(--sans);letter-spacing:.15em;margin:12px 0 2px}.result-screen h2{margin:0;font-size:29px}.result-screen>p:not(.result-code):not(.calibration-copy){max-width:390px;color:var(--muted);margin:5px auto 12px;font-size:13px}.score-orbit{border:8px solid color-mix(in srgb,var(--teal) 23%,var(--line));border-top-color:var(--teal);border-radius:50%;place-content:center;width:112px;height:112px;margin:15px auto;display:grid;transform:rotate(12deg)}.score-orbit strong,.score-orbit span{transform:rotate(-12deg)}.score-orbit strong{font:900 35px var(--sans)}.score-orbit span{color:var(--muted);font-size:9px}.calibration{grid-template-columns:1fr 32px 1fr;align-items:center;gap:4px;margin:10px 0;display:grid}.calibration>div{border:2px solid var(--line);border-radius:11px;padding:9px}.calibration small,.calibration b{display:block}.calibration small{color:var(--muted);font-size:9px}.calibration b{font:900 20px var(--sans)}.calibration>span{color:var(--muted);font:800 9px var(--sans)}.calibration-copy{color:#80611e;background:#fff0a8;border-radius:99px;margin:0 0 12px;padding:4px 9px;font-size:11px;display:inline-block}.skill-bars{text-align:left;gap:8px;margin:10px 0 17px;display:grid}.skill-bars>div{font:700 9px var(--sans);grid-template-columns:92px 1fr 28px;align-items:center;gap:7px;display:grid}.skill-bars>div>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.skill-bars i{background:var(--line);border-radius:99px;height:7px;overflow:hidden}.skill-bars i b{border-radius:inherit;background:linear-gradient(90deg,var(--teal),#68d28c);height:100%;display:block}.skill-bars>div>strong{text-align:right}.wall-medal{font-family:inherit}.load-error{background:var(--paper);min-height:100dvh;color:var(--ink);text-align:center;place-content:center;padding:30px;display:grid}@media (width>=520px){.confidence-scale{grid-template-columns:repeat(5,1fr)}.confidence-scale button{text-align:center;min-width:0;display:block}.confidence-scale b{margin:0 auto 5px}.confidence-scale span{font-size:10px}.quiz-form .quiz-option{padding:12px}.dialog-body{padding-bottom:25px}}.creator-link{max-width:145px;height:40px;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:auto;color:#29463b;background:#ffffffe6;border:3px solid #ffffffe6;border-radius:999px;align-items:center;gap:7px;padding:4px 10px 4px 5px;text-decoration:none;display:flex}.creator-link>span:first-child{color:#fff;width:27px;height:27px;font:900 13px var(--sans);background:#00aeec;border-radius:50%;flex:none;place-items:center;display:grid}.creator-link>span:last-child{min-width:0}.creator-link small,.creator-link strong{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.creator-link small{color:#6a7b72;font:700 6px var(--sans);letter-spacing:.08em}.creator-link strong{font-size:11px}.creator-footer{text-align:center;background:#fff8dc;padding:42px 16px 48px}.creator-footer small{color:#8b8065;font:800 8px var(--sans);letter-spacing:.16em;display:block}.creator-footer a{color:#167ea6;align-items:center;gap:5px;margin:7px 0;font-size:17px;text-decoration:none;display:inline-flex}.creator-footer a img{border-radius:3px;flex:none;width:17px;height:17px}.creator-footer a strong{font-weight:500}.creator-footer p{color:#7b7565;margin:0;font-size:12px}.result-player{border:1px solid var(--line);border-radius:999px;align-items:center;gap:7px;width:max-content;max-width:100%;margin:2px auto 10px;padding:4px 10px 4px 4px;display:flex}.result-player img{object-fit:cover;background:#e6f4ea;border-radius:50%;width:31px;height:31px}.result-player small,.result-player strong{text-align:left;display:block}.result-player small{color:var(--muted);font:700 7px var(--sans)}.result-player strong{text-overflow:ellipsis;white-space:nowrap;max-width:180px;font-size:12px;overflow:hidden}.result-actions{grid-template-columns:1fr;gap:8px;display:grid}.result-actions .complete-button{margin-top:0}.share-result-button{border:2px solid var(--teal);width:100%;color:var(--teal);background:0 0;border-radius:11px;padding:10px;font-weight:600}.result-creator,.certificate-creator{color:#1683ad;font:700 11px var(--sans);margin-top:13px;text-decoration:none;display:inline-block}.certificate-creator{display:block}.certificate-preview .certificate-creator{color:#1683ad;margin-top:14px}.lesson-dialog[open]{overscroll-behavior:contain}@media (width<=359px){.creator-link{max-width:42px;padding-right:4px}.creator-link>span:last-child{display:none}}@media (width>=520px){.result-actions{grid-template-columns:1fr 1.25fr}.creator-link{max-width:180px}.creator-link strong{font-size:12px}}#lessonDialog{background:var(--paper);width:100vw;max-width:none;height:100dvh;max-height:none;box-shadow:none;border:0;border-radius:0;margin:0;padding:0;inset:0;overflow:hidden auto}#lessonDialog::backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#121814b8}#lessonDialog .dialog-close{z-index:10;top:max(12px,env(safe-area-inset-top));right:max(12px,env(safe-area-inset-right));-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffdf6f0;border:2px solid #2e7a6e40;width:40px;height:40px;position:fixed;box-shadow:0 4px 14px #1f322824}#lessonDialog #dialogContent{background:radial-gradient(circle at 50% 0,#68d28c1a,transparent 34%),var(--paper);min-height:100dvh}#lessonDialog .dialog-body{width:100%;max-width:680px;min-height:100dvh;padding:calc(58px + env(safe-area-inset-top)) 16px calc(30px + env(safe-area-inset-bottom));margin:0 auto}#lessonDialog .module-intro,#lessonDialog .result-screen{flex-direction:column;justify-content:center;display:flex}#lessonDialog .quiz-form{padding-top:calc(64px + env(safe-area-inset-top))}#lessonDialog .quiz-form>h2{max-width:560px;font-size:25px}#lessonDialog .quiz-form fieldset{margin-top:14px}#lessonDialog .answer-summary{margin-top:16px}#lessonDialog .complete-button{min-height:46px}body:has(#lessonDialog[open]){overflow:hidden}@media (width>=720px){#lessonDialog .dialog-body{padding-left:34px;padding-right:34px}#lessonDialog .quiz-form>h2{font-size:31px}#lessonDialog .quiz-form legend{font-size:20px}#lessonDialog .quiz-form .quiz-option>b{font-size:15px}}.map-start{padding:54px 14px 68px}.map-start:before{display:none}.start-kicker{color:#9a7450;font:800 9px var(--sans);letter-spacing:.16em;display:block}.map-start h2{margin:7px 0 16px}.map-start .start-player{margin:0 0 17px}.map-start .primary-button{min-width:190px}.start-flag{display:none}.wrong-answer-actions{grid-template-columns:1fr;gap:8px;margin-top:9px;display:grid}.wrong-answer-actions .complete-button{margin-top:0}.wrong-answer-actions .share-result-button{color:#9b4842;border-color:#bd6a62}@media (width>=520px){.wrong-answer-actions{grid-template-columns:1fr 1fr}}.medal-world-1{--medal:#e9ad2f}.medal-world-2{--medal:#3297ae}.medal-world-3{--medal:#d47d35}.medal-world-4{--medal:#6672c4}.medal-world-5{--medal:#c85f4e}.medal-world-6{--medal:#8d58aa}.medal-world-7{--medal:#3976a7}.medal-world-8{--medal:#b94d72}.medal>span b,.wall-medal>span b,.result-medal b{font:900 16px var(--sans);line-height:1;display:block}.medal.earned>span,.wall-medal.earned>span,.result-medal[class*=medal-world-]{border-color:color-mix(in srgb,var(--medal) 30%,white);background:linear-gradient(145deg,color-mix(in srgb,var(--medal) 62%,white),var(--medal));box-shadow:0 3px color-mix(in srgb,var(--medal) 72%,#392d20);color:#fff}.result-medal b{font-size:32px}.medal-world-2>span,.result-medal.medal-world-2{clip-path:polygon(25% 4%,75% 4%,100% 50%,75% 96%,25% 96%,0 50%);border-radius:0}.medal-world-3>span,.result-medal.medal-world-3{clip-path:polygon(8% 0,92% 0,92% 66%,50% 100%,8% 66%);border-radius:10% 10% 48% 48%}.medal-world-4>span,.result-medal.medal-world-4,.medal-world-6>span,.result-medal.medal-world-6{border-radius:18%;transform:rotate(45deg)}.medal-world-4>span b,.result-medal.medal-world-4 b,.medal-world-6>span b,.result-medal.medal-world-6 b{transform:rotate(-45deg)}.medal-world-5>span,.result-medal.medal-world-5{clip-path:polygon(30% 0,70% 0,100% 30%,100% 70%,70% 100%,30% 100%,0 70%,0 30%);border-radius:0}.medal-world-7>span,.result-medal.medal-world-7{clip-path:polygon(50% 0,94% 18%,88% 73%,50% 100%,12% 73%,6% 18%);border-radius:50% 50% 42% 42%}.medal-world-8>span,.result-medal.medal-world-8{outline:4px double color-mix(in srgb,var(--medal) 40%,white);outline-offset:3px}.wall-medal.earned{border-color:color-mix(in srgb,var(--medal) 48%,#ddd);background:color-mix(in srgb,var(--medal) 10%,#fffdf6);color:color-mix(in srgb,var(--medal) 70%,#392d20)}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.lesson-card.current .level-node{animation:none}}.lesson-card{--shift:-8px;height:116px}.lesson-card:nth-child(2n){--shift:8px}.level-node,.lesson-card:nth-child(2n) .level-node{left:calc(50% - 31px + var(--shift));top:7px}.lesson-copy{min-height:76px;padding:8px;top:3px}.lesson-card:nth-child(odd) .lesson-copy{text-align:right;align-items:flex-end;width:auto;left:6px;right:calc(50% + 42px)}.lesson-card:nth-child(2n) .lesson-copy{text-align:left;align-items:flex-start;width:auto;left:calc(50% + 42px);right:6px}.lesson-card:not(:last-child):after,.lesson-card:nth-child(2n):not(:last-child):after{left:calc(50% - 19px + var(--shift));width:42px;height:104px;top:59px;transform:rotate(-7deg)}.lesson-card:nth-child(2n):not(:last-child):after{transform:rotate(7deg)}.level-node>b{font-size:14px}.tech-icons{align-items:center;gap:4px;margin-top:5px;display:flex}.lesson-card:nth-child(odd) .tech-icons{justify-content:flex-end}.tech-icons img{object-fit:contain;background:#fffc;border-radius:5px;width:19px;height:19px;padding:2px}@media (width>=420px){.lesson-card{height:122px}.lesson-card:nth-child(odd) .lesson-copy{left:18px;right:calc(50% + 48px)}.lesson-card:nth-child(2n) .lesson-copy{left:calc(50% + 48px);right:18px}.lesson-copy{padding:10px}.tech-icons img{width:22px;height:22px}}@media (width>=720px){.lesson-grid{max-width:760px}.lesson-card{--shift:-16px;height:132px}.lesson-card:nth-child(2n){--shift:16px}.level-node,.lesson-card:nth-child(2n) .level-node{left:calc(50% - 38px + var(--shift));width:76px;height:76px}.lesson-card:nth-child(odd) .lesson-copy{left:70px;right:calc(50% + 64px)}.lesson-card:nth-child(2n) .lesson-copy{left:calc(50% + 64px);right:70px}.lesson-copy{min-height:82px}.lesson-card:not(:last-child):after,.lesson-card:nth-child(2n):not(:last-child):after{left:calc(50% - 24px + var(--shift));width:48px;height:116px;top:69px}.level-node>b{font-size:17px}.tech-icons img{width:24px;height:24px}}.user-name,.player-chip strong{font-family:var(--user-font)}#startGreeting{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.player-chip{min-width:0;height:40px;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:auto;color:#29463b;background:#ffffffe0;border:3px solid #ffffffe6;border-radius:999px;align-items:center;gap:6px;padding:3px 8px 3px 4px;display:flex}.player-chip img{object-fit:cover;background:#e6f4ea;border-radius:50%;flex:none;width:28px;height:28px}.player-chip span{min-width:0}.player-chip small,.player-chip strong{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.player-chip small{font:700 7px var(--sans);letter-spacing:.08em;color:#6a7b72}.player-chip strong{max-width:64px;font-size:11px}.start-player{color:#4e5e55;background:#ffffffc2;border-radius:999px;align-items:center;gap:8px;margin:-5px 0 18px;padding:5px 10px 5px 5px;font-size:13px;display:flex}.start-player.is-anonymous{border-left:3px solid color-mix(in srgb,var(--teal) 55%,#b9aa87);text-align:left;background:0 0;border-radius:0;gap:0;padding:1px 0 1px 10px}.start-player.is-anonymous #startGreeting{color:#52635a;font-weight:700;display:block}.start-player>span{min-width:0}.start-player img{object-fit:cover;background:#e6f4ea;border-radius:50%;width:34px;height:34px}.start-player img[hidden]{display:none}.start-player strong{color:var(--teal)}.start-identity-hint{color:#7a6b55;font:700 9px var(--sans);white-space:nowrap;margin-top:2px;display:block}.start-identity-hint[hidden]{display:none}.result-player.no-avatar{padding-left:10px}.world-scenery{z-index:0;pointer-events:none;position:absolute;inset:0;overflow:hidden}.module-copy,.lesson-grid,.medal{z-index:2;position:relative}.world-scenery i{opacity:.55;display:none;position:absolute}.tree{background:#2e8b57;border-radius:50% 50% 42% 42%;width:18px;height:34px;box-shadow:inset -5px -3px #145a3538}.tree:after{content:"";background:#7e5b35;border-radius:2px;width:5px;height:12px;position:absolute;bottom:-8px;left:7px}.tree-a{top:22%;left:5%}.tree-b{bottom:25%;right:4%;transform:scale(.8)}.rock{background:#75857b;border-radius:60% 45% 35% 30%;width:25px;height:17px;box-shadow:inset -7px -4px #2c39302e}.rock-a{top:12%;right:6%;transform:rotate(-8deg)}.rock-b{bottom:13%;left:7%;transform:scale(.7)rotate(12deg)}.mountain{clip-path:polygon(50% 0,100% 100%,0 100%);background:#739579;width:86px;height:58px}.mountain:after{content:"";clip-path:polygon(50% 0,100% 100%,70% 78%,50% 100%,28% 76%,0 100%);background:#eaf6ea;width:26px;height:22px;position:absolute;top:7px;left:30px}.mountain-a{top:8%;left:-21px}.mountain-b{bottom:8%;right:-26px;transform:scale(.7)}.water{background:#4faad2bf;border-radius:48% 52% 44% 55%;width:86px;height:42px;top:42%;right:-19px;transform:rotate(-16deg);box-shadow:inset 0 5px #ffffff40}.animal{font-size:24px;font-style:normal;top:68%;right:5%}.animal:after{content:"🐿️"}.world-1 .tree,.world-1 .rock,.world-1 .animal,.world-2 .mountain,.world-2 .water,.world-2 .rock,.world-2 .animal{display:block}.world-2 .animal:after{content:"🐟"}.world-3 .rock,.world-3 .mountain,.world-3 .animal{display:block}.world-3 .animal:after{content:"🦎"}.world-4 .mountain,.world-4 .tree,.world-4 .animal{display:block}.world-4 .animal:after{content:"🦋"}.world-5 .water,.world-5 .rock,.world-5 .tree,.world-5 .animal{display:block}.world-5 .animal:after{content:"🦆"}.world-6 .tree,.world-6 .water,.world-6 .animal{display:block}.world-6 .animal:after{content:"🐇"}.world-7 .mountain,.world-7 .rock,.world-7 .tree,.world-7 .animal{display:block}.world-7 .animal:after{content:"🦅"}.world-8 .mountain,.world-8 .tree,.world-8 .animal{display:block}.world-8 .animal:after{content:"🦄"}@media (width<=359px){.player-chip span{display:none}.player-chip{padding-right:4px}.top-actions{gap:3px}.icon-button{padding-left:7px;padding-right:7px}.world-scenery i{opacity:.38}}@media (width>=720px){.player-chip{height:44px;padding-right:11px}.player-chip img{width:32px;height:32px}.player-chip strong{max-width:120px;font-size:13px}.world-scenery i{opacity:.68}.tree{transform:scale(1.35)}.tree-b{transform:scale(1.05)}.mountain-a{left:2%}.mountain-b{right:2%}.water{width:130px;height:58px;right:1%}.animal{font-size:30px}}.world-scenery .hill{background:#6db56b;border-radius:50% 50% 8px 8px;width:125px;height:54px;box-shadow:inset -18px -10px #2b774629}.hill-a{bottom:6%;left:-45px}.hill-b{top:27%;right:-56px;transform:scale(.72)}.world-scenery .lake{background:linear-gradient(165deg,#ffffff59,#0000 45%),#4ba9cf;border-radius:48% 52% 44% 56%;width:105px;height:48px;top:46%;right:-28px;transform:rotate(-10deg);box-shadow:inset 0 -7px #20759b29,0 4px #32636f1f}.world-scenery .river{border:0;border-left:17px solid #41a1ccc7;border-right:17px solid #41a1ccc7;border-radius:48%;width:92px;height:245px;top:28%;left:-54px;transform:rotate(-8deg);box-shadow:inset 8px 0 #ffffff2e}.world-scenery .grass{background:linear-gradient(72deg,#0000 42%,#37895a 43% 52%,#0000 53%),linear-gradient(105deg,#0000 42%,#4c9e64 43% 52%,#0000 53%),linear-gradient(88deg,#0000 42%,#2f7d50 43% 52%,#0000 53%);width:28px;height:18px}.grass-a{top:55%;left:5%}.grass-b{bottom:13%;right:5%;transform:scale(.75)}.world-scenery .flowers{background:#fff3a4;border-radius:50%;width:6px;height:6px;top:34%;left:5%;box-shadow:12px 4px #ff8fa5,24px -2px #fff,6px 14px #a887e5,20px 16px #ffcf66}.world-scenery .mountain{filter:drop-shadow(0 5px #33503a1f);border-radius:8% 8% 0 0}.world-scenery .rock-b{border-radius:42% 60% 38% 55%;box-shadow:inset 5px 3px #ffffff21,inset -6px -4px #232f272e}.world-1 .hill,.world-1 .tree,.world-1 .grass,.world-1 .flowers,.world-1 .rock{display:block}.world-1 .mountain,.world-1 .lake,.world-1 .river{display:none}.world-1 .hill-a{background:#63b76b;width:155px;height:62px}.world-1 .hill-b{background:#83c971}.world-2 .mountain,.world-2 .lake,.world-2 .river,.world-2 .rock,.world-2 .grass{display:block}.world-2 .tree,.world-2 .hill,.world-2 .flowers{display:none}.world-2 .mountain-a{background:#558f91;width:112px;height:74px}.world-2 .mountain-b{background:#73aaa1;width:72px;height:48px}.world-2 .river{left:auto;right:-58px;transform:rotate(9deg)}.world-2 .lake{top:63%;left:-28px;right:auto}.world-3 .mountain,.world-3 .rock,.world-3 .grass{display:block}.world-3 .tree,.world-3 .hill,.world-3 .lake,.world-3 .river,.world-3 .flowers{display:none}.world-3 .mountain-a{clip-path:polygon(48% 0,61% 29%,70% 18%,100% 100%,0 100%,18% 52%,30% 59%);background:#a87746;width:126px;height:68px}.world-3 .mountain-a:after,.world-3 .mountain-b:after{display:none}.world-3 .mountain-b{background:#c59658;width:94px;height:56px}.world-3 .rock-a{transform:scale(1.35)rotate(-12deg)}.world-4 .mountain,.world-4 .hill,.world-4 .flowers{display:block}.world-4 .tree,.world-4 .rock,.world-4 .lake,.world-4 .river,.world-4 .grass{display:none}.world-4 .mountain-a{background:#747ebd;width:132px;height:88px}.world-4 .mountain-b{background:#959bd1;width:88px;height:61px}.world-4 .hill-a{background:#7d8fc7}.world-4 .flowers{box-shadow:12px 4px #fff,24px -2px #c6eeff,6px 14px #fff,20px 16px #d7c8ff}.world-5 .river,.world-5 .lake,.world-5 .tree,.world-5 .grass,.world-5 .rock{display:block}.world-5 .mountain,.world-5 .hill,.world-5 .flowers{display:none}.world-5 .river{border-color:#489fbead;height:320px;top:18%;left:-53px}.world-5 .lake{width:125px;top:68%;right:-18px}.world-5 .tree-a{transform:scale(1.2)}.world-6 .hill,.world-6 .tree,.world-6 .flowers,.world-6 .lake{display:block}.world-6 .mountain,.world-6 .rock,.world-6 .river,.world-6 .grass{display:none}.world-6 .hill-a{background:#8c73bc}.world-6 .hill-b{background:#a986c6}.world-6 .tree{background:#5c568f}.world-6 .flowers{box-shadow:12px 4px #ffe075,24px -2px #fff,6px 14px #f38ea7,20px 16px #88d5df}.world-6 .lake{background:#6b8fc9}.world-7 .mountain,.world-7 .tree,.world-7 .rock,.world-7 .river,.world-7 .grass{display:block}.world-7 .hill,.world-7 .lake,.world-7 .flowers{display:none}.world-7 .mountain-a{background:#4f7397;width:145px;height:96px}.world-7 .mountain-b{background:#6589a8;width:98px;height:64px}.world-7 .river{border-color:#368bb9a6;left:auto;right:-54px}.world-8 .mountain,.world-8 .hill,.world-8 .tree,.world-8 .flowers,.world-8 .rock{display:block}.world-8 .lake,.world-8 .river,.world-8 .grass{display:none}.world-8 .mountain-a{background:#8e688c;width:150px;height:102px}.world-8 .mountain-b{background:#ae7e9c;width:96px;height:70px}.world-8 .hill-a{background:#bc7696}.world-8 .hill-b{background:#d38ba3}.world-8 .tree{background:#6f5678}@media (width>=720px){.world-scenery .hill{transform:scale(1.35)}.world-scenery .hill-b{transform:scale(1)}.world-scenery .mountain-a{transform-origin:0 100%;transform:scale(1.3)}.world-scenery .mountain-b{transform-origin:100% 100%;transform:scale(1.05)}.world-scenery .lake{transform:scale(1.25)rotate(-10deg)}.world-scenery .flowers{transform:scale(1.25)}}.world-scenery .grass{z-index:0;clip-path:polygon(0 100%,7% 49%,18% 100%,24% 17%,37% 100%,50% 0,54% 100%,73% 22%,68% 100%,91% 48%,100% 100%);filter:drop-shadow(2px 3px #245b3729);transform-origin:bottom;background:linear-gradient(90deg,#2f7d50,#56a969);width:38px;height:27px}.world-scenery .grass-a{transform:rotate(-5deg)}.world-scenery .grass-b{transform:scale(.78)rotate(7deg)}.world-scenery .mountain{z-index:1}.world-2 .grass-a{top:40%;left:6%;transform:rotate(-7deg)}.world-2 .grass-b{bottom:33%;right:20%;transform:scale(.72)rotate(-8deg)}.world-3 .grass-b{bottom:49%;right:6%;transform:scale(.68)rotate(10deg)}.world-7 .grass-b{bottom:49%;right:6%;transform:scale(.82)rotate(5deg)}.world-scenery .mountain-a{clip-path:polygon(0 100%,12% 72%,22% 76%,38% 31%,46% 39%,57% 0,68% 38%,76% 29%,100% 100%)}.world-scenery .mountain-b{clip-path:polygon(0 100%,17% 58%,29% 65%,47% 9%,58% 35%,68% 25%,100% 100%)}.world-scenery .mountain-a:after{clip-path:polygon(50% 0,100% 100%,72% 78%,57% 100%,41% 72%,22% 100%,0 100%);background:#eef6ee;width:29%;height:29%;top:4%;left:43%}.world-scenery .mountain-b:after{clip-path:polygon(52% 0,100% 100%,70% 82%,52% 100%,31% 73%,0 100%);background:#f4f7f1;width:24%;height:23%;top:9%;left:39%}.world-scenery .lake{background:linear-gradient(155deg,#ffffff61,#0000 42%),#4ba9cf;border-radius:63% 37% 54% 46%/48% 62% 38% 52%;width:112px;height:55px;transform:rotate(-7deg);box-shadow:inset 0 -7px #20759b29,0 4px #32636f1f}.world-scenery .lake:after{content:"";background:#ffffff61;border-radius:50%;width:42%;height:4px;position:absolute;top:33%;left:25%;box-shadow:18px 9px #fff3}.world-scenery .lake-a{top:46%;right:-25px}.world-scenery .lake-b{background:linear-gradient(145deg,#ffffff52,#0000 45%),#5ab2d2;border-radius:39% 61% 44% 56%/61% 42% 58% 39%;width:88px;height:45px;top:70%;left:-34px;right:auto;transform:rotate(12deg)}.world-7 .lake{display:block}.world-7 .lake-a{background:#4b95c4;top:32%;right:-35px}.world-7 .lake-b{background:#5ca3ca;top:74%;left:-30px}.world-2 .lake-a{top:43%;left:auto;right:-30px}.world-2 .lake-b{top:72%;left:-27px}.world-5 .lake-a{width:126px;top:66%;right:-18px}.world-5 .lake-b{width:96px;top:24%;left:-24px}.world-6 .lake-a{background:#6b8fc9;top:51%;right:-28px}.world-6 .lake-b{background:#7c9bd1;top:76%;left:-30px}#lessonDialog .dialog-body:has(.dialog-action-bar){padding-bottom:calc(86px + env(safe-area-inset-bottom))}#lessonDialog .result-screen{padding-bottom:calc(88px + env(safe-area-inset-bottom))}#lessonDialog .dialog-action-bar{z-index:9;padding:11px max(16px,calc((100vw - 680px)/2 + 34px)) calc(12px + env(safe-area-inset-bottom));border-top:1px solid color-mix(in srgb,var(--line) 72%,transparent);background:linear-gradient(180deg,color-mix(in srgb,var(--card) 76%,transparent),var(--card) 24%);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);margin:0;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -8px 24px #1f322817}#lessonDialog .dialog-action-bar .complete-button,#lessonDialog .dialog-action-bar .share-result-button{min-height:46px;margin:0}#lessonDialog .quiz-actions.dialog-action-bar{margin:0;display:flex}#lessonDialog .question-actions{grid-template-columns:1fr;display:grid}#lessonDialog .wrong-answer-actions{grid-template-columns:minmax(76px,.36fr) minmax(0,1fr);gap:8px;display:grid}#lessonDialog .result-actions{grid-template-columns:1fr;gap:8px;display:grid}.save-status{font:700 12px var(--sans);text-align:center;border:1px solid #0000;border-radius:10px;grid-column:1/-1;margin:0;padding:8px 10px;line-height:1.4}.save-status[data-state=loading]{color:#765f24;background:#fff8d8;border-color:#d6c98d}.save-status[data-state=success]{color:#257046;background:#e8f7ed;border-color:#abd9bd}.save-status[data-state=error]{color:#974b43;background:#fff0ee;border-color:#e6b3ad}.save-status[data-state=loading]:before{content:"";vertical-align:-2px;border:2px solid;border-right-color:#0000;border-radius:50%;width:11px;height:11px;margin-right:7px;animation:.8s linear infinite save-spin;display:inline-block}#downloadCertificate[aria-busy=true]{cursor:wait;opacity:.72}@keyframes save-spin{to{transform:rotate(360deg)}}.certificate-dialog{overflow:hidden}.certificate-preview{grid-template-rows:minmax(0,1fr) auto;max-height:calc(88dvh - 6px);padding:0;display:grid;overflow:hidden}.certificate-scroll{overscroll-behavior:contain;min-height:0;padding:36px 15px 8px;overflow-y:auto}.certificate-actions{padding:12px 15px calc(15px + env(safe-area-inset-bottom));border-top:1px solid var(--line);background:var(--card)}.certificate-actions .save-status{margin-bottom:9px}.certificate-actions .primary-button{width:100%;margin:0}.certificate-actions .certificate-creator{margin:11px 0 0}@media (width>=520px){#lessonDialog .result-screen{padding-bottom:calc(88px + env(safe-area-inset-bottom))}#lessonDialog .wrong-answer-actions{grid-template-columns:minmax(92px,.34fr) minmax(0,1fr)}#lessonDialog .result-actions{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.save-status[data-state=loading]:before{animation:none}}.restore-screen{z-index:120;background:var(--paper);color:var(--ink);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:24px;display:flex;position:fixed;inset:0}.restore-screen[hidden]{display:none}.restore-screen img{filter:drop-shadow(0 7px 10px #2e7a6e2e);width:74px;height:74px;animation:1.4s ease-in-out infinite restore-float}.restore-screen strong{margin-top:8px;font-size:18px;font-weight:500}.restore-screen span{color:var(--muted);font-size:12px}.is-restoring{overflow:hidden}.storage-migration-notice{color:#665c46;text-align:left;background:#ffffff94;border-left:3px solid #d2a83d;max-width:440px;margin:0 0 16px;padding:10px 12px;font-size:11px}.storage-migration-notice[hidden]{display:none}.storage-migration-notice strong,.storage-migration-notice span{display:block}.storage-migration-notice strong{color:#735d25;font:800 10px var(--sans);margin-bottom:2px}@keyframes restore-float{50%{transform:translateY(-6px)}}@media (prefers-reduced-motion:reduce){.restore-screen img{animation:none}}.quiz-hint{border:1px solid color-mix(in srgb,var(--teal) 28%,var(--line));background:color-mix(in srgb,var(--teal) 6%,var(--card));border-radius:11px;margin:-2px 0 12px;overflow:hidden}.quiz-hint summary{color:var(--teal);font:700 11px var(--sans);cursor:pointer;padding:8px 11px;list-style:none}.quiz-hint summary::-webkit-details-marker{display:none}.quiz-hint summary:before{content:"＋";background:color-mix(in srgb,var(--teal) 14%,var(--card));vertical-align:-1px;border-radius:6px;place-items:center;width:18px;height:18px;margin-right:6px;font-size:12px;display:inline-grid}.quiz-hint[open] summary:before{content:"－"}.quiz-hint p{color:var(--muted);margin:0;padding:0 11px 10px;font-size:12px;line-height:1.55}.medals-button-icon{width:25px;height:28px;display:block}.medal[class*=medal-world-]>span,.wall-medal[class*=medal-world-]>span{clip-path:none;border-radius:50%;outline:0;transform:none}.medal.earned{width:96px;height:100px;box-shadow:0 4px 0 color-mix(in srgb, var(--medal) 38%, #62543f), 0 10px 17px #3041352e;background:radial-gradient(circle at 50% 38%,#fffffff5,#fffdf6c2 58%,#fffdf68f);border:3px solid #ffffffc7;border-radius:23px;place-items:center;gap:0;margin:10px auto 8px;padding:5px;display:grid;overflow:visible}.medal.earned:before{content:"";background:radial-gradient(circle, color-mix(in srgb, var(--medal) 14%, transparent), transparent 68%);pointer-events:none;border:1px solid #ffffffb8;border-radius:17px;position:absolute;inset:7px}.medal.earned>span{z-index:2;width:80px;height:90px;box-shadow:none;background:0 0;border:0;border-radius:0;grid-area:1/1;position:relative;transform:none}.medal.earned>span img{width:80px;height:90px;display:block}.medal.earned>div{display:none}.wall-medal.earned>span{width:48px;height:54px;box-shadow:none;background:0 0;border:0;border-radius:0}.wall-medal.earned>span img{width:48px;height:54px;display:block}.medals-dialog{max-height:calc(100dvh - 20px)}body:has(#medalsDialog[open]){overflow:hidden}.medals-wall-content{padding:18px 12px 12px}.medals-wall-content .eyebrow{margin-bottom:2px}.medals-wall-content h2{font-size:24px;line-height:1.15}.medals-wall-content>p:not(.eyebrow){margin:3px 0 9px;font-size:11px;line-height:1.25}.medals-wall{grid-auto-rows:98px;gap:7px}.wall-medal{border-radius:12px;grid-template-rows:55px 9px 13px;align-content:center;place-items:center;row-gap:1px;height:98px;min-height:0;padding:5px 4px;display:grid}.wall-medal>span{border-width:4px;align-self:center;width:48px;height:48px;margin:0}.wall-medal small,.wall-medal strong{line-height:1}.wall-medal strong{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:10px;overflow:hidden}.result-medal[class*=medal-world-]{isolation:isolate;width:152px;height:171px;box-shadow:none;clip-path:none;background:0 0;border:0;border-radius:0;outline:0;margin:-3px auto 2px;position:relative;transform:none}.result-medal[class*=medal-world-]:before{content:"";z-index:0;background:#382a161f;border-radius:50%;height:11px;position:absolute;bottom:3px;left:24%;right:24%;box-shadow:0 5px 7px #382a162e}.result-medal[class*=medal-world-] img{z-index:1;width:152px;height:171px;display:block;position:relative}.toy-brand{color:#29463b;max-width:174px;height:42px;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:auto;cursor:pointer;background:#ffffffe6;border:3px solid #ffffffe6;border-radius:999px;align-items:center;gap:7px;padding:4px 10px 4px 5px;display:flex}.toy-brand>img{flex:none;width:29px;height:29px}.toy-brand>span{text-align:left;min-width:0}.toy-brand small,.toy-brand strong{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.toy-brand small{color:#5d7569;font:800 7px var(--sans);letter-spacing:.11em}.toy-brand strong{font-size:11px;font-weight:600}.about-dialog{width:calc(100% - 24px);max-width:440px}.about-content{text-align:center;padding:38px 18px 22px}.about-brand{background:linear-gradient(145deg,#dff7d2,#9fe178);border:4px solid #fff;border-radius:24px;place-items:center;width:74px;height:74px;margin:0 auto 13px;display:grid;transform:rotate(-3deg);box-shadow:0 6px #5aa653,0 11px 20px #2f4e3829}.about-brand img{width:53px;height:53px}.about-content h2{margin:2px 0 5px;font-size:28px;font-weight:500}.about-intro{max-width:310px;color:var(--muted);margin:0 auto 17px;font-size:13px}.about-stats{grid-template-columns:repeat(3,1fr);gap:7px;margin-bottom:14px;display:grid}.about-stats span{border:2px solid var(--line);color:var(--muted);border-radius:12px;padding:9px 3px;font-size:10px}.about-stats b{color:var(--ink);font:900 19px var(--sans);display:block}.about-creator{color:#244253;text-align:left;background:#eefaff;border:2px solid #b8e8f8;border-radius:15px;grid-template-columns:40px 1fr;align-items:center;gap:9px;padding:11px;text-decoration:none;display:grid}.bilibili-mark{color:#fff;width:40px;height:40px;font:900 18px var(--sans);background:#00aeec;border-radius:13px;grid-row:1/3;place-items:center;display:grid;box-shadow:0 4px #0783b2}.about-creator small,.about-creator strong{display:block}.about-creator small{color:#668091;font-size:9px}.about-creator strong{font-size:14px}.about-creator>b{color:#087eaa;font:800 10px var(--sans);grid-column:2}.about-note{color:var(--muted);margin:13px 0 0;font-size:11px}.ranking-button{gap:5px}.ranking-button svg{width:20px;height:20px}.ranking-button b{display:none}.sync-status{color:#62746a;font:600 10px var(--sans);background:#f7faf7;border:1px solid #dce5df;border-radius:10px;justify-content:center;align-items:center;gap:7px;margin-top:12px;padding:8px 10px;display:flex}.sync-status span{background:#d2a83d;border-radius:50%;flex:none;width:8px;height:8px;box-shadow:0 0 0 3px #d2a83d24}.sync-status[data-state=cloud] span{background:#35a86d;box-shadow:0 0 0 3px #35a86d24}.sync-status[data-state=local] span{background:#7e9187;box-shadow:0 0 0 3px #7e918724}.sync-status[data-state=error] span{background:#cb6b5f;box-shadow:0 0 0 3px #cb6b5f24}.ranking-dialog{width:calc(100% - 18px);max-width:520px;height:min(680px,100dvh - 20px);max-height:calc(100dvh - 20px);overflow:hidden}body:has(#rankingDialog[open]){overflow:hidden}.ranking-content{overscroll-behavior:contain;text-align:center;flex-direction:column;height:100%;padding:30px 12px 14px;display:flex;overflow:hidden}.ranking-content h2{margin:0;font-size:27px;font-weight:500}.ranking-intro{max-width:390px;color:var(--muted);margin:4px auto 13px;font-size:11px}.ranking-tabs{background:#e9ece7;border-radius:12px;grid-template-columns:repeat(3,1fr);width:min(280px,84%);margin:0 auto 12px;padding:3px;display:grid}.ranking-tabs button{color:#718078;min-height:34px;font:700 11px var(--sans);background:0 0;border:0;border-radius:9px}.ranking-tabs button.active{color:var(--teal);background:#fffdf6;box-shadow:0 2px 7px #3143391f}.hall-of-fame{text-align:left;background:linear-gradient(145deg,#fff9d9,#fff2b9);border:2px solid #eed679;border-radius:15px;margin:0 0 10px;padding:11px}.hall-of-fame>span{color:#886415;font:800 9px var(--sans);letter-spacing:.08em;margin-bottom:8px;display:block}#hallOfFameList{scrollbar-width:none;gap:7px;display:flex;overflow-x:auto}#hallOfFameList::-webkit-scrollbar{display:none}#hallOfFameList>span{text-align:center;flex:none;width:50px}#hallOfFameList img{object-fit:cover;border:3px solid #fff;border-radius:50%;width:38px;height:38px;margin:0 auto 3px;display:block;box-shadow:0 2px #d0a939}#hallOfFameList b{color:#6f571f;text-overflow:ellipsis;white-space:nowrap;font-size:8px;display:block;overflow:hidden}.my-rank{color:#286d5e;text-align:left;font-family:var(--sans);background:#dff5ed;border-radius:12px;grid-template-columns:1fr auto auto;align-items:center;gap:10px;margin-bottom:8px;padding:9px 11px;display:grid}.my-rank span{font-size:10px}.my-rank strong{font-size:12px}.my-rank em{font:800 16px var(--sans);font-style:normal}.ranking-list{overscroll-behavior:contain;scrollbar-gutter:stable;flex:1;align-content:start;gap:6px;min-height:0;display:grid;position:relative;overflow-y:auto}.ranking-list.is-loading .rank-row,.ranking-list.is-loading .ranking-empty{opacity:.34}.ranking-list>.ranking-empty{min-height:100%}.rank-row{text-align:left;background:#fffdf7;border:1px solid #e1dfd6;border-radius:12px;grid-template-columns:28px 38px 1fr auto;align-items:center;gap:8px;min-height:55px;padding:6px 9px;display:grid}.rank-row.top-rank{background:#fffbea;border-color:#ead77f}.rank-number{color:#68736d;width:26px;height:26px;font:800 11px var(--sans);background:#ecebe5;border-radius:50%;place-items:center;display:grid}.top-rank .rank-number{color:#6b5010;background:#f0c84c;box-shadow:inset 0 -3px #9e710e29}.rank-row>img{object-fit:cover;background:#e7efe9;border-radius:50%;width:38px;height:38px}.rank-row>span{min-width:0}.rank-row>span strong,.rank-row>span small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.rank-row>span strong{font-size:12px}.rank-row>span small{color:var(--muted);font:8px var(--sans);margin-top:1px}.rank-row>em{color:var(--teal);font:900 19px var(--sans);font-style:normal}.rank-row>em small{margin-left:2px;font-size:8px}.ranking-empty{min-height:150px;color:var(--muted);border:2px dashed #d8ddd8;border-radius:15px;flex-direction:column;justify-content:center;align-items:center;padding:32px 20px;display:flex}.ranking-loading{z-index:2;min-height:150px;color:var(--muted);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#fffdf7d1;border-radius:15px;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.ranking-loading span{border:4px solid #d8e7df;border-top-color:var(--teal);border-radius:50%;width:28px;height:28px;margin-bottom:10px;animation:.8s linear infinite ranking-spin}.ranking-empty strong{color:var(--ink);font-size:15px}.ranking-empty span{max-width:280px;margin-top:5px;font-size:10px}.ranking-note{color:#88938d;margin:10px 0 0;font-size:9px}@keyframes ranking-spin{to{transform:rotate(360deg)}}@media (width<=359px){.toy-brand{width:42px;padding-right:4px}.toy-brand>span{display:none}}@media (width>=520px){.toy-brand{max-width:210px}.toy-brand strong{font-size:12px}.ranking-button b{display:inline}.ranking-content{padding:36px 18px 18px}}@media (prefers-reduced-motion:reduce){.ranking-loading span{animation:none}}.dialog-close{appearance:none;width:34px;height:34px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:0;place-items:center;padding:0;line-height:0;display:grid}.dialog-close .close-icon{pointer-events:none;width:26px;height:26px;display:block}.dialog-close:hover{color:var(--teal)}.dialog-close:focus-visible{outline:3px solid color-mix(in srgb, var(--teal) 42%, transparent);outline-offset:1px}#lessonDialog .dialog-close{width:40px;height:40px;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;border-radius:0}#lessonDialog .dialog-close .close-icon{width:30px;height:30px}