:root{--ink:#143c55;--muted:#66818f;--navy:#074d73;--blue:#087bb8;--orange:#ffad36;--paper:#f6fafb;--line:#dce9ee;--green:#20825e;--radius:22px}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.5 'Trebuchet MS','Segoe UI',Arial,sans-serif}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer;border:0;font-weight:700}button:disabled{cursor:default}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #ee9826;outline-offset:4px}a{color:inherit}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.2}button{transition:transform .16s,background .16s,box-shadow .16s}button:enabled:hover{transform:translateY(-2px)}.site-header{max-width:1440px;margin:auto;height:96px;padding:16px 4%;display:flex;align-items:center;gap:30px;background:#fff}.brand{display:flex;align-items:center;text-decoration:none;gap:10px;margin-right:auto}.brand img{object-fit:contain}.brand strong{font-size:29px;color:var(--blue);letter-spacing:-1px;line-height:1}.brand b{color:#dd810d}.brand-dot{color:#ffa52e}.brand small{display:block;font-size:9px;letter-spacing:1.6px;color:#537786;margin-top:8px;font-weight:800}nav{display:flex;gap:6px}nav button{padding:12px 17px;background:transparent;color:#708997;font-size:14px;border-radius:12px}nav .nav-active{color:#086f9f;background:#edf7fb}.profile-button{display:flex;gap:9px;align-items:center;background:#fff;border:1px solid var(--line);padding:7px 12px 7px 7px;border-radius:30px;font-size:13px}.avatar{height:32px;width:32px;display:grid;place-items:center;background:#fff0d5;border-radius:50%;color:#bf8117;font-size:21px}#profileName{max-width:135px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}main{max-width:1440px;margin:0 auto;padding:24px 4% 38px}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:800;color:#0a83aa}.hero{display:flex;align-items:center;justify-content:space-between;padding:13px 0 27px;gap:20px}.hero h1{font-size:clamp(30px,3.4vw,45px);letter-spacing:-1.6px;margin:8px 0 11px;max-width:600px}.hero h1 em{font-style:normal;color:var(--blue)}.hero p{font-size:15px;color:var(--muted)}.hero-badge{display:flex;align-items:center;gap:15px;border-left:1px solid var(--line);padding-left:32px;color:var(--muted);font-size:13px;min-width:160px}.hero-badge strong{display:block;font-size:29px;color:var(--ink);letter-spacing:-1px}.hero-badge .ring{--pct:0deg;width:62px;height:62px;border-radius:50%;background:conic-gradient(#f6ad36 var(--pct),#e4eef2 0deg);padding:6px}.ring span{height:100%;display:grid;place-items:center;background:var(--paper);border-radius:50%;font-size:21px}.dashboard{display:grid;grid-template-columns:minmax(0,1fr) 295px;gap:25px;align-items:start}.ocean{position:relative;border-radius:26px;background:radial-gradient(ellipse at 30% 25%,#119ac0aa,transparent 70%),linear-gradient(150deg,#096b9a,#073f65);overflow:hidden;min-height:632px;box-shadow:0 16px 30px #074d7314}.ocean:before{content:'';position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(circle,#d9f5fc38 1px,transparent 1.8px);background-size:61px 53px}.ocean-top{padding:24px 27px;position:relative;display:flex;align-items:center;justify-content:space-between;gap:12px;color:#cceefa;font-size:12px}.world-label{display:flex;gap:10px;align-items:center}.world-label span{display:grid;place-items:center;width:32px;height:32px;background:#ffffff18;color:#ffcf6c;border-radius:10px;font-weight:800}.ocean-top b{color:white;font-size:13px}.ocean-top .pill{border:1px solid #78b3cc55;border-radius:20px;padding:6px 12px;white-space:nowrap;font-size:10px;color:#e0eff4;letter-spacing:.4px}.island-map{position:relative;max-width:840px;height:494px;margin:0 auto}.sea-route{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.sea-route path{fill:none;stroke:#60b8d632;stroke-width:30;stroke-linecap:round}.sea-route path:last-child{stroke:#c0effc70;stroke-width:2;stroke-dasharray:4 10}.island{position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-50%);width:175px;background:transparent;color:white;text-align:center;padding:0;z-index:2;display:flex;flex-direction:column;align-items:center}.island:hover:enabled{transform:translate(-50%,-52%)}.island img{width:170px;height:130px;object-fit:contain;filter:drop-shadow(0 14px 9px #002f5350)}.island .number{position:absolute;top:18px;left:50%;transform:translateX(-50%);height:42px;width:42px;background:#fff2d6;color:#af7413;border:3px solid #fff;border-radius:50%;display:grid;place-items:center;font-size:16px;box-shadow:0 4px 0 #0002}.island-title{font-size:15px;background:#063e60e8;border:1px solid #46a6c75c;border-radius:12px;padding:7px 13px;min-width:122px;margin-top:-6px}.island-stars{font-size:17px;letter-spacing:4px;margin-top:4px;color:#ffc04d;height:28px}.island-lock{font-size:11px;color:#afccd8;padding-top:5px}.island:disabled img{filter:drop-shadow(0 10px 9px #002f5350) grayscale(.6) saturate(.55);opacity:.65}.island:disabled .number{background:#53849d;color:#d9ecf3;border-color:#8facbc}.island:disabled .island-title{color:#bfd6e1}.island:disabled .island-stars{color:#6099b1}.island.current .number{background:#ffb844;color:#573606;box-shadow:0 0 0 7px #ffbe4627}.island.current:after{content:'BẮT ĐẦU';position:absolute;top:-5px;font-size:8px;letter-spacing:1.1px;color:#ffe1a0;background:#063e60;padding:4px 10px;border-radius:10px}.wave{position:absolute;border:1px solid #67cce731;border-radius:50%;width:65px;height:9px;transform:rotate(-10deg)}.wave.a{left:35%;top:7%}.wave.b{right:10%;bottom:10%}.wave.c{left:5%;bottom:4%}.sea-bottom{color:#bedeea;font-size:11px;padding:15px 25px 19px;display:flex;justify-content:space-between;gap:10px}.sea-bottom span:first-child{display:flex;gap:7px;align-items:center}.sea-bottom i{width:7px;height:7px;border-radius:50%;background:#ffbf4b;display:inline-block}.sidebar{display:grid;gap:18px}.card{background:white;border:1px solid var(--line);border-radius:var(--radius);padding:23px}.card h2{font-size:19px}.next-card{background:#fffaf1;border-color:#f1e2c3}.card .eyebrow{font-size:10px;color:#bd8423;letter-spacing:1.4px}.next-card h2{font-size:26px;margin:13px 0 8px;letter-spacing:-.6px}.next-card p{color:#7d806f;font-size:13px}.lesson-mini{display:flex;align-items:center;gap:11px;margin:19px 0}.lesson-mini>span{font-size:24px;background:#ffefc9;color:#a6751b;border-radius:12px;height:44px;width:44px;display:grid;place-items:center}.lesson-mini b{font-size:14px}.lesson-mini small{display:block;font-size:11px;color:#8b9389;margin-top:2px}.primary{background:linear-gradient(150deg,#ffc85d,#ffac2f);color:#603d08;padding:13px 22px;border-radius:12px;box-shadow:0 3px 0 #d99220;font-size:14px;display:inline-flex;gap:10px;align-items:center;justify-content:center}.primary.blue{background:#087bb8;color:#fff;box-shadow:0 3px 0 #065b86}.wide{width:100%}.secondary{border:1px solid var(--line);background:#fff;color:#436c82;padding:12px 19px;border-radius:12px;font-size:14px}.small-muted{font-size:12px!important;color:var(--muted);margin-top:12px}.mentor-card{display:flex;align-items:center;gap:12px;padding:19px}.mentor-card img{width:68px;height:85px;object-fit:contain;flex-shrink:0}.mentor-card h3{font-size:14px;margin-bottom:6px}.mentor-card p{font-size:12px;color:var(--muted)}.stat-card h2{font-size:15px;margin-bottom:16px}.stats-row{display:flex;justify-content:space-between;gap:9px}.stats-row strong{font-size:24px;display:block;line-height:1.3}.stats-row small{font-size:10px;color:var(--muted)}.legend{display:flex;gap:20px;margin-top:20px;color:#6b8493;font-size:11px;flex-wrap:wrap}.legend b{display:inline-block;width:8px;height:8px;border-radius:50%;background:#ffba48;margin-right:5px}.legend span:last-child b{background:#82a5b6}.intro-strip{display:flex;align-items:center;gap:20px;margin-top:25px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px 24px}.intro-strip>span{font-size:25px;color:#1687ac}.intro-strip strong{font-size:14px;display:block}.intro-strip p{font-size:12px;color:var(--muted);margin-top:3px}.intro-strip button{margin-left:auto;flex-shrink:0;font-size:12px}footer{max-width:1440px;margin:auto;padding:0 4% 24px;font-size:11px;display:flex;justify-content:space-between;gap:12px;color:#879da7}dialog{width:min(490px,94vw);border:1px solid var(--line);border-radius:24px;padding:28px;color:var(--ink);max-height:85vh;overflow:auto;box-shadow:0 20px 80px #092e5330}dialog::backdrop{background:#052e4b80;backdrop-filter:blur(4px)}.dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:15px}.dialog-heading h2{font-size:24px;margin-top:6px}dialog p{font-size:14px;color:var(--muted)}.icon-button{width:33px;height:33px;border-radius:50%;font-size:25px;background:#edf5f8;color:#48738a;display:grid;place-items:center;flex-shrink:0}.profile-choice{width:100%;display:flex;align-items:center;gap:12px;text-align:left;padding:14px;border:1px solid var(--line);border-radius:12px;background:white;margin-top:10px}.profile-choice.active{border-color:#1393c2;background:#eef9ff}.profile-choice small{display:block;color:var(--muted);font-size:11px;font-weight:400}.profile-choice>span:last-child{margin-left:auto;color:var(--blue)}label{display:block;font-size:13px;font-weight:700;margin:22px 0 8px}.input-row{display:flex;gap:9px}input{min-width:0;flex:1;width:100%;border:1px solid #c7dfe7;border-radius:12px;padding:11px;color:var(--ink);background:white}#storageWarning{padding:10px;text-align:center;background:#fff0cf;color:#8f651f;font-size:13px}.dialog-actions{display:flex;gap:12px;margin-top:23px}.back-button{border:0;background:transparent;color:#507991;font-size:13px;padding:0;margin:8px 0 22px;display:inline-flex;gap:8px;align-items:center}.lesson-header{display:flex;gap:20px;align-items:center;margin-bottom:25px}.lesson-icon{width:62px;height:62px;border-radius:20px;background:#eef8ff;color:var(--blue);display:grid;place-items:center;font-size:31px;flex-shrink:0}.lesson-header h1{font-size:34px;letter-spacing:-1px;margin:7px 0}.lesson-header p{color:var(--muted);font-size:14px}.step-tabs{display:flex;gap:12px;margin-bottom:25px}.step-tabs button{border:1px solid var(--line);background:white;padding:13px 18px;border-radius:12px;color:#778c97;flex:1;text-align:left;font-size:13px}.step-tabs button.active{background:#e8f5fc;border-color:#b9dce9;color:#0876a7}.step-tabs b{font-size:10px;border-radius:50%;background:#edf5f8;padding:3px 7px;margin-right:8px}.step-tabs small{float:right;color:var(--green)}.lesson-layout{display:grid;grid-template-columns:minmax(0,1fr) 295px;gap:25px}.lesson-content{padding:30px 35px;background:white;border:1px solid var(--line);border-radius:24px}.lesson-content h2{font-size:25px;letter-spacing:-.7px;margin:8px 0 17px}.tip-box{background:#eaf7fc;border-left:4px solid #168bb9;padding:19px 22px;border-radius:0 14px 14px 0;margin:21px 0;font-size:16px}.examples{display:grid;gap:9px;margin:24px 0}.example{background:#f5f9fa;border-radius:14px;padding:14px 20px;font-size:23px;font-weight:800;letter-spacing:.7px}.example:last-child{background:#fff4dc;color:#a56c14}.lesson-detail{font-size:15px;color:#587b8e}.dots{display:flex;align-items:center;flex-wrap:wrap;gap:13px;margin:20px 0}.dot-group{display:flex;flex-wrap:wrap;gap:7px;max-width:215px;padding:15px;background:#f0f8fc;border-radius:14px}.dot-group i{width:15px;height:15px;background:#29a4ce;border-radius:50%;display:block}.dot-group.second{background:#fff7e5}.dot-group.second i{background:#eeab38}.dots>span{font-size:22px;color:#7190a0}.lesson-controls{display:flex;justify-content:space-between;gap:14px;align-items:center;border-top:1px solid var(--line);padding-top:22px;margin-top:25px}.lesson-controls p{font-size:12px;color:var(--muted)}.check-list{list-style:none;padding:0;margin:16px 0 0;display:grid;gap:12px;font-size:13px;color:var(--muted)}.check-list li:before{content:'✓';color:#2e9878;margin-right:9px}.mode-choice{padding:30px;text-align:center}.mode-choice p{color:var(--muted);margin:14px auto 25px;max-width:450px;font-size:15px}.mode-options{display:flex;gap:12px;justify-content:center}.toggle-row{display:flex;justify-content:center;align-items:center;gap:10px;margin:20px 0;font-size:13px;color:var(--muted)}.toggle-row input{width:18px;height:18px;flex:none;accent-color:#087bb8}.quiz-layout{max-width:870px;margin:auto}.quiz-top{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:20px;font-size:13px;color:var(--muted)}.quiz-top b{color:var(--blue)}.quiz-progress{height:6px;background:#e0edf2;border-radius:10px;overflow:hidden;margin-bottom:25px}.quiz-progress span{height:100%;display:block;background:#1799bf;transition:width .2s}.quiz-card{border:1px solid var(--line);border-radius:25px;background:white;padding:35px;text-align:center}.quiz-card .eyebrow{font-size:10px}.equation{font-size:clamp(35px,7vw,65px);font-weight:800;letter-spacing:1px;padding:32px 0 26px}.answers{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.answer-option{background:#f1f8fc;border:2px solid #d8ebf3;color:#1e668b;border-radius:17px;padding:19px;font-size:27px;box-shadow:0 4px 0 #d8e9f0}.answer-option.correct{background:#e8f8ed;border-color:#45a678;color:#1f7750;box-shadow:0 4px 0 #acd7bf}.answer-option.wrong{background:#fff2e9;border-color:#e69a67;color:#a15424;box-shadow:0 4px 0 #edc3a6}.answer-input{display:flex;align-items:center;gap:10px;margin:22px auto 0;max-width:300px}.answer-input label{margin:0;white-space:nowrap;font-size:12px;color:var(--muted)}.answer-input input{text-align:center;width:85px;flex:1;font-size:17px;padding:9px}.answer-input button{padding:10px;font-size:12px}.feedback{border-radius:13px;background:#f2f8fb;padding:16px;margin-top:24px;text-align:left;font-size:14px;color:#4e7388;min-height:67px}.feedback.good{background:#ebf8f0;color:#267252}.feedback.retry{background:#fff6e8;color:#a56c20}.feedback strong{display:block;margin-bottom:5px}.quiz-footer{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:23px}.hint-button{font-size:13px;background:transparent;color:#3983a6;border:1px solid #c7e5f1;padding:10px 14px;border-radius:10px}.quiz-footer .small-muted{margin:0}.keyboard-note{font-size:11px;color:#8b9da6;text-align:center;margin-top:20px}.result-card{text-align:center;max-width:770px;margin:auto;padding:38px 35px;background:white;border-radius:26px;border:1px solid var(--line)}.result-card img{height:110px;width:100px;object-fit:contain}.result-card h1{font-size:32px;margin:13px 0}.result-card>p{font-size:14px;color:var(--muted)}.result-stars{font-size:40px;letter-spacing:10px;color:#eeab2c;margin:15px 0}.result-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:25px 0}.result-stats>div{background:#f3f8fa;border-radius:15px;padding:17px 8px}.result-stats strong{display:block;font-size:25px;color:#145b7f}.result-stats small{font-size:11px;color:var(--muted)}.result-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:24px}.weak-box{text-align:left;background:#fff7e8;border-radius:14px;padding:18px;font-size:13px;color:#8b6b38;margin-top:20px}.history-header h1{font-size:34px;margin:8px 0 12px}.history-header p{color:var(--muted);font-size:14px}.history-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:25px 0}.history-stats .card strong{font-size:30px;color:var(--blue);display:block;margin-bottom:4px}.history-stats .card span{font-size:12px;color:var(--muted)}.history-list{background:white;border:1px solid var(--line);border-radius:20px;overflow:auto}table{border-collapse:collapse;width:100%;font-size:13px;min-width:610px}th{text-align:left;font-size:11px;letter-spacing:.5px;color:#6e8d9d;background:#edf6fa;padding:16px 21px}td{padding:17px 21px;border-bottom:1px solid #eaf1f4}td small{display:block;font-size:10px;color:var(--muted);margin-top:3px}.table-score{font-weight:800;color:var(--blue)}.table-stars{color:#dda331;letter-spacing:2px}.empty-history{text-align:center;background:white;border:1px solid var(--line);border-radius:22px;padding:50px 25px;margin-top:25px}.empty-history h2{font-size:23px;margin:10px 0}.empty-history p{color:var(--muted);font-size:14px;margin:12px 0 23px}.notice{background:#fff7e7;border-radius:12px;padding:13px 16px;font-size:13px;color:#8d6b28;margin:16px 0}.help-content{max-width:800px;margin:auto}.help-content .card{margin:15px 0}.help-content h1{font-size:32px;margin-bottom:25px}.help-content h2{font-size:20px;margin-bottom:12px}.help-content p{font-size:14px;color:var(--muted)}[hidden]{display:none!important}
@media(min-width:1400px){.island-map{height:510px}.ocean{min-height:648px}}@media(max-width:1100px){.dashboard,.lesson-layout{grid-template-columns:minmax(0,1fr) 255px;gap:18px}.card{padding:18px}.island{width:145px}.island img{width:145px;height:112px}.island-title{font-size:13px;min-width:110px}.island .number{top:12px;height:36px;width:36px;font-size:14px}.island.current:after{top:-12px}.island-map{height:494px}.hero h1{font-size:37px}.site-header{gap:18px}.brand strong{font-size:26px}nav button{padding:10px 12px}.hero-badge{padding-left:22px}.lesson-content{padding:25px}}@media(max-width:850px){.dashboard,.lesson-layout{grid-template-columns:1fr}.sidebar{grid-template-columns:1fr 1fr}.sidebar .next-card{grid-row:span 2}.ocean{min-height:610px}.island-map{height:470px}.island{width:165px}.island img{width:165px;height:125px}.island-title{font-size:14px}.hero h1{font-size:36px}.site-header{height:auto;min-height:86px;flex-wrap:wrap;gap:12px}.site-header nav{order:3;width:100%;border-top:1px solid #edf3f6;padding-top:8px}.profile-button{font-size:12px}main{padding-top:20px}.intro-strip{padding:18px}.legend{margin-bottom:4px}footer{font-size:10px}.lesson-layout .sidebar{grid-template-columns:1fr 1fr}.lesson-header h1{font-size:30px}}
@media(max-width:560px){.site-header{padding:12px 5%}.brand img{width:44px;height:49px}.brand strong{font-size:24px}.brand small{font-size:7px;letter-spacing:1px}.profile-button{padding:5px 8px 5px 5px;gap:5px}.avatar{width:27px;height:27px;font-size:18px}#profileName{max-width:82px;font-size:11px}.hero{padding:6px 0 22px;align-items:flex-start}.hero h1{font-size:30px;letter-spacing:-1px}.hero p{font-size:13px;max-width:245px}.hero-badge{border:0;padding:0;min-width:0}.hero-badge .ring{height:46px;width:46px;padding:4px}.hero-badge>div:last-child{display:none}.ring span{font-size:15px}.eyebrow{font-size:9px;letter-spacing:1.2px}main{padding:19px 5% 30px}.ocean{border-radius:22px;min-height:980px}.ocean-top{padding:19px 17px;font-size:10px;align-items:flex-start}.ocean-top b{font-size:11px}.ocean-top .pill{font-size:8px;padding:5px 8px}.island-map{height:850px}.island{width:150px;left:var(--mx);top:var(--my)}.island img{width:145px;height:112px}.island-title{font-size:13px;min-width:112px;max-width:150px}.island .number{height:35px;width:35px;top:13px;font-size:14px}.island.current:after{top:-8px}.island-stars{font-size:15px}.island-lock{font-size:10px}.sea-route{display:none}.island-map:before{content:'';position:absolute;left:50%;top:95px;bottom:85px;border-left:2px dashed #a3e5f854;transform:rotate(-2deg)}.sea-bottom{padding:12px 17px;font-size:9px;align-items:center}.sea-bottom span:last-child{display:none}.sidebar{grid-template-columns:1fr}.sidebar .next-card{grid-row:auto}.next-card{display:grid;grid-template-columns:1fr auto;gap:5px 12px}.next-card .eyebrow,.next-card h2,.next-card>p,.next-card .lesson-mini{grid-column:1}.next-card h2{font-size:24px;margin:7px 0}.next-card .lesson-mini{margin:11px 0}.next-card .primary{grid-column:2;grid-row:2/span 3;width:auto;align-self:center;padding:12px 14px}.next-card .small-muted{grid-column:1/-1;text-align:left!important;font-size:11px!important}.mentor-card img{width:61px;height:69px}.stat-card .stats-row{justify-content:space-around}.intro-strip{gap:13px;flex-wrap:wrap}.intro-strip>div{flex:1}.intro-strip button{margin-left:0}.intro-strip>span{font-size:21px}footer{flex-direction:column;gap:5px;padding:0 5% 20px}.lesson-header{gap:13px}.lesson-icon{height:50px;width:50px;font-size:27px;border-radius:16px}.lesson-header h1{font-size:27px}.lesson-header p{font-size:12px}.step-tabs{gap:7px}.step-tabs button{font-size:10px;padding:11px 7px;line-height:1.4;text-align:center}.step-tabs b{display:block;background:transparent;padding:0;margin:0 0 3px}.step-tabs small{display:none}.lesson-content{padding:22px 18px}.lesson-content h2{font-size:23px}.tip-box{font-size:14px;padding:15px}.example{font-size:19px;padding:13px}.lesson-detail{font-size:14px}.lesson-controls{flex-wrap:wrap}.lesson-controls .primary{width:100%}.lesson-layout .sidebar{grid-template-columns:1fr}.dot-group{gap:5px;max-width:145px;padding:12px}.dot-group i{width:12px;height:12px}.mode-choice{padding:25px 18px}.mode-options{flex-direction:column}.quiz-card{padding:25px 18px}.equation{font-size:43px;letter-spacing:0;padding:31px 0}.answers{grid-template-columns:repeat(2,1fr);gap:12px}.answer-option{font-size:26px;padding:16px}.quiz-top{font-size:11px}.quiz-footer{flex-wrap:wrap;gap:12px}.quiz-footer .primary{margin-left:auto}.keyboard-note{display:none}.result-card{padding:27px 18px}.result-card h1{font-size:27px}.result-stats{gap:8px}.result-stats strong{font-size:22px}.result-stats small{font-size:10px}.result-actions{flex-direction:column}.history-stats{gap:8px}.history-stats .card{padding:15px 10px}.history-stats .card strong{font-size:24px}.history-stats .card span{font-size:10px}.history-header h1{font-size:29px}dialog{padding:23px}.input-row .primary{padding:10px 16px}.hero-badge{margin-top:18px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}button:hover:enabled{transform:none!important}.island:hover:enabled{transform:translate(-50%,-50%)!important}}

/* Orange and blue adventure interface */
:root{--ink:#154b71;--muted:#567b93;--navy:#074d7d;--blue:#0788c9;--orange:#ff9635;--paper:#edf8ff;--line:#cbe7f5;--green:#168352;--radius:26px}
body{background:linear-gradient(145deg,#edf9ff,#e5f4ff);font-family:ui-rounded,'Trebuchet MS','Segoe UI',Arial,sans-serif;font-size:17px}
.site-header{height:86px;max-width:none;padding:12px max(4%,calc((100vw - 1320px)/2));background:#fff;border-bottom:2px solid #c6e9f7;gap:20px}.brand strong{font-size:31px}.brand b{color:#ea790e}.brand-dot{color:#f99422}.brand small{font-size:12px;letter-spacing:.3px;margin-top:4px;color:#456f89}.brand img{width:54px;height:59px}nav button{font-size:16px;border-radius:17px;padding:11px 16px;color:#366581}nav .nav-active{background:#e0f3ff;color:#086b9e;box-shadow:inset 0 -3px #b8e1f7}.profile-button{background:#fff7e9;border:2px solid #ffdfb4;font-size:14px;color:#724512;min-height:46px}.avatar{background:#ffdf95;color:#784516}.primary{background:linear-gradient(180deg,#ffba59,#ff8e29);border:2px solid #ffd096;color:#5d2b09;font-size:18px;font-weight:900;padding:15px 26px;border-radius:20px;box-shadow:0 5px 0 #cf641c,0 9px 17px #e8752630;min-height:54px;transition:transform .18s,filter .18s,box-shadow .18s}.primary.blue{background:linear-gradient(#20b4ea,#0884ca);border-color:#5cd1f4;color:#fff;box-shadow:0 5px 0 #075b94}.primary:enabled:hover{transform:translateY(-3px);filter:brightness(1.05)}.primary:enabled:active{transform:translateY(4px);box-shadow:0 1px 0 #cf641c}.secondary{font-size:16px;padding:13px 19px;border-radius:17px;border:2px solid #c3e3f2;min-height:48px}.icon-button{width:44px;height:44px}.back-button{font-size:16px;min-height:44px;margin:0 0 14px;padding:8px 0}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #ffb23b;outline-offset:5px}main{max-width:1320px;padding:28px 4% 38px}footer{font-size:12px;justify-content:center;text-align:center;color:#557a92}body[data-screen=map]{background:#057aac}body[data-screen=map] main{padding:0;max-width:none}body[data-screen=map] footer{display:none}body[data-screen=map] .site-header{background:#064e7d;color:white;border-color:#ffffff17}body[data-screen=map] .brand strong,body[data-screen=map] .brand small{color:white}body[data-screen=map] .brand b{color:#ffb451}body[data-screen=map] nav button{color:#cbeefd}body[data-screen=map] nav .nav-active{color:white;background:#ffffff16;box-shadow:inset 0 -3px #ffad45}body[data-screen=map] .profile-button{background:#0b6698;border-color:#6ac1e84d;color:white}
.adventure{position:relative;min-height:calc(100svh - 86px);color:white;background:radial-gradient(ellipse at 15% 26%,#26c7ef88,transparent 48%),radial-gradient(ellipse at 86% 78%,#1197f088,transparent 45%),linear-gradient(150deg,#098cc2,#0868ad 66%,#064a8a);overflow:hidden}.adventure:before{content:'';position:absolute;inset:0;pointer-events:none;opacity:.5;background-image:radial-gradient(circle,#ffffff85 1px,transparent 2px),radial-gradient(circle,#b7eaff88 2px,transparent 3px);background-size:83px 73px,173px 167px}.adventure-heading{position:relative;max-width:1280px;margin:auto;padding:28px 4% 0;display:flex;align-items:center;justify-content:space-between;gap:15px}.world-chip{font-size:13px;display:inline-flex;gap:8px;align-items:center;color:#bfeeff;background:#004b8b45;border:1px solid #7ad7ed4d;padding:7px 12px;border-radius:30px}.adventure-heading h1{font-size:clamp(30px,3.5vw,44px);margin-top:10px;letter-spacing:-1.1px;color:#fff;text-shadow:0 3px 0 #075d95}.adventure-heading em{font-style:normal;color:#ffd280}.treasure{display:flex;align-items:center;gap:10px}.treasure>span{background:#034b87aa;border:2px solid #7bd6f655;border-radius:18px;min-height:48px;padding:8px 14px;font-size:20px;white-space:nowrap}.treasure b{font-size:20px}.help-round{border-radius:50%;width:46px;height:46px;background:#ffffff19;color:white;border:2px solid #87d7f870;font-size:24px}.map-stage{position:relative;max-width:1160px;margin:auto}.island-map{height:570px;max-width:none;width:100%;margin:0;z-index:1}.sea-route{z-index:0;opacity:1}.sea-route path{stroke:#00437c36;stroke-width:34}.sea-route path:last-child{stroke:#c0f3ff;stroke-width:3;stroke-dasharray:7 15;animation:route-drift 20s linear infinite}.route-mobile{display:none}.island{width:226px;gap:0;z-index:2;isolation:isolate}.island-art{position:relative;width:218px;height:161px;animation:island-bob 4.5s ease-in-out infinite;animation-delay:var(--float-delay);transition:filter .2s}.island img{width:218px;height:161px;object-fit:contain;filter:drop-shadow(0 16px 12px #003e7455)}.island-symbol{position:absolute;left:50%;top:37%;transform:translate(-50%,-50%);border-radius:18px;min-width:104px;padding:6px 13px;background:linear-gradient(#fffce5,#ffdf94);border:3px solid #fff5d1;color:#874411;font-size:24px;font-weight:900;white-space:nowrap;box-shadow:0 5px 0 #c6792277,0 8px 10px #1a85bb3b;line-height:1.4}.island-2 .island-symbol,.island-4 .island-symbol{background:linear-gradient(#e6fdff,#78dcff);border-color:#baf4ff;color:#076caa;box-shadow:0 5px 0 #087db77a,0 8px 10px #1a85bb3b}.island-6 .island-symbol{font-size:44px;width:76px;min-width:76px;top:29%;padding:0;border-radius:24px;color:#e18a16}.island .number{position:absolute;width:36px;height:36px;border:3px solid white;font-size:16px;left:27px;top:36px;transform:none;background:#096caa;color:white;box-shadow:0 4px 0 #06427777}.island-title{min-width:142px;max-width:222px;border:2px solid #83d5f566;background:#075591;color:white;padding:9px 14px;border-radius:15px;font-size:17px;box-shadow:0 4px 0 #034978;line-height:1.2;margin-top:-6px;white-space:nowrap}.island-stars{font-size:25px;height:38px;letter-spacing:3px;line-height:1.3;color:#ffc257;text-shadow:0 2px #855626}.island.current .number{background:#ff9e35;color:#653709;box-shadow:0 0 0 5px #ffbd4944}.island.current .island-title{background:linear-gradient(#ffc25c,#ffab36);border-color:#ffdf91;color:#60360b;box-shadow:0 4px 0 #c97c1d}.island.current:after{display:none}.play-orb{position:absolute;bottom:23px;right:40px;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;border:3px solid white;background:#ff9432;color:#fff;padding-left:3px;font-size:20px;box-shadow:0 0 0 7px #ffc44b36;animation:orb-pulse 2s ease-in-out infinite}.island:disabled img{filter:drop-shadow(0 12px 12px #003e7450) saturate(.72);opacity:.8}.island:disabled .number{background:#12659a;border-color:#a3dbef;color:white}.island:disabled .island-title{color:#d2effb;background:#075b93}.island:disabled .island-symbol{opacity:.72}.island:disabled .island-stars{color:#80c6e4;text-shadow:none}.island:hover:enabled{transform:translate(-50%,-53%)}.island:hover:enabled .island-art{filter:brightness(1.13)}.map-cta{position:absolute;left:50%;top:48%;transform:translate(-50%,-50%);display:flex;align-items:center;gap:8px;z-index:3}.map-cta img{width:98px;height:110px;object-fit:contain;filter:drop-shadow(0 7px 6px #02487d55);animation:mentor-bob 3.6s ease-in-out infinite}.map-cta .primary{white-space:nowrap;min-width:180px;font-size:23px;padding:17px 24px;box-shadow:0 6px 0 #c6691c,0 12px 30px #003c8666}.sky-decor{position:absolute;inset:0;pointer-events:none;overflow:hidden}.cloud{position:absolute;height:24px;width:92px;background:#c9f9ff35;border-radius:50px;animation:cloud-drift 13s ease-in-out infinite}.cloud:before,.cloud:after{content:'';position:absolute;border-radius:50%;background:inherit;width:42px;height:42px;bottom:4px;left:16px}.cloud:after{left:43px;width:32px;height:32px}.cloud-one{top:7%;left:29%}.cloud-two{bottom:9%;right:15%;animation-delay:-5s}.sky-star{position:absolute;color:#8fd9ff;font-size:30px;animation:twinkle 3.3s ease-in-out infinite}.sky-star.one{top:6%;right:16%}.sky-star.two{bottom:16%;left:8%;font-size:25px;animation-delay:-1s}.sky-star.three{top:42%;right:4%;animation-delay:-2s}.math-float{position:absolute;color:#ffffff23;font-weight:900;line-height:1;font-size:58px;transform:rotate(-15deg)}.math-float.a{left:3%;top:4%}.math-float.b{right:1%;bottom:5%;transform:rotate(14deg)}.math-float.c{left:49%;bottom:7%;font-size:32px}.adventure-bottom{position:relative;max-width:1200px;margin:auto;display:flex;justify-content:center;align-items:center;gap:24px;padding:0 4% 22px;color:#b9e5ff;font-size:14px}.reward-button{font-size:15px;background:#ffffff14;color:white;padding:9px 16px;border:1px solid #9ae0fc55;border-radius:15px;min-height:44px}
.lesson-header{margin-bottom:20px;gap:14px}.lesson-header h1{font-size:34px;margin:4px 0}.lesson-icon{background:#daf2ff;color:#0874b5;width:66px;height:66px;font-size:38px;border-radius:23px;box-shadow:0 4px 0 #b7dfef}.eyebrow{font-size:12px;color:#087cad;letter-spacing:1px}.step-tabs{gap:12px;margin-bottom:22px}.step-tabs button{border:2px solid #c4e4f5;border-radius:20px;font-size:18px;min-height:60px;padding:13px 18px;text-align:center;background:#fff;color:#487e99;box-shadow:0 4px 0 #d1e8f4}.step-tabs button>span{font-size:23px;margin-right:5px}.step-tabs button.active{background:#ffefcd;border-color:#ffc46e;color:#895015;box-shadow:0 4px 0 #e0aa56}.step-tabs small{float:none;margin-left:4px}.lesson-layout{grid-template-columns:minmax(0,1fr) 260px;gap:24px}.lesson-content{padding:25px 30px;border:2px solid #d4eafa;border-radius:28px;box-shadow:0 8px 24px #0a72a30c}.tip-box{font-size:19px;background:#fff3da;border:0;border-radius:19px;color:#81501f;padding:18px 22px;margin:0 0 20px;line-height:1.5}.dots{justify-content:center;gap:17px}.dot-group{gap:9px;padding:16px 18px;background:#e7f7ff;max-width:260px}.dot-group i{width:20px;height:20px;background:linear-gradient(#41c9fc,#058ad4);box-shadow:0 2px 0 #077eb5;animation:dot-pop .4s ease-out both}.dot-group.second i{background:linear-gradient(#ffc766,#ff953b);box-shadow:0 2px 0 #d98a22}.dots>span{font-size:30px}.examples{gap:12px;margin:24px 0}.example{display:flex;align-items:center;gap:15px;font-size:clamp(20px,3vw,30px);background:#eaf7ff;padding:13px 17px;border:1px solid #d4eafa;letter-spacing:0;color:#176d9b}.example:last-child{background:#fff0ce;color:#8b4e16;border-color:#ffe0a1}.example-step{display:grid;place-items:center;flex-shrink:0;width:30px;height:30px;border-radius:50%;font-size:15px;background:#bfebff;color:#1a729f}.example:last-child .example-step{background:#ffd28b;color:#8a4b14}.more-help{margin-top:18px;background:#f3f9fc;border-radius:14px;padding:12px 16px;color:#537d95;font-size:14px;text-align:left}.more-help summary{cursor:pointer;font-size:15px;min-height:26px;font-weight:700}.more-help p{padding-top:10px;line-height:1.6}.lesson-controls{margin-top:20px;padding-top:18px}.lesson-controls .small-muted{font-size:15px!important;margin:0}.mentor-card{background:#fff3db;border:2px solid #ffd798;flex-direction:column;text-align:center;border-radius:26px;padding:22px 18px}.mentor-card img{width:145px;height:157px;animation:mentor-bob 3.6s ease-in-out infinite}.mentor-card h3{font-size:20px;color:#965415}.mentor-card p{font-size:16px;color:#8b6239}.visual-steps{display:flex;align-items:center;justify-content:center;gap:12px;padding:23px 15px;background:#def4ff;border-radius:22px;font-size:27px}.visual-steps i{font-size:17px;font-style:normal;color:#559bbc}.mode-choice{max-width:850px;margin:auto;padding:30px}.mode-pictogram{font-size:75px;line-height:1.2;margin:8px 0 17px;animation:reward-pop .65s cubic-bezier(.2,1.5,.5,1) both}.mode-choice h2{font-size:32px}.mode-rules{display:flex;gap:16px;justify-content:center;margin:24px 0;flex-wrap:wrap}.mode-rules>span{border:2px solid #c7e8f6;background:#eaf7ff;padding:14px 19px;border-radius:19px;font-size:20px;color:#216d92}.mode-choice .start-note{margin:12px auto 25px;font-size:17px;color:#5a87a0}.toggle-row{font-size:17px;min-height:44px;cursor:pointer}.toggle-row input{width:23px;height:23px}.mode-options{gap:15px}.mode-options .primary{min-width:190px}.mode-choice .more-help{max-width:520px;margin:28px auto 0}
.quiz-layout{max-width:860px}.quiz-top{font-size:15px}.quiz-top b{color:#126e9f}#quizClock{white-space:nowrap;background:#def3ff;border-radius:15px;padding:8px 12px;color:#256d90;font-weight:700}.quiz-progress{height:10px;margin-bottom:20px;background:#ceeaf8}.quiz-progress span{background:linear-gradient(90deg,#ffa441,#ffd064)}.quiz-card{position:relative;border:2px solid #c8e7f8;border-radius:30px;box-shadow:0 10px 30px #116d9a0c;overflow:hidden;padding:25px 30px}.question-gems{display:flex;gap:12px;justify-content:center;align-items:center;margin:2px 0 22px;flex-wrap:wrap}.question-gems i{font-style:normal;color:#c9e3f1;font-size:17px}.question-gems .done{color:#f6a338;font-size:22px}.question-gems .active{color:#ff9a35;transform:scale(1.2);text-shadow:0 0 8px #ffcb7577}.quiz-card .eyebrow{font-size:13px;letter-spacing:1px}.equation{font-size:clamp(36px,6vw,65px);padding:25px 0 32px;color:#105f95}.answers{gap:16px}.answer-option{border:3px solid #b9e2f8;background:linear-gradient(#f5fcff,#def3ff);box-shadow:0 5px 0 #8dc8e9;font-size:34px;border-radius:22px;min-height:85px;padding:15px;color:#0d6da8;transition:transform .16s,background .16s}.answer-option:nth-child(even){background:linear-gradient(#fff7e5,#ffe6b9);border-color:#ffd18e;box-shadow:0 5px 0 #e8b367;color:#9a5618}.answer-option:enabled:active{transform:translateY(4px);box-shadow:0 1px 0 #8dc8e9}.answer-option.correct{background:linear-gradient(#d5fae3,#b0ebcc);border-color:#59c68d;box-shadow:0 5px 0 #369c6b;color:#187d4b;animation:answer-pop .5s ease-out}.answer-option.wrong{background:#fff0e1;border-color:#efb17a;box-shadow:0 5px 0 #d69960;color:#9e5828;animation:gentle-wiggle .3s ease-out}.answer-input{max-width:340px;margin-top:25px}.answer-input label{font-size:14px}.answer-input input{font-size:22px;min-height:44px}.answer-input button{font-size:14px;min-height:44px}.feedback{font-size:17px;padding:16px 20px;line-height:1.5;background:#f0f8fc;min-height:58px;border:1px solid #e0f0f8;border-radius:18px}.feedback.good{background:#e4f8ec;color:#187849;border-color:#bce8cc}.feedback.retry{background:#fff4df;color:#8c6026;border-color:#ffe0ad}.feedback strong{font-size:18px}.hint-button{font-size:17px;min-height:48px;background:#fff3d9;border:2px solid #ffdd9d;color:#95601c;border-radius:16px}.quiz-footer .small-muted{font-size:13px!important}.keyboard-note{font-size:12px;margin-top:18px}.answer-success .equation{animation:answer-pop .5s ease-out}
.celebration{position:absolute;inset:0;pointer-events:none;z-index:8;overflow:hidden}.celebration i{position:absolute;left:var(--left);top:15%;font-size:20px;color:#ffae32;font-style:normal;opacity:0;animation:confetti-fall 1.5s ease-out both;animation-delay:var(--delay)}.celebration i:nth-child(3n){color:#169fee}.celebration i:nth-child(3n+1){color:#ffc642}.result-card{position:relative;overflow:hidden;border:2px solid #cceafa;border-radius:30px;padding:32px}.result-card img{height:143px;width:145px;animation:reward-pop .7s cubic-bezier(.2,1.4,.5,1) both}.result-card h1{font-size:33px}.result-card>p{font-size:17px}.result-stars{font-size:52px;letter-spacing:7px;text-shadow:0 3px #d3872666;animation:reward-pop .8s cubic-bezier(.2,1.4,.5,1) both}.result-stats>div{background:#eaf7ff;border:1px solid #cfeaf7;border-radius:19px}.result-stats strong{font-size:28px}.result-stats small{font-size:13px}.result-stats>div:first-child{background:#fff1d7;border-color:#ffdfaa}.weak-box{font-size:16px;line-height:1.5}.history-header h1{font-size:30px}.history-stats .card{border:2px solid #cce7f6;border-radius:23px}.history-stats .card span{font-size:14px}.history-list{border:2px solid #cde7f5}.history-list th{font-size:12px}.history-list td{font-size:15px}.history-list td small{font-size:12px}.table-stars{font-size:19px}.help-content{text-align:center}.help-content .back-button{display:flex}.help-content h1{font-size:33px;margin-bottom:24px}.help-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.help-steps .card{margin:0;padding:20px 12px;border:2px solid #c8e7f4;border-radius:22px}.help-steps .card>span{font-size:44px}.help-steps h2{font-size:18px;margin:10px 0 0}.help-unlock{font-size:17px;color:#4982a1;margin:24px 0}dialog{border:2px solid #cce8f7;border-radius:27px;padding:25px}dialog p{font-size:15px}.profile-choice{border:2px solid #cce8f7;min-height:64px;font-size:17px}.profile-choice small{font-size:13px}.input-row input{min-height:50px}.dialog-actions{flex-wrap:wrap}
@keyframes island-bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes mentor-bob{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-5px) rotate(2deg)}}@keyframes orb-pulse{0%,100%{box-shadow:0 0 0 6px #ffc44b30}50%{box-shadow:0 0 0 13px #ffc44b08}}@keyframes route-drift{to{stroke-dashoffset:-220}}@keyframes twinkle{0%,100%{opacity:.35;transform:scale(.8)}50%{opacity:.85;transform:scale(1.1)}}@keyframes cloud-drift{0%,100%{transform:translateX(-10px)}50%{transform:translateX(20px)}}@keyframes dot-pop{from{opacity:0;transform:scale(.3)}to{opacity:1;transform:scale(1)}}@keyframes answer-pop{0%,100%{transform:scale(1)}45%{transform:scale(1.06)}}@keyframes gentle-wiggle{0%,100%{transform:translateX(0)}30%{transform:translateX(-3px)}65%{transform:translateX(3px)}}@keyframes reward-pop{from{opacity:0;transform:scale(.5) rotate(-7deg)}to{opacity:1;transform:scale(1) rotate(0)}}@keyframes confetti-fall{0%{opacity:0;transform:translateY(-20px) rotate(var(--turn)) scale(.5)}15%{opacity:1}100%{opacity:0;transform:translateY(300px) rotate(calc(var(--turn) + 160deg)) scale(1.1)}}
@media(min-width:1500px){.island-map{height:610px}.adventure-heading{padding-top:35px}}
@media(max-width:1000px){.island{width:200px}.island-art,.island img{width:194px;height:145px}.island-symbol{font-size:21px;min-width:95px}.island .number{left:19px;top:35px}.island-title{font-size:16px;min-width:128px}.map-cta img{width:78px;height:90px}.map-cta .primary{font-size:21px;min-width:160px;padding:15px 22px}.lesson-layout{grid-template-columns:minmax(0,1fr) 220px;gap:18px}.mentor-card img{width:115px;height:128px}.site-header{padding-left:3%;padding-right:3%}}
@media(max-width:760px){.site-header{height:auto;min-height:76px;gap:10px;flex-wrap:wrap;padding:10px 4%}.brand{gap:6px;min-width:0}.brand strong{font-size:25px}.brand img{width:42px;height:48px}.brand small{font-size:10px;margin-top:3px;letter-spacing:0}.profile-button{margin-left:auto;gap:6px;padding:5px 8px 5px 5px;min-height:42px;font-size:12px}#profileName{max-width:80px}.site-header nav{order:3;width:100%;justify-content:center;gap:8px}.site-header nav button{padding:7px 24px;font-size:14px;min-height:38px}.adventure{min-height:calc(100svh - 125px)}.adventure-heading{padding:22px 5% 0;align-items:flex-start}.adventure-heading h1{font-size:31px;line-height:1.15;max-width:230px;margin-top:10px}.adventure-heading em{display:block}.world-chip{font-size:11px;padding:6px 8px}.treasure{gap:7px;flex-wrap:wrap;justify-content:flex-end;max-width:127px}.treasure>span{min-height:40px;font-size:16px;padding:6px 8px;border-radius:13px}.treasure b{font-size:16px}.help-round{height:36px;width:36px;font-size:20px}.route-desktop{display:none}.route-mobile{display:block}.island-map{height:1120px;width:100%;margin:0}.island{left:var(--mx);top:var(--my);width:174px}.island-art,.island img{width:173px;height:128px}.island .number{width:32px;height:32px;left:18px;top:26px;font-size:14px}.island-symbol{font-size:19px;min-width:91px;padding:5px 9px;top:34%;border-radius:14px}.island-6 .island-symbol{font-size:34px;width:62px;min-width:62px}.island-title{font-size:15px;min-width:125px;max-width:174px;padding:8px 11px;border-radius:13px}.island-stars{font-size:22px;height:31px}.play-orb{width:36px;height:36px;font-size:16px;bottom:19px;right:31px}.map-cta{position:relative;left:auto;top:auto;transform:none;justify-content:center;margin:-17px auto 18px;gap:10px}.map-cta img{width:77px;height:87px}.map-cta .primary{font-size:22px;padding:14px 22px;min-width:180px}.adventure-bottom{font-size:13px;gap:16px;padding-bottom:24px}.cloud-one{top:17%;left:56%;width:65px}.cloud-two{bottom:22%;right:7%;width:60px}.math-float.c{left:65%;bottom:10%}.sky-star.one{top:5%;right:10%}.sky-star.three{top:42%;right:9%}.math-float.a{left:7%;top:30%;font-size:42px}main{padding:20px 5% 28px}.lesson-layout{grid-template-columns:1fr}.lesson-layout .sidebar{order:1}.lesson-layout .mentor-card{flex-direction:row;text-align:left;padding:14px;gap:10px}.lesson-layout .mentor-card img{width:77px;height:85px;flex-shrink:0}.mentor-card h3{font-size:18px}.mentor-card p{font-size:15px}.visual-steps{display:none}.lesson-content{padding:21px 18px}.lesson-header h1{font-size:29px}.lesson-icon{width:55px;height:55px;font-size:30px;border-radius:18px}.step-tabs{gap:8px}.step-tabs button{font-size:15px;padding:12px 7px;border-radius:16px;min-height:58px}.step-tabs button>span{font-size:20px;display:block;margin:0 0 4px}.step-tabs small{font-size:10px}.tip-box{font-size:17px;padding:15px 17px}.example{font-size:clamp(17px,4.9vw,24px);gap:10px;padding:13px 12px;overflow-wrap:anywhere}.example-step{width:25px;height:25px;font-size:13px}.dots{gap:10px}.dot-group{max-width:43%;gap:7px;padding:12px}.dot-group i{width:16px;height:16px}.dots>span{font-size:24px}.lesson-controls{flex-wrap:wrap;justify-content:center;gap:12px}.lesson-controls .primary{flex:1;white-space:nowrap}.mode-pictogram{font-size:65px}.mode-choice h2{font-size:27px}.mode-rules{gap:10px;margin:23px 0}.mode-rules>span{font-size:17px;padding:12px 15px}.mode-options{flex-wrap:wrap}.mode-options .primary{width:100%}.mode-options .secondary{width:100%}.quiz-top{font-size:13px;gap:8px;align-items:center}.quiz-top>span:first-child{max-width:65%}#quizClock{font-size:12px;padding:8px;white-space:nowrap}.quiz-card{padding:22px 17px}.question-gems{gap:9px;margin-bottom:18px}.question-gems i{font-size:14px}.question-gems .done{font-size:19px}.equation{font-size:clamp(31px,9vw,45px);padding:23px 0 25px;letter-spacing:0}.answers{grid-template-columns:repeat(2,1fr);gap:16px}.answer-option{font-size:32px;min-height:76px;padding:13px}.answer-input{gap:8px}.answer-input label{font-size:12px}.answer-input input{width:55px;font-size:19px}.answer-input button{padding:9px;font-size:12px}.feedback{font-size:16px;padding:14px}.feedback strong{font-size:17px}.quiz-footer{gap:10px;flex-wrap:wrap;justify-content:center}.quiz-footer .primary{margin-left:auto;font-size:17px;padding:13px 17px}.quiz-footer .small-muted{font-size:12px!important}.keyboard-note{display:none}.result-card{padding:27px 17px}.result-card h1{font-size:27px}.result-card img{width:120px;height:130px}.result-stats{gap:8px}.result-stats strong{font-size:23px}.result-stats small{font-size:11px}.result-stars{font-size:46px;letter-spacing:4px}.result-actions .primary{width:100%}.result-actions .secondary{flex:1;font-size:14px;padding:11px}.history-header h1{font-size:26px}.history-stats{gap:9px}.history-stats .card{padding:14px 10px}.history-stats .card strong{font-size:23px}.history-stats .card span{font-size:11px}.help-steps{grid-template-columns:repeat(2,1fr)}.help-content h1{font-size:28px}.help-unlock{font-size:16px}dialog{padding:22px 18px}.dialog-heading h2{font-size:24px}.input-row{flex-wrap:wrap}.input-row input{flex-basis:170px}.input-row .primary{font-size:16px;padding:12px 18px}.small-muted{font-size:12px!important}}
@media(max-width:360px){.brand strong{font-size:22px}.brand small{font-size:9px}.brand img{width:35px;height:42px}#profileName{max-width:69px}.profile-button>span:last-child{display:none}.island{width:154px}.island-art,.island img{width:154px;height:115px}.island-symbol{font-size:17px;min-width:82px}.island .number{left:13px;top:24px}.island-title{font-size:14px;min-width:113px;padding:8px}.island-map{height:1090px}.adventure-heading h1{font-size:27px}.treasure{max-width:108px}.treasure>span{font-size:14px;padding:6px}.treasure b{font-size:14px}.step-tabs button{font-size:14px}.answer-input{flex-wrap:wrap}.answer-input label{width:100%}.mode-rules>span{font-size:16px;padding:10px 12px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.celebration{display:none}}

/* Short game cues and cheerful quiz reactions */
.sound-button{display:inline-grid;place-items:center;width:46px;height:46px;min-width:46px;padding:0;border:2px solid #bce4f7;border-radius:16px;background:#e2f5ff;font-size:23px;box-shadow:0 3px 0 #a6d6ef;line-height:1;vertical-align:middle}.sound-button.muted{background:#f3f8fc;box-shadow:0 3px 0 #d6e5ed;border-color:#d7e6ee}.sound-button:enabled:active{transform:translateY(3px);box-shadow:none}.treasure .sound-button{background:#075892;border-color:#77c9ed88;box-shadow:0 3px 0 #044479}.quiz-tools{display:flex;align-items:center;gap:10px;flex-shrink:0}.quiz-tools #quizClock{max-width:none}.mode-sound{display:flex;justify-content:flex-end;margin:-6px -6px -28px}.result-sound{position:absolute;top:17px;right:17px;z-index:9}.quiz-buddy{display:flex;align-items:center;justify-content:center;gap:12px;min-height:65px;margin:-4px 0 16px}.quiz-buddy img{width:56px;height:61px;object-fit:contain}.quiz-buddy>span{position:relative;background:#e6f7ff;border:2px solid #c0e8f9;color:#236f9a;border-radius:18px;padding:10px 16px;font-size:16px;font-weight:800;line-height:1.3}.quiz-buddy>span:before{content:'';position:absolute;left:-7px;top:50%;width:10px;height:10px;background:inherit;border-left:2px solid #c0e8f9;border-bottom:2px solid #c0e8f9;transform:translateY(-50%) rotate(45deg)}.quiz-buddy.cheering>span{background:#fff0c8;border-color:#ffda85;color:#8e5a17}.quiz-buddy.cheering>span:before{border-color:#ffda85}.quiz-buddy.encouraging>span{background:#fff3df;border-color:#ffe1ad;color:#87612b}.quiz-buddy.encouraging>span:before{border-color:#ffe1ad}.quiz-buddy.cheering img{animation:happy-hop .65s ease-in-out 2}.quiz-buddy.encouraging img{animation:gentle-nod .6s ease-in-out}.success-medal{font-size:30px;font-weight:400;animation:star-burst .65s cubic-bezier(.2,1.5,.5,1) both}.quiz-layout .equation{animation:question-arrival .28s ease-out both}.quiz-layout .answer-success .equation{animation:answer-pop .5s ease-out}.question-gems .active{animation:gem-glow 2s ease-in-out infinite}.quiz-footer .primary{animation:question-arrival .3s ease-out both}
@keyframes happy-hop{0%,100%{transform:translateY(0) rotate(0)}30%{transform:translateY(-10px) rotate(-7deg)}65%{transform:translateY(-4px) rotate(7deg)}}@keyframes gentle-nod{0%,100%{transform:rotate(0)}35%{transform:rotate(-5deg)}70%{transform:rotate(4deg)}}@keyframes star-burst{from{opacity:0;transform:scale(.3) rotate(-30deg)}to{opacity:1;transform:scale(1) rotate(0)}}@keyframes question-arrival{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes gem-glow{0%,100%{opacity:1}50%{opacity:.55}}
@media(max-width:760px){.quiz-tools{gap:7px}.quiz-tools .sound-button{height:40px;width:40px;min-width:40px;border-radius:13px;font-size:21px}.quiz-top>span:first-child{max-width:none;flex:1}.quiz-tools #quizClock{font-size:12px;padding:8px}.quiz-buddy{gap:9px;margin:-6px 0 12px;min-height:58px}.quiz-buddy img{width:48px;height:53px}.quiz-buddy>span{font-size:15px;padding:9px 12px}.success-medal{font-size:25px}.quiz-layout .equation{padding-top:15px;padding-bottom:20px}.quiz-layout .question-gems{margin-bottom:14px}.treasure .sound-button{width:38px;height:38px;min-width:38px;border-radius:13px;font-size:19px}.mode-sound{margin:-6px -3px -24px}.result-sound{top:13px;right:13px}.result-sound .sound-button{width:40px;height:40px;min-width:40px;font-size:21px}}@media(max-width:360px){.quiz-top{font-size:12px}.quiz-tools #quizClock{font-size:11px;padding:7px}.quiz-tools .sound-button{height:38px;width:38px;min-width:38px;font-size:19px}.quiz-buddy>span{font-size:14px}.quiz-buddy{gap:7px}.success-medal{font-size:22px}}
@media(prefers-reduced-motion:reduce){.quiz-buddy img,.success-medal,.quiz-layout .equation,.question-gems .active,.quiz-footer .primary{animation:none!important}}