@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000}}}@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.contents{display:contents}.hidden{display:none}.table{display:table}.border{border-style:var(--tw-border-style);border-width:1px}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}}:root{--ink:#202641;--muted:#747b93;--line:#e7e9f2;--canvas:#f4f6fb;--surface:#fff;--primary:#6557e8;--primary-dark:#4f43c5;--primary-soft:#efedff;--mint:#2eb997;--mint-soft:#e5f8f2;--orange:#f28b54;--orange-soft:#fff0e6;--yellow:#f3c94f;--danger:#db5d63;--shadow:0 18px 55px #23284f17}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;color:var(--ink);background:var(--canvas);-webkit-font-smoothing:antialiased;margin:0;font-family:Tahoma,Segoe UI,Arial,sans-serif}button,input,select,textarea{font:inherit}button{color:inherit}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,input:focus-visible,select:focus-visible{outline-offset:2px;outline:3px solid #6557e847}svg{display:block}.product-shell{min-height:100vh}.desktop-sidebar{z-index:30;border-left:1px solid var(--line);background:#fff;flex-direction:column;width:258px;height:100vh;padding:24px 18px 16px;display:flex;position:fixed;inset:0 0 0 auto}.brand{align-items:center;gap:11px;display:flex}.brand>svg{filter:drop-shadow(0 8px 12px #6557e833);width:52px;height:52px}.brand-logo{object-fit:contain;filter:hue-rotate(22deg)saturate(1.18)brightness(1.03);background:#fff;border:1px solid #d7deeee6;border-radius:16px;width:52px;height:52px;padding:5px;display:block;box-shadow:0 10px 22px #14459c24}.brand strong,.brand small{display:block}.brand strong{font-size:21px}.brand small{color:var(--muted);margin-top:4px;font-size:10px}.desktop-nav{gap:7px;margin-top:34px;display:grid}.desktop-nav button{color:#71778d;cursor:pointer;background:0 0;border:0;border-radius:15px;align-items:center;gap:12px;width:100%;min-height:48px;padding:0 14px;font-size:12px;font-weight:800;transition:all .2s;display:flex;position:relative}.desktop-nav button svg{width:21px;height:21px}.desktop-nav button:hover{color:var(--primary);background:#f8f7ff;transform:translate(-2px)}.desktop-nav button.active{color:var(--primary);background:var(--primary-soft)}.desktop-nav button.active:before{content:"";background:var(--primary);border-radius:5px 0 0 5px;width:4px;height:28px;position:absolute;right:-18px}.desktop-nav b{color:#fff;background:var(--orange);text-align:center;border-radius:30px;min-width:23px;margin-right:auto;padding:4px 6px;font-size:8px}.streak-card{text-align:center;background:linear-gradient(145deg,#eeebff,#faf9ff);border:1px solid #e2defe;border-radius:20px;margin-top:auto;padding:37px 15px 14px;position:relative}.streak-card>svg{width:64px;height:64px;position:absolute;top:-29px;right:calc(50% - 32px)}.streak-card strong,.streak-card span{display:block}.streak-card strong{font-size:12px}.streak-card span{color:var(--muted);margin:5px 0 11px;font-size:8px}.bar{background:#e8e8f1;border-radius:20px;height:7px;overflow:hidden}.bar i{background:linear-gradient(90deg,var(--primary),#9d91f3);border-radius:inherit;height:100%;transition:width .5s;display:block}.profile-button{text-align:right;cursor:pointer;background:0 0;border:0;border-radius:14px;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;width:100%;margin-top:13px;padding:8px;display:grid}.profile-button:hover{background:var(--canvas)}.profile-button>svg{width:17px;color:var(--muted);transform:rotate(180deg)}.profile-button strong,.profile-button small{display:block}.profile-button strong{font-size:11px}.profile-button small{color:var(--muted);margin-top:3px;font-size:8px}.avatar{color:#fff;background:linear-gradient(145deg,#ffac63,#ee7260);border-radius:14px;place-items:center;width:43px;height:43px;display:grid;overflow:hidden}.avatar>svg{width:31px;height:31px}.avatar>svg:not(.dolphin){width:22px}.avatar-student{background:#ece9ff}.avatar-teacher{background:var(--mint-soft);color:#168b72}.product-main{min-height:100vh;margin-right:258px}.top-header{z-index:20;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#f4f6fbe0;justify-content:space-between;align-items:center;height:80px;padding:0 38px;display:flex;position:sticky;top:0}.welcome{align-items:center;gap:10px;display:flex}.welcome strong,.welcome small{display:block}.welcome strong{font-size:13px}.welcome small{color:var(--muted);margin-top:4px;font-size:8px}.sun-mark{color:#c18b00;background:#fff4cf;border-radius:13px;place-items:center;width:39px;height:39px;display:grid}.sun-mark svg{width:20px}.header-actions{align-items:center;gap:9px;display:flex}.pearl-count,.icon-button{border:1px solid var(--line);background:#fff;border-radius:13px;height:41px}.pearl-count{align-items:center;gap:7px;padding:0 13px;font-size:11px;font-weight:900;display:flex}.pearl-count svg{width:18px;color:var(--primary)}.icon-button{cursor:pointer;place-items:center;width:41px;padding:0;display:grid;position:relative}.icon-button svg{width:19px}.icon-button i{background:var(--orange);border:2px solid #fff;border-radius:50%;width:6px;height:6px;position:absolute;top:8px;left:8px}.mobile-brand,.mobile-nav{display:none}.page-container{max-width:1420px;margin:auto;padding:10px 38px 70px}.section-label{color:var(--primary);letter-spacing:.1px;align-items:center;font-size:9px;font-weight:900;display:inline-flex}.section-label.light{color:#fffc}.diary-card{background:linear-gradient(125deg,#fffdf6,#fff 48%,#efedff);border:1px solid #ebe7d9;border-radius:30px;grid-template-columns:1.2fr .8fr;min-height:285px;display:grid;position:relative;overflow:hidden;box-shadow:0 14px 45px #2d2b4e12}.diary-binding{z-index:3;filter:drop-shadow(0 0 2px #fff);background:repeating-linear-gradient(0deg,#0000 0 15px,#c5bb9a 16px 18px,#0000 19px 31px);width:20px;position:absolute;top:0;bottom:0;right:50%}.diary-copy{z-index:2;padding:43px 48px;position:relative}.diary-copy:before{content:"";opacity:.45;pointer-events:none;background:repeating-linear-gradient(#0000 0 31px,#eae5d6 32px);position:absolute;inset:20px}.diary-copy>*{position:relative}.diary-copy h1{letter-spacing:-1px;margin:12px 0 10px;font-size:clamp(25px,3vw,38px)}.diary-copy p{color:#676c7d;max-width:580px;margin:0;font-size:11px;line-height:2.1}.diary-controls{align-items:center;gap:12px;margin-top:24px;display:flex}.diary-controls button{color:var(--primary);cursor:pointer;background:#fff;border:1px solid #dedaff;border-radius:10px;align-items:center;gap:6px;padding:8px 11px;font-size:8px;font-weight:900;display:flex}.diary-controls button:last-child svg{transform:rotate(180deg)}.diary-controls button:disabled{opacity:.35}.diary-controls svg{width:14px}.diary-controls span{color:var(--muted);font-size:8px}.diary-art{clip-path:ellipse(80% 100% at 75%);background:radial-gradient(circle at 50% 45%,#fff 0 18%,#0000 19%),linear-gradient(145deg,#8f83f3,#594ccf);place-items:center;display:grid;position:relative}.diary-art>svg{filter:drop-shadow(0 18px 12px #1d185b38);width:160px;height:160px}.floating-star{color:#ffe376;position:absolute}.floating-star svg{fill:currentColor;width:23px}.floating-star.one{top:20%;right:18%}.floating-star.two{bottom:20%;left:25%;transform:scale(.6)}.today-grid{grid-template-columns:1.35fr .65fr;gap:16px;margin-top:20px;display:grid}.mission-hero{color:#fff;background:linear-gradient(130deg,#5548c8,#7a6bed);border-radius:26px;grid-template-columns:1fr .65fr;min-height:235px;padding:32px 38px;display:grid;position:relative;overflow:hidden;box-shadow:0 16px 35px #5347be2e}.mission-hero h2{margin:10px 0 8px;font-size:28px}.mission-hero p{color:#ffffffc2;max-width:470px;margin:0 0 18px;font-size:10px;line-height:1.9}.white-button{color:var(--primary-dark);cursor:pointer;background:#fff;border:0;border-radius:12px;align-items:center;gap:9px;padding:11px 16px;font-size:10px;font-weight:900;display:inline-flex}.white-button svg{width:16px}.mission-visual{place-items:center;display:grid;position:relative}.mission-visual:before,.mission-visual:after{content:"";background:#ffffff17;border-radius:50%;position:absolute}.mission-visual:before{width:220px;height:220px}.mission-visual:after{width:125px;height:125px;bottom:-70px;left:-20px}.mission-visual>svg{z-index:2;width:105px;position:relative}.island-number{z-index:3;color:#6a5200;background:#ffd75b;border:7px solid #ffffff59;border-radius:50%;place-items:center;width:62px;height:62px;font-size:22px;font-weight:900;display:grid;position:absolute;bottom:23px;left:8%}.daily-summary{border:1px solid var(--line);background:#fff;border-radius:26px;align-items:center;gap:20px;padding:25px;display:flex}.daily-summary h3{margin:7px 0;font-size:16px}.daily-summary p{color:var(--muted);margin:0;font-size:9px;line-height:1.8}.ring{background:conic-gradient(var(--mint) var(--progress),#eceef3 0);border-radius:50%;flex:none;place-items:center;width:112px;height:112px;display:grid;position:relative}.ring:after{content:"";background:#fff;border-radius:50%;position:absolute;inset:9px}.ring strong,.ring span{z-index:1;position:relative}.ring strong{font-size:21px}.ring span{color:var(--muted);font-size:7px}.section-head{justify-content:space-between;align-items:center;gap:15px;margin:31px 0 15px;display:flex}.section-head h2{letter-spacing:-.5px;margin:5px 0 0;font-size:20px}.section-head>button{color:var(--primary);cursor:pointer;background:0 0;border:0;align-items:center;gap:5px;padding:5px;font-size:9px;font-weight:900;display:flex}.section-head>button svg{width:15px}.subject-grid{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.subject-card{--subject:var(--primary);text-align:right;border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:22px;min-height:205px;padding:20px;transition:all .22s;position:relative}.subject-card:hover{box-shadow:var(--shadow);transform:translateY(-5px)}.subject-icon{width:51px;height:51px;color:var(--subject);background:var(--subject);place-items:center;display:grid}@supports (color:color-mix(in lab, red, red)){.subject-icon{background:color-mix(in srgb,var(--subject) 12%,white)}}.subject-icon{border-radius:16px}.subject-icon svg{width:27px}.subject-card h3{margin:16px 0 6px;font-size:14px}.subject-card p{min-height:34px;color:var(--muted);margin:0;font-size:9px;line-height:1.8}.subject-card .bar{margin-top:16px}.subject-card .bar i{background:var(--subject)}.subject-card small{color:var(--muted);margin-top:7px;font-size:7px;display:block}.coming-soon{--subject:#4b93d1;background:linear-gradient(145deg,#f0f8ff,#fff)}.coming-soon small{color:#fff;background:#4b93d1;border-radius:20px;padding:4px 8px;display:inline-block}.two-columns{grid-template-columns:1fr 1fr;gap:16px;margin-top:4px;display:grid}.surface-panel{border:1px solid var(--line);background:#fff;border-radius:24px;padding:22px;box-shadow:0 8px 24px #23264909}.surface-panel>.section-head{margin-top:0}.mini-book{grid-template-columns:auto 1fr auto;align-items:center;gap:15px;display:grid}.mini-cover{color:#fff;background:linear-gradient(145deg,#f08c58,#f5bd63);border-radius:10px 18px 18px 10px;place-items:center;width:78px;height:96px;display:grid;box-shadow:-5px 7px 15px #49392226}.mini-cover svg{width:34px}.mini-book h3{margin:5px 0;font-size:12px}.mini-book p,.mini-book small{color:var(--muted);margin:0;font-size:8px}.mini-book .bar{margin-top:10px}.mini-book>button{color:#fff;background:var(--primary);cursor:pointer;border:0;border-radius:50%;place-items:center;width:42px;height:42px;display:grid}.mini-book>button svg{width:18px}.skill-list{gap:15px;display:grid}.skill-list header{justify-content:space-between;margin-bottom:7px;font-size:9px;display:flex}.skill-list strong{color:var(--primary)}.skill-list small{color:var(--muted);margin-top:6px;font-size:7px;display:block}.page-title{justify-content:space-between;align-items:center;gap:25px;padding:11px 0 24px;display:flex}.page-title h1{letter-spacing:-1px;margin:8px 0 6px;font-size:32px}.page-title p{color:var(--muted);margin:0;font-size:10px;line-height:1.8}.primary-button,.ghost-button{cursor:pointer;border-radius:12px;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:0 17px;font-size:10px;font-weight:900;display:inline-flex}.primary-button{color:#fff;background:linear-gradient(135deg,var(--primary),#7769ec);border:0;box-shadow:0 8px 20px #6557e833}.primary-button:disabled{opacity:.45;cursor:not-allowed}.primary-button svg,.ghost-button svg{width:17px}.ghost-button{color:var(--primary);background:#faf9ff;border:1px solid #dcd8ff}.diagnostic-banner{background:linear-gradient(120deg,#e8faf5,#f8fffd);border:1px solid #cdeee4;border-radius:19px;align-items:center;gap:15px;margin-bottom:17px;padding:17px 20px;display:flex}.diagnostic-icon{color:#168a71;background:#fff;border-radius:15px;flex:none;place-items:center;width:48px;height:48px;display:grid}.diagnostic-icon svg{width:25px}.diagnostic-banner strong{font-size:12px}.diagnostic-banner p{color:var(--muted);margin:4px 0 0;font-size:8px}.diagnostic-banner button{color:#fff;background:var(--mint);cursor:pointer;border:0;border-radius:10px;margin-right:auto;padding:9px 14px;font-size:9px;font-weight:900}.diagnostic-dialog{background:#fff;border-radius:24px;width:min(820px,100%);max-height:92vh;padding:26px;animation:.24s modal-in;overflow:auto;box-shadow:0 30px 80px #0f122b4d}.diagnostic-dialog>header{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.diagnostic-dialog h2{margin:6px 0 0;font-size:22px}.diagnostic-close{width:38px;height:38px;color:var(--muted);border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:11px;place-items:center;padding:0;font-size:24px;display:grid}.diagnostic-intro{max-width:610px;color:var(--muted);text-align:center;margin:20px auto;font-size:10px;line-height:2}.diagnostic-subjects{grid-template-columns:1fr 1fr;gap:14px;margin:24px 0 6px;display:grid}.diagnostic-subjects>button{border:2px solid var(--line);cursor:pointer;background:#fff;border-radius:20px;justify-items:center;gap:8px;min-height:190px;padding:25px;transition:all .2s;display:grid}.diagnostic-subjects>button:hover{background:#f9f8ff;border-color:#bdb6ff;transform:translateY(-3px)}.diagnostic-subjects>button:nth-child(2):hover{background:#fff9f5;border-color:#ffc6a8}.diagnostic-subjects span{width:66px;height:66px;color:var(--primary);background:var(--primary-soft);border-radius:18px;place-items:center;display:grid}.diagnostic-subjects>button:nth-child(2) span{color:var(--orange);background:var(--orange-soft)}.diagnostic-subjects svg{width:34px}.diagnostic-subjects strong{font-size:16px}.diagnostic-subjects small{color:var(--muted);font-size:9px}.diagnostic-progress{margin:22px 0 12px}.diagnostic-progress>div:first-child{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.diagnostic-progress strong{color:var(--primary);font-size:10px}.diagnostic-progress span{color:var(--muted);font-size:8px}.diagnostic-progress .bar{height:8px}.diagnostic-tags{flex-wrap:wrap;gap:6px;margin-bottom:12px;display:flex}.diagnostic-tags span{color:#596079;background:var(--canvas);border-radius:20px;padding:5px 8px;font-size:7px;font-weight:800}.diagnostic-story{background:linear-gradient(145deg,#f0eeff,#fcfbff);border:1px solid #e2defe;border-radius:18px;align-items:flex-start;gap:13px;padding:18px;display:flex}.diagnostic-story>span{width:47px;height:47px;color:var(--primary);background:#fff;border-radius:14px;flex:none;place-items:center;display:grid}.diagnostic-story svg{width:25px}.diagnostic-story p{color:var(--muted);margin:0 0 7px;font-size:9px;line-height:1.8}.diagnostic-story h3{margin:0;font-size:14px;line-height:1.9}.diagnostic-options{grid-template-columns:1fr 1fr;gap:9px;margin-top:14px;display:grid}.diagnostic-options button{text-align:right;border:2px solid var(--line);cursor:pointer;background:#fff;border-radius:14px;grid-template-columns:auto 1fr;align-items:center;gap:10px;min-height:53px;padding:8px 10px;display:grid}.diagnostic-options button:hover,.diagnostic-options button.selected{color:var(--primary);background:#f8f7ff;border-color:#b9b2fa}.diagnostic-options button:disabled{cursor:default}.diagnostic-options b{width:31px;height:31px;color:var(--primary);background:var(--primary-soft);border-radius:9px;place-items:center;font-size:9px;display:grid}.diagnostic-options span{font-size:10px;font-weight:900;line-height:1.6}.diagnostic-feedback{border-radius:13px;margin-top:12px;padding:12px 14px}.diagnostic-feedback.correct{color:#14745f;background:var(--mint-soft)}.diagnostic-feedback.try{color:#9a5927;background:var(--orange-soft)}.diagnostic-feedback p{margin:5px 0 0;font-size:8px;line-height:1.8}.diagnostic-footer{justify-content:space-between;align-items:flex-end;gap:14px;margin-top:15px;display:flex}.confidence-control{flex-wrap:wrap;align-items:center;gap:5px;display:flex}.confidence-control>span{color:var(--muted);margin-left:4px;font-size:8px}.confidence-control button{color:var(--muted);border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:9px;padding:6px 8px;font-size:7px}.confidence-control button.active{color:var(--primary);background:var(--primary-soft);border-color:#c6c0f8}.diagnostic-result{text-align:center;padding:25px 10px 5px}.result-mark{color:#168a71;background:var(--mint-soft);border-radius:22px;place-items:center;width:76px;height:76px;margin:auto;display:grid}.result-mark svg{width:38px}.diagnostic-result h3{margin:17px 0 7px;font-size:22px}.diagnostic-result>p{max-width:580px;color:var(--muted);margin:0 auto;font-size:9px;line-height:2}.diagnostic-result>div{grid-template-columns:1fr 1fr;gap:10px;max-width:420px;margin:20px auto;display:grid}.diagnostic-result article{background:var(--canvas);border-radius:16px;padding:17px}.diagnostic-result article strong,.diagnostic-result article span{display:block}.diagnostic-result article strong{color:var(--primary);font-size:23px}.diagnostic-result article span{color:var(--muted);margin-top:5px;font-size:8px}.diagnostic-result footer{justify-content:center;gap:8px;display:flex}.featured-review{margin-bottom:27px}.review-box{max-width:800px;margin:auto}.review-box.compact{border:1px solid var(--line);background:#fff;border-radius:23px;margin-top:20px;padding:23px}.review-story{background:linear-gradient(145deg,var(--primary-soft),#fbfaff);border-radius:17px;gap:14px;padding:17px;display:flex}.review-story>span{color:#d69e00;background:#fff4c9;border-radius:14px;flex:none;place-items:center;width:45px;height:45px;display:grid}.review-story svg{fill:currentColor;width:23px}.review-story small{color:var(--primary);font-size:8px;font-weight:900}.review-story p{color:var(--muted);margin:4px 0;font-size:9px}.review-story strong{font-size:12px}.answer-grid{grid-template-columns:repeat(2,1fr);gap:9px;margin-top:13px;display:grid}.answer-grid button{border:2px solid var(--line);cursor:pointer;background:#fff;border-radius:13px;min-height:45px;font-size:11px;font-weight:900}.answer-grid button:hover,.answer-grid button.selected{color:var(--primary);background:#f8f7ff;border-color:#bdb6ff}.answer-feedback{border-radius:11px;padding:11px;font-size:9px}.answer-feedback.correct{color:#14745f;background:var(--mint-soft)}.answer-feedback.try{color:#a2572d;background:var(--orange-soft)}.review-actions{justify-content:flex-end;gap:8px;margin-top:13px;display:flex}.filter-row{gap:7px;margin-bottom:18px;display:flex;overflow:auto}.filter-row button{white-space:nowrap;color:var(--muted);border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:30px;padding:8px 14px;font-size:9px}.filter-row button.active{color:#fff;border-color:var(--primary);background:var(--primary)}.content-grid{grid-template-columns:repeat(3,1fr);gap:15px;display:grid}.content-card{border:1px solid var(--line);background:#fff;border-radius:21px;padding:18px;position:relative}.content-source{border-radius:20px;padding:5px 8px;font-size:7px;font-weight:900;display:inline-block}.source-dolfino{color:var(--primary);background:var(--primary-soft)}.source-teacher{color:#14856d;background:var(--mint-soft)}.source-student_teacher{color:#b2672e;background:var(--orange-soft)}.content-illustration{height:105px;color:var(--primary);background:linear-gradient(145deg,#f0eeff,#faf9ff);border-radius:16px;place-items:center;margin:13px 0;display:grid}.content-illustration svg{width:47px}.content-card h3{margin:0 0 6px;font-size:13px}.content-card p{min-height:35px;color:var(--muted);margin:0;font-size:9px;line-height:1.8}.content-card footer{justify-content:space-between;align-items:center;margin-top:14px;display:flex}.content-card footer span{color:var(--muted);align-items:center;gap:5px;font-size:8px;display:flex}.content-card footer span svg{width:14px}.content-card footer button{color:#fff;background:var(--primary);cursor:pointer;border:0;border-radius:50%;place-items:center;width:36px;height:36px;display:grid}.content-card footer button svg{width:15px}.library-tools{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:20px;display:flex}.library-tools label{width:min(430px,100%);color:var(--muted);gap:6px;font-size:8px;display:grid}.library-tools input,.auth-box input,.auth-box select,.form-grid input,.form-grid select{height:45px;color:var(--ink);border:1px solid var(--line);background:#fff;border-radius:12px;outline:none;padding:0 13px}.library-tools input:focus,.auth-box input:focus,.auth-box select:focus{border-color:#b8b0ff}.safe-chip{color:#14745f;background:var(--mint-soft);border-radius:12px;align-items:center;gap:7px;padding:9px 12px;font-size:8px;font-weight:800;display:flex}.safe-chip svg{width:16px}.book-grid{grid-template-columns:repeat(3,1fr);gap:17px;padding-bottom:105px;display:grid}.book-card{border:1px solid var(--line);background:#fff;border-radius:21px;grid-template-columns:105px 1fr;gap:15px;padding:14px;transition:all .2s;display:grid}.book-card:hover{box-shadow:var(--shadow);transform:translateY(-4px)}.book-cover{color:#fff;background:linear-gradient(145deg,#6c5de2,#988bf4);border-radius:11px 20px 20px 11px;place-items:center;min-height:157px;display:grid;position:relative;box-shadow:-6px 8px 16px #28225a29}.book-cover:after{content:"";background:#ffffff4d;width:2px;position:absolute;inset:0 auto 0 7px}.book-cover svg{width:45px}.book-cover span{text-align:center;font-size:7px;position:absolute;bottom:8px;left:8px;right:8px}.cover-1{background:linear-gradient(145deg,#e88554,#f3bd63)}.cover-2{background:linear-gradient(145deg,#25a98b,#60d0b6)}.cover-3{background:linear-gradient(145deg,#438fcf,#75c2ef)}.book-info{padding:8px 0}.book-info small,.book-info p{color:var(--muted);font-size:8px}.book-info h3{margin:8px 0 4px;font-size:12px}.book-info p{margin:0 0 12px}.book-progress{background:#ececf2;border-radius:10px;height:5px;overflow:hidden}.book-progress i{background:var(--mint);height:100%;display:block}.book-info button{color:var(--primary);background:var(--primary-soft);cursor:pointer;border:0;border-radius:9px;align-items:center;gap:6px;margin-top:13px;padding:7px 10px;font-size:8px;font-weight:900;display:flex}.book-info button svg{width:14px}.book-meta{justify-content:space-between;align-items:center;gap:6px;display:flex}.book-meta b{color:#9a5b24;background:var(--orange-soft);white-space:nowrap;border-radius:20px;padding:4px 6px;font-size:6px}.owner-note{color:#5547c7;background:var(--primary-soft);border-radius:12px;align-items:center;gap:8px;margin:-5px 0 14px;padding:10px 12px;font-size:8px;display:flex}.owner-note svg{width:17px}.my-upload-grid{padding-bottom:5px}.book-info .book-narrator{color:#5547c7;margin:-7px 0 10px;font-weight:800}.book-actions{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.book-info .book-actions button{margin-top:10px}.book-info .book-actions .edit-book{color:#176f60;background:#e5f7f2}.book-info .book-actions .delete-book{color:#a63e45;background:#fff0f1}.reapproval-note{color:#7c5a19;background:#fff7df;border-radius:11px;align-items:flex-start;gap:8px;margin:18px 0;padding:11px;font-size:8px;line-height:1.8;display:flex}.reapproval-note svg{flex:none;width:17px}.edit-audio-dialog .form-grid label b{color:#d53d49}.edit-chapters{gap:9px;margin-top:18px;display:grid}.edit-chapters h3{margin:0 0 3px;font-size:13px}.edit-chapters label{color:var(--muted);grid-template-columns:65px 1fr;align-items:center;gap:8px;font-size:8px;display:grid}.edit-chapters input{width:100%}.audio-player{z-index:50;color:#fff;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#1f2540f5;border:1px solid #ffffff1a;border-radius:19px;grid-template-columns:minmax(180px,1fr) auto auto auto minmax(180px,1.4fr) auto;align-items:center;gap:11px;padding:11px 14px;display:grid;position:fixed;bottom:18px;left:20px;right:278px;box-shadow:0 20px 50px #0f12274d}.player-book{align-items:center;gap:10px;min-width:0;display:flex}.player-book>span{color:#fff;background:linear-gradient(145deg,#f28b54,#f0bd5e);border-radius:8px;flex:none;place-items:center;width:42px;height:45px;display:grid}.player-book svg{width:21px}.player-book strong,.player-book small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.player-book strong{font-size:10px}.player-book small{color:#fff9;margin-top:4px;font-size:7px}.player-main,.skip{color:#fff;cursor:pointer;background:0 0;border:0;place-items:center;display:grid}.player-main{width:43px;height:43px;color:var(--primary);background:#fff;border-radius:50%}.player-main svg,.skip svg{width:18px}.skip.next svg{transform:rotate(180deg)}.player-timeline{grid-template-columns:1fr auto;align-items:center;gap:8px;display:grid}.player-timeline input{accent-color:#8f82f1;width:100%}.player-timeline span{color:#ffffffa6;font-size:7px}.audio-player select{color:#fff;background:#333a5c;border:1px solid #fff3;border-radius:8px;padding:6px;font-size:8px}.growth-hero{background:linear-gradient(145deg,#eef9ef,#fff7db);border:1px solid #dcebd7;border-radius:27px;grid-template-columns:1.2fr .8fr;align-items:center;min-height:260px;display:grid;overflow:hidden}.growth-hero>div:last-child{padding:30px}.growth-hero>div:last-child>strong{margin:9px 0;font-size:42px;display:block}.growth-hero p{color:var(--muted);font-size:9px}.garden-scene{height:260px;position:relative;overflow:hidden}.garden-scene:after{content:"";background:#8dc97d;border-radius:50%;width:120%;height:150px;position:absolute;bottom:-65px;right:-10%}.garden-scene>svg{z-index:3;width:90px;position:absolute;bottom:25px;right:65%}.tree{z-index:2;background:#875d3c;border-radius:20px;width:35px;height:105px;position:absolute;bottom:25px;right:28%}.tree i,.tree b,.tree em{background:#46a86d;border-radius:50%;position:absolute}.tree i{width:120px;height:90px;top:-55px;right:-42px}.tree b{width:80px;height:75px;top:-20px;right:-66px}.tree em{width:75px;height:70px;top:-15px;right:20px}.skill-detail-grid{grid-template-columns:repeat(3,1fr);gap:14px;margin-top:18px;display:grid}.skill-detail-grid article{border:1px solid var(--line);background:#fff;border-radius:18px;padding:18px}.skill-detail-grid header{color:var(--muted);justify-content:space-between;font-size:8px;display:flex}.skill-detail-grid header strong{color:var(--primary)}.skill-detail-grid h3{margin:10px 0;font-size:12px}.skill-detail-grid p{color:var(--muted);margin:8px 0 0;font-size:7px}.knowledge-map{margin-top:18px}.path-subject{border:1px solid var(--line);background:#fff;border-radius:20px;margin-top:12px;padding:16px;box-shadow:0 12px 30px #1f25400a}.path-subject>header{grid-template-columns:minmax(180px,.35fr) 1fr;align-items:center;gap:14px;display:grid}.path-subject>header span{color:var(--muted);font-size:8px;font-weight:800}.path-subject>header h3{margin:4px 0 0;font-size:16px}.path-branches{gap:13px;margin-top:16px;display:grid}.path-branch{grid-template-columns:150px 1fr;align-items:start;gap:12px;display:grid}.path-branch>strong{color:#4e5670;background:var(--canvas);border-radius:12px;padding:9px 10px;font-size:8px;line-height:1.8;position:sticky;top:10px}.path-nodes{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid;position:relative}.path-nodes:before{content:"";background:linear-gradient(90deg,#dcdff0,#bdb6ff,#dff4ec);height:2px;position:absolute;top:50%;left:8px;right:8px;transform:translateY(-50%)}.path-node{z-index:1;background:linear-gradient(#fff,#fbfbff);border:1px solid #dde1ef;border-radius:15px;min-height:118px;padding:12px;position:relative;box-shadow:0 9px 22px #252b480d}.path-node:before{content:"";background:#fff;border:3px solid #bdb6ff;border-radius:50%;width:14px;height:14px;position:absolute;top:-7px;right:12px}.path-node span{color:#6557d8;background:#f0eeff;border-radius:20px;padding:4px 7px;font-size:6px;font-weight:900;display:inline-block}.path-node h4{-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:32px;margin:9px 0 8px;font-size:9px;line-height:1.8;display:-webkit-box;overflow:hidden}.path-node small{color:var(--muted);margin-top:7px;font-size:6px;display:block}.path-node.mastered:before{border-color:var(--mint)}.path-node.mastered span{color:#168a71;background:var(--mint-soft)}.path-node.consolidating:before{border-color:#ffd151}.path-node.consolidating span{color:#946117;background:#fff4c9}.path-node.prerequisite-check,.path-node.weak{background:linear-gradient(#fff,#fff8f2);border-color:#ffd4bd}.path-node.prerequisite-check span,.path-node.weak span{color:#a2572d;background:var(--orange-soft)}.path-node.locked{opacity:.78;background:#f4f5fa}.path-node.locked:before{background:#dfe2ec;border-color:#b4bacd}.path-node.locked span{color:#6e758c;background:#e8ebf3}.metric-grid{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px;display:grid}.metric-card{border:1px solid var(--line);background:#fff;border-radius:18px;align-items:center;gap:11px;padding:17px;display:flex}.metric-card>span{width:42px;height:42px;color:var(--primary);background:var(--primary-soft);border-radius:13px;place-items:center;display:grid}.metric-card svg{width:21px}.metric-card small,.metric-card strong{display:block}.metric-card small{color:var(--muted);font-size:7px}.metric-card strong{margin:4px 0;font-size:14px}.metric-card p{color:var(--muted);margin:0;font-size:7px}.parent-layout{grid-template-columns:1.2fr .8fr;gap:16px;display:grid}.insights{align-content:start;gap:10px;display:grid}.insights>.section-head{margin-bottom:4px}.insights article{background:var(--primary-soft);border-radius:14px;gap:10px;padding:12px;display:flex}.insights article.good{background:var(--mint-soft)}.insights article.attention{background:var(--orange-soft)}.insights article>svg{flex:none;width:21px}.insights strong{font-size:9px}.insights p{color:var(--muted);margin:4px 0 0;font-size:7px;line-height:1.7}.approval-section{border:1px solid var(--line);background:#fff;border-radius:24px;margin-bottom:20px;padding:20px}.approval-section>.section-head{margin-top:0}.approval-grid{gap:12px;display:grid}.approval-card{border:1px solid var(--line);background:#f8f9fc;border-radius:18px;grid-template-columns:120px 1fr;gap:16px;padding:13px;display:grid}.approval-cover{color:#fff;background-color:#7567e8;background-position:50%;background-size:cover;border-radius:10px 18px 18px 10px;place-items:center;min-height:145px;display:grid}.approval-cover svg{width:39px}.approval-info h3,.review-queue h3{margin:8px 0 5px;font-size:13px}.approval-info>p,.review-queue p{color:var(--muted);margin:0;font-size:8px}.pending-pill{color:#9b5c24;background:var(--orange-soft);border-radius:20px;padding:5px 8px;font-size:7px;font-weight:900;display:inline-block}.approval-audios{gap:5px;margin-top:10px;display:grid}.approval-audios audio,.review-queue audio{width:100%;height:34px}.approval-actions{justify-content:flex-end;gap:8px;margin-top:11px;display:flex}.all-clear{color:#14745f;background:var(--mint-soft);border:1px solid #c8ecdf;border-radius:16px;align-items:center;gap:12px;margin-bottom:16px;padding:14px;display:flex}.all-clear>svg{width:27px}.all-clear strong{font-size:10px}.all-clear p{margin:4px 0 0;font-size:8px}.lab-metrics{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.lab-section{margin-top:16px}.method-list{gap:9px;margin:0;padding:0;list-style:none;display:grid}.method-list li{background:var(--canvas);border-radius:12px;align-items:center;gap:10px;padding:10px;font-size:9px;display:flex}.method-list i{color:#fff;background:var(--primary);border-radius:9px;flex:none;place-items:center;width:26px;height:26px;font-style:normal;font-weight:900;display:grid}.review-queue{gap:12px;display:grid}.review-queue>article{background:var(--canvas);border-radius:16px;grid-template-columns:110px 1fr;gap:14px;padding:12px;display:grid}.review-queue footer{justify-content:flex-end;gap:7px;margin-top:10px;display:flex}.review-queue footer button{color:var(--danger);cursor:pointer;background:#fff;border:1px solid #f0c8ca;border-radius:9px;padding:7px 10px;font-size:7px;font-weight:900}.review-queue footer .publish{color:#fff;border-color:var(--mint);background:var(--mint)}.account-table{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.account-table article{background:var(--canvas);border-radius:14px;padding:13px}.account-table header{justify-content:space-between;gap:10px;display:flex}.account-table strong,.account-table code{display:block}.account-table strong{font-size:9px}.account-table code{color:var(--muted);text-align:right;direction:ltr;margin-top:4px;font-size:7px}.account-table header>span{height:max-content;color:var(--primary);background:var(--primary-soft);border-radius:20px;padding:4px 6px;font-size:6px}.role-chips{flex-wrap:wrap;gap:4px;margin-top:9px;display:flex}.role-chips i{color:#4e5670;border:1px solid var(--line);background:#fff;border-radius:20px;padding:4px 6px;font-size:6px;font-style:normal}.account-table p{color:var(--muted);margin:8px 0 0;font-size:7px}.question-bank-workbench{grid-template-columns:minmax(240px,.8fr) minmax(420px,1.2fr);gap:14px;margin-top:18px;display:grid}.question-bank-list{background:var(--canvas);border-radius:18px;align-content:start;gap:8px;max-height:680px;padding:10px;display:grid;overflow:auto}.question-bank-list h3{margin:2px 4px 8px;font-size:12px}.question-bank-list button{text-align:right;border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:14px;gap:5px;width:100%;padding:11px;display:grid}.question-bank-list button.active{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft)}.question-bank-list strong{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:9px;line-height:1.8;display:-webkit-box;overflow:hidden}.question-bank-list span,.question-bank-list small{color:var(--muted);font-size:7px}.question-bank-editor{border:1px solid var(--line);background:#fff;border-radius:18px;gap:12px;padding:15px;display:grid}.question-bank-editor header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.question-bank-editor h3{margin:8px 0 5px;font-size:14px}.question-bank-editor p{color:var(--muted);margin:0;font-size:8px}.question-bank-editor label{color:var(--muted);gap:6px;font-size:8px;display:grid}.question-bank-editor textarea{resize:vertical;min-height:95px;color:var(--ink);border:1px solid var(--line);border-radius:12px;padding:12px;font-family:inherit;font-size:12px;line-height:2}.question-bank-editor select,.question-options-editor input[type=text],.question-options-editor label>input:last-child{height:42px;color:var(--ink);border:1px solid var(--line);background:#fff;border-radius:11px;padding:0 11px}.question-bank-controls{grid-template-columns:120px 1fr 170px;gap:10px;display:grid}.question-options-editor{gap:8px;display:grid}.question-options-editor label{border:1px solid var(--line);background:#fbfcff;border-radius:13px;grid-template-columns:auto 36px 1fr;align-items:center;gap:8px;padding:8px;display:grid}.question-options-editor label.correct{background:#f0fbf7;border-color:#90d8c6}.question-options-editor input[type=radio]{accent-color:var(--primary)}.question-options-editor span{color:#fff;background:var(--primary);border-radius:10px;place-items:center;width:34px;height:34px;font-size:8px;font-weight:900;display:grid}.question-flags{flex-wrap:wrap;gap:10px;display:flex}.question-flags label{color:#4e5670;background:var(--canvas);border-radius:12px;grid-template-columns:none;align-items:center;gap:7px;padding:9px 11px;display:flex}.question-flags input{accent-color:var(--primary)}.validation-list{background:#fff9ec;border-radius:13px;gap:6px;padding:12px;display:grid}.validation-list strong{font-size:9px}.validation-list p{background:#fff;border-radius:9px;margin:0;padding:7px 9px;font-size:8px}.validation-list p.error{color:#a63e45;background:#fff0f1}.validation-list p.warning{color:#946117;background:#fff6db}.review-hint{color:var(--muted);margin-top:12px;font-size:9px;line-height:2}.review-hint code{direction:ltr;unicode-bidi:embed}.hierarchy-picker{border:1px solid var(--line);background:#f8f9fc;border-radius:13px;grid-template-columns:1.1fr repeat(4,1fr);align-items:end;gap:8px;padding:10px;display:grid}.hierarchy-picker>span{color:var(--ink);align-self:center;font-size:9px;font-weight:900}.hierarchy-picker select,.staged-grid input,.staged-grid select,.blank-editor input{height:40px;color:var(--ink);border:1px solid var(--line);background:#fff;border-radius:10px;padding:0 10px;font-size:8px}.staged-editor{background:#f7f6ff;border:1px solid #ded9ff;border-radius:17px;gap:12px;padding:14px;display:grid}.staged-editor>header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.staged-editor>header strong{font-size:12px}.staged-editor>header p{margin-top:5px}.staged-editor>header>div:last-child{flex-wrap:wrap;gap:8px;display:flex}.suggestion-box{color:#604b12;background:#fff6d9;border:1px solid #f2d887;border-radius:12px;padding:10px}.suggestion-box strong{font-size:9px}.step-editor{border:1px solid var(--line);background:#fff;border-radius:14px;gap:10px;padding:12px;display:grid}.step-editor>header{justify-content:space-between;align-items:center;display:flex}.step-editor>header button,.blank-editor>button{color:var(--danger);cursor:pointer;background:#fff7f7;border:1px solid #f0c8ca;border-radius:9px;padding:6px 9px;font-size:7px}.staged-grid{grid-template-columns:1fr 160px;gap:9px;display:grid}.blank-list{gap:9px;display:grid}.blank-editor{background:#fbfcff;border:1px dashed #ccd2e4;border-radius:12px;grid-template-columns:80px 1fr 1fr;align-items:end;gap:8px;padding:10px;display:grid}.blank-editor .hierarchy-picker{grid-column:1/-1}.blank-editor>b{align-self:center;font-size:8px}.blank-editor>button{justify-self:start}.studio-boundary{background:linear-gradient(145deg,#f8fbff,#fffaf0)}.studio-boundary-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.studio-boundary-grid article{border:1px solid var(--line);background:#fff;border-radius:16px;padding:15px}.studio-boundary-grid strong{font-size:10px}.studio-boundary-grid p{color:var(--muted);margin:8px 0 0;font-size:8px;line-height:1.9}.studio-role-note{color:#7b5a13;background:#fff7df;border:1px solid #efd898;border-radius:12px;margin-bottom:10px;padding:11px;font-size:8px;line-height:1.9}.studio-filters{border:1px solid var(--line);background:#f8f9fc;border-radius:15px;grid-template-columns:repeat(4,1fr) auto;gap:9px;margin-bottom:14px;padding:12px;display:grid}.studio-filters select{height:42px;color:var(--ink);border:1px solid var(--line);background:#fff;border-radius:11px;padding:0 10px;font-size:8px}.studio-approve-row{border:1px solid var(--line);background:#f8f9fc;border-radius:14px;justify-content:flex-end;gap:8px;margin-top:10px;padding:12px;display:flex}.modal-backdrop{z-index:90;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#15193194;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.profile-sheet,.pin-dialog,.upload-dialog{background:#fff;border-radius:25px;width:min(560px,100%);max-height:90vh;padding:25px;animation:.24s modal-in;overflow:auto;box-shadow:0 30px 80px #0f122b4d}@keyframes modal-in{0%{opacity:0;transform:translateY(14px)scale(.98)}}.profile-sheet>header,.upload-dialog>header{justify-content:space-between;align-items:flex-start;display:flex}.profile-sheet h2,.upload-dialog h2{margin:7px 0 0;font-size:20px}.profile-grid{grid-template-columns:repeat(3,1fr);gap:11px;margin:22px 0;display:grid}.profile-grid>button{border:2px solid var(--line);cursor:pointer;background:#fff;border-radius:17px;justify-items:center;gap:7px;padding:17px 8px;display:grid;position:relative}.profile-grid>button.active{background:#f9f8ff;border-color:#bdb6ff}.profile-grid strong{font-size:10px}.profile-grid span{color:var(--muted);font-size:7px}.profile-grid i{color:#fff;background:var(--mint);border-radius:50%;place-items:center;width:19px;height:19px;display:grid;position:absolute;top:7px;left:7px}.profile-grid i svg{width:12px}.logout-row{width:100%;color:var(--danger);cursor:pointer;background:#fff2f2;border:0;border-radius:12px;align-items:center;gap:8px;padding:12px;font-size:9px;font-weight:900;display:flex}.logout-row svg{width:17px}.pin-dialog{text-align:center}.pin-icon{width:65px;height:65px;color:var(--primary);background:var(--primary-soft);border-radius:20px;place-items:center;margin:auto;display:grid}.pin-icon svg{width:29px}.pin-dialog h2{margin:15px 0 7px;font-size:20px}.pin-dialog p{color:var(--muted);font-size:9px}.pin-dialog>input{text-align:center;letter-spacing:13px;background:#faf9ff;border:2px solid #dcd8ff;border-radius:14px;width:180px;height:55px;margin:12px auto 20px;padding:0;font-size:23px}.pin-dialog>div{justify-content:center;gap:8px;display:flex}.stepper{justify-content:center;align-items:center;margin:23px;display:flex}.stepper i{width:28px;height:28px;color:var(--muted);background:#ececf2;border-radius:50%;place-items:center;font-size:9px;font-style:normal;font-weight:900;display:grid}.stepper i.active{color:#fff;background:var(--primary)}.stepper span{background:#e2e2ea;width:60px;height:2px}.form-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.form-grid label{color:var(--muted);gap:6px;font-size:8px;display:grid}.form-grid .full{grid-column:1/-1}.upload-zones{grid-template-columns:1fr 1fr;gap:12px;display:grid}.upload-zones label{min-height:150px;color:var(--muted);background:var(--canvas);cursor:pointer;border:2px dashed #d8d9e5;border-radius:17px;place-items:center;display:grid}.upload-zones svg{width:30px;color:var(--primary)}.upload-zones strong{color:var(--ink);margin:10px 0;font-size:10px}.upload-zones span{font-size:7px}.upload-zones>button{color:var(--primary);background:#faf9ff;border:1px solid #dcd8ff;border-radius:10px;grid-column:1/-1;padding:9px;font-size:8px}.commitments{gap:10px;display:grid}.commitments label{background:var(--canvas);border-radius:12px;grid-template-columns:auto 1fr;gap:10px;padding:12px;font-size:9px;line-height:1.8;display:grid}.commitments input{accent-color:var(--primary);margin-top:5px}.commitments p{color:#14745f;background:var(--mint-soft);border-radius:11px;gap:8px;padding:11px;font-size:8px;line-height:1.8;display:flex}.commitments p svg{flex:none;width:18px}.upload-dialog>footer{justify-content:flex-end;gap:8px;margin-top:20px;display:flex}.form-grid label{position:relative}.form-grid label:first-child:first-line,.form-grid label:nth-child(2):first-line{font-weight:900}.form-grid label:first-child:after,.form-grid label:nth-child(2):after{content:"*";color:#d92f45;pointer-events:none;font-size:13px;font-weight:900;position:absolute;top:-3px;right:59px}.form-grid label:nth-child(2):after{right:29px}.upload-fields{gap:13px;display:grid}.file-picker{min-height:125px;color:var(--muted);background:var(--canvas);cursor:pointer;border:2px dashed #d8d9e5;border-radius:17px;place-items:center;padding:15px;transition:all .2s;display:grid}.file-picker:hover,.file-picker.selected{color:var(--primary);background:#f7f5ff;border-color:#aaa1f8}.file-picker svg{width:30px}.file-picker strong{text-overflow:ellipsis;white-space:nowrap;max-width:100%;color:var(--ink);margin:9px 0 5px;font-size:10px;overflow:hidden}.file-picker span{font-size:7px}.chapter-list{gap:10px;display:grid}.chapter-upload{border:1px solid var(--line);background:#f8f9fc;border-radius:15px;grid-template-columns:auto minmax(120px,.7fr) minmax(180px,1.3fr) auto;align-items:center;gap:9px;padding:12px;display:grid;position:relative}.chapter-number{color:#fff;background:var(--primary);border-radius:10px;place-items:center;width:31px;height:31px;font-size:9px;font-weight:900;display:grid}.chapter-upload>label:first-of-type{color:var(--muted);gap:4px;font-size:7px;display:grid}.chapter-upload>label:first-of-type input{border:1px solid var(--line);background:#fff;border-radius:9px;height:39px;padding:0 10px;font-size:9px}.audio-picker{color:var(--primary);cursor:pointer;background:#fff;border:1px dashed #c9c4f8;border-radius:10px;grid-template-columns:auto 1fr;align-items:center;column-gap:8px;padding:9px;display:grid}.audio-picker.selected{color:#14745f;background:#f3fcf9;border-color:#9edbca}.audio-picker svg{grid-row:1/3;width:21px}.audio-picker span{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--ink);font-size:8px;font-weight:900;overflow:hidden}.audio-picker small{color:var(--muted);font-size:6px}.remove-chapter{color:var(--danger);cursor:pointer;background:0 0;border:0;align-items:center;gap:3px;padding:6px;font-size:7px;display:flex}.remove-chapter svg{width:13px}.add-chapter{color:var(--primary);cursor:pointer;background:#faf9ff;border:1px solid #dcd8ff;border-radius:10px;padding:10px;font-size:8px;font-weight:900}.add-chapter:disabled{opacity:.4}.upload-summary{background:var(--primary-soft);border-radius:13px;align-items:center;gap:10px;padding:13px;display:flex}.upload-summary>span{color:#fff;background:var(--primary);border-radius:8px;place-items:center;width:42px;height:48px;display:grid}.upload-summary svg{width:22px}.upload-summary strong{font-size:10px}.upload-summary p{color:var(--muted);background:0 0;margin:5px 0 0;padding:0;font-size:7px}.upload-error{margin-top:12px}.auth-page{background:#fff;grid-template-columns:1fr 1fr;min-height:100vh;display:grid}.auth-art{color:#fff;background:linear-gradient(145deg,#5144c3,#7a6beb);flex-direction:column;justify-content:space-between;padding:35px 48px 55px;display:flex;position:relative;overflow:hidden}.auth-art .brand{z-index:2;position:relative}.auth-art .brand small{color:#ffffffa6}.auth-art h1{letter-spacing:-2px;margin:12px 0;font-size:clamp(32px,4vw,54px);line-height:1.35}.auth-art p{color:#ffffffb3;max-width:500px;margin:0;font-size:11px;line-height:2}.auth-illustration{place-items:center;height:390px;display:grid;position:relative}.auth-illustration>svg{z-index:2;filter:drop-shadow(0 25px 18px #19155340);width:205px;position:relative}.planet{background:#ffffff14;border-radius:50%;position:absolute}.planet.p1{width:360px;height:360px}.planet.p2{background:0 0;border:1px solid #ffffff1a;width:550px;height:550px}.learning-card{z-index:3;color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff24;border:1px solid #ffffff40;border-radius:20px;place-items:center;width:66px;height:66px;display:grid;position:absolute}.learning-card svg{width:31px}.learning-card.c1{top:15%;right:13%}.learning-card.c2{top:29%;left:11%}.learning-card.c3{bottom:9%;right:20%}.auth-panel{place-items:center;padding:30px;display:grid;overflow:auto}.auth-box{width:min(440px,100%)}.auth-box h2{margin:9px 0 7px;font-size:28px}.auth-box>p{color:var(--muted);margin:0 0 22px;font-size:9px;line-height:1.8}.auth-box form{grid-template-columns:1fr 1fr;gap:11px;display:grid}.auth-box label{color:var(--muted);gap:6px;font-size:8px;display:grid}.auth-box .submit,.form-error{grid-column:1/-1}.auth-box label:has(input[name=email]){grid-column:1/-1}.auth-box label:has(input[name=password]){grid-column:1/-1}.auth-box .submit{margin-top:5px}.form-error{color:#a63e45;background:#fff0f1;border-radius:9px;padding:9px;font-size:8px}.auth-switch{text-align:center;color:var(--muted);margin-top:18px;font-size:9px}.auth-switch button{color:var(--primary);cursor:pointer;background:0 0;border:0;padding:4px;font-weight:900}.demo-note{color:var(--muted);justify-content:center;align-items:center;gap:6px;margin-top:18px;font-size:7px;display:flex}.demo-note svg{width:14px}.auth-mobile-brand{display:none}.empty-state{text-align:center;justify-items:center;padding:25px;display:grid}.empty-state>svg{width:70px}.empty-state strong{margin-top:8px;font-size:12px}.empty-state p{max-width:350px;color:var(--muted);font-size:9px;line-height:1.8}.app-toast{z-index:110;color:#fff;max-width:350px;box-shadow:var(--shadow);background:#252b48;border-radius:13px;padding:13px 17px;font-size:9px;animation:.22s toast-in;position:fixed;bottom:22px;left:22px}@keyframes toast-in{0%{opacity:0;transform:translateY(12px)}}.splash{background:linear-gradient(145deg,#f5f3ff,#fff);align-content:center;place-items:center;min-height:100vh;display:grid}.splash>svg{width:120px}.splash .splash-logo{border-radius:30px;width:128px;height:128px;padding:8px;box-shadow:0 22px 50px #14459c2e}.splash strong{margin-top:12px;font-size:24px}.splash span{color:var(--muted);margin-top:6px;font-size:9px}.splash i{background:#e2dfff;border-radius:5px;width:80px;height:4px;margin-top:20px;overflow:hidden}.splash i:after{content:"";background:var(--primary);border-radius:inherit;width:35px;height:100%;animation:1s infinite alternate loading;display:block}@keyframes loading{to{transform:translate(-45px)}}@media (max-width:1180px){.subject-grid,.book-grid,.content-grid,.skill-detail-grid,.metric-grid,.lab-metrics{grid-template-columns:repeat(2,1fr)}.audio-player{grid-template-columns:minmax(150px,1fr) auto auto auto minmax(140px,1fr)}.audio-player select{display:none}}@media (max-width:900px){.desktop-sidebar{display:none}.product-main{margin-right:0}.top-header{height:70px;padding:0 20px}.welcome{display:none}.mobile-brand{background:0 0;border:0;align-items:center;gap:5px;font-weight:900;display:flex}.mobile-brand svg{width:38px;height:38px}.mobile-brand .brand-logo{border-radius:12px;width:38px;height:38px;padding:3px}.page-container{padding:8px 20px 105px}.mobile-nav{z-index:45;color:var(--muted);border:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fffffff0;border-radius:20px;grid-template-columns:repeat(5,1fr);padding:7px;display:grid;position:fixed;bottom:10px;left:12px;right:12px;box-shadow:0 15px 45px #1b1f3e2e}.mobile-nav button{background:0 0;border:0;justify-items:center;gap:3px;padding:5px 2px;font-size:7px;font-weight:800;display:grid;position:relative}.mobile-nav button svg{width:20px}.mobile-nav button.active{color:var(--primary)}.mobile-nav button.active:after{content:"";background:var(--primary);border-radius:5px;width:18px;height:3px;position:absolute;bottom:-4px}.today-grid,.two-columns,.parent-layout{grid-template-columns:1fr}.diary-card{grid-template-columns:1.2fr .8fr}.diary-copy{padding:35px 30px}.diary-binding{right:60%}.mission-hero{grid-template-columns:1fr .55fr}.audio-player{bottom:82px;left:13px;right:13px}.auth-page{grid-template-columns:1fr}.auth-art{display:none}.auth-panel{padding:22px}.auth-mobile-brand{margin-bottom:32px;display:block}.auth-mobile-brand .brand{justify-content:center}.profile-sheet{border-radius:25px 25px 0 0;align-self:end}.modal-backdrop:has(.profile-sheet){place-items:end center;padding:0}}@media (max-width:650px){.page-container{padding-left:13px;padding-right:13px}.header-actions{gap:6px}.desktop-only{display:none}.pearl-count{height:38px;padding:0 10px}.icon-button{width:38px;height:38px}.diary-card{min-height:365px;display:block}.diary-copy{padding:30px 23px 150px}.diary-copy h1{font-size:25px}.diary-art{clip-path:ellipse(80% 85% at 65% 100%);height:155px;position:absolute;bottom:0;left:0;right:0}.diary-art>svg{width:95px}.diary-binding{display:none}.diary-controls{margin-top:17px}.today-grid{margin-top:13px}.mission-hero{min-height:330px;padding:28px 23px;display:block}.mission-visual{height:145px;position:absolute;bottom:0;left:0;right:0}.mission-visual:before{width:160px;height:160px}.mission-visual>svg{width:80px}.island-number{width:50px;height:50px;font-size:16px;bottom:15px;left:18%}.daily-summary{padding:18px}.ring{width:90px;height:90px}.section-head{margin-top:25px}.section-head h2{font-size:17px}.subject-grid,.book-grid,.content-grid,.skill-detail-grid,.metric-grid,.lab-metrics,.account-table{grid-template-columns:1fr}.subject-card{min-height:185px}.two-columns{gap:13px}.surface-panel{padding:17px}.page-title{flex-direction:column;align-items:flex-start}.page-title h1{font-size:26px}.diagnostic-banner{flex-wrap:wrap;align-items:flex-start}.diagnostic-banner button{margin-right:63px}.answer-grid{grid-template-columns:1fr}.review-actions{justify-content:stretch}.review-actions button{flex:1}.book-grid{padding-bottom:145px}.book-card{grid-template-columns:95px 1fr}.audio-player{grid-template-columns:1fr auto auto auto;gap:7px;padding:9px}.player-book,.player-timeline{grid-column:1/-1}.audio-player select{display:block;position:absolute;top:13px;left:11px}.growth-hero{grid-template-columns:1fr;min-height:400px}.garden-scene{height:230px}.growth-hero>div:last-child{padding:22px}.profile-grid{grid-template-columns:repeat(2,1fr)}.form-grid,.upload-zones{grid-template-columns:1fr}.form-grid .full,.upload-zones>button{grid-column:auto}.chapter-upload{grid-template-columns:auto 1fr}.audio-picker{grid-column:1/-1}.remove-chapter{grid-column:1/-1;justify-self:end}.approval-card,.review-queue>article{grid-template-columns:1fr}.approval-cover{min-height:190px}.approval-actions,.review-queue footer{grid-template-columns:1fr;display:grid}.auth-box form{grid-template-columns:1fr}.auth-box form>*{grid-column:auto!important}.auth-box h2{font-size:24px}.upload-dialog{padding:20px}.app-toast{bottom:92px;left:13px;right:13px}.mobile-nav span{font-size:6.5px}.diagnostic-backdrop{place-items:end center;padding:0}.diagnostic-dialog{border-radius:24px 24px 0 0;max-height:94vh;padding:20px 15px}.diagnostic-subjects,.diagnostic-options{grid-template-columns:1fr}.diagnostic-subjects>button{min-height:145px}.diagnostic-footer{flex-direction:column;align-items:stretch}.diagnostic-footer>.primary-button{width:100%}.confidence-control{justify-content:center}.diagnostic-result footer{display:grid}.diagnostic-result>div{grid-template-columns:1fr 1fr}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.diagnostic-dialog{background:radial-gradient(circle at 12% 0,#fff4cf 0 120px,#0000 121px),radial-gradient(circle at 90% 12%,#e8f8ff 0 135px,#0000 136px),#fff;position:relative;overflow:hidden}.diagnostic-dialog:before{content:"";pointer-events:none;background:linear-gradient(135deg,#6f5ee814,#0000 34%,#24aa8b14);position:absolute;inset:0}.diagnostic-dialog>*{z-index:1;position:relative}.quest-topbar{grid-template-columns:1fr auto;gap:12px;margin:18px 0 10px;display:grid}.quest-chip{background:#fff;border:1px solid #e4e5f0;border-radius:17px;align-items:center;gap:10px;padding:10px 12px;display:flex;box-shadow:0 12px 28px #252b4812}.quest-chip>span{background:linear-gradient(145deg,#fff7df,#ffe7a0);border-radius:14px;place-items:center;width:42px;height:42px;font-size:23px;display:grid}.quest-chip strong,.quest-chip small{display:block}.quest-chip strong{font-size:11px}.quest-chip small{color:var(--muted);margin-top:3px;font-size:7px}.quest-score{color:#fff;background:linear-gradient(145deg,#6454e3,#9b8cff);border-radius:17px;place-items:center;min-width:92px;padding:9px;display:grid;box-shadow:0 14px 30px #6454e338}.quest-score strong{font-size:24px;line-height:1}.quest-score span{margin-top:4px;font-size:7px}.quest-progress .bar{background:#ececf6;height:12px;padding:2px}.quest-progress .bar i{border-radius:inherit;background:linear-gradient(90deg,#24aa8b,#ffd75b,#6a5be8);height:100%;box-shadow:0 0 16px #6a5be859}.quest-tags span{border:1px solid var(--line);background:#fff;align-items:center;gap:4px;padding:7px 10px;display:inline-flex;box-shadow:0 6px 16px #1f25400a}.quest-tags b{color:#ffd151;font-size:7px}.quest-card{background:linear-gradient(135deg,#f5f3ff,#fff,#e9fbf6);grid-template-columns:auto minmax(0,1fr) 145px;align-items:center;min-height:210px;padding:22px;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff73,0 18px 45px #443c961a}.quest-card:before{content:"";background:#d8f4ec;border-radius:50%;width:230px;height:160px;position:absolute;bottom:-70px;right:-45px}.quest-card:after{content:"";filter:blur(.2px);background:#fff4c9;border-radius:50%;width:65px;height:65px;position:absolute;top:22px;left:22px}.quest-orb{z-index:1;position:relative;box-shadow:0 12px 24px #6a5be829}.quest-copy{z-index:2;position:relative}.quest-copy h3{font-size:17px;line-height:2}.quest-copy small{color:#6557a8;margin-top:8px;font-size:8px;font-weight:800;line-height:1.8;display:block}.quest-scene{z-index:2;place-items:center;min-height:160px;display:grid;position:relative}.quest-scene svg{filter:drop-shadow(0 15px 12px #483faa2e);width:92px;animation:3s ease-in-out infinite floaty}.quest-scene i{background:#ffffffbf;border-radius:50%;position:absolute;box-shadow:0 10px 25px #1f254014}.quest-scene i:first-child{width:110px;height:110px}.quest-scene i:nth-child(2){background:#ffd75b;width:36px;height:36px;bottom:15px;right:10px}.diagnostic-options{gap:12px}.diagnostic-options button,.playful-answer-grid button{background:linear-gradient(#fff,#fbfbff);border-color:#e0e2ee;grid-template-columns:auto 1fr auto;min-height:68px;padding:12px;transition:transform .18s,border-color .18s,box-shadow .18s;position:relative;overflow:hidden;box-shadow:0 9px 22px #252b480d}.diagnostic-options button:after,.playful-answer-grid button:after{content:"";background:linear-gradient(90deg,#6a5be814,#24aa8b1a);height:90%;position:absolute;inset:auto -20% -80%;transform:rotate(-3deg)}.diagnostic-options button:hover,.diagnostic-options button.selected,.playful-answer-grid button:hover,.playful-answer-grid button.selected{border-color:#8f82f1;transform:translateY(-3px);box-shadow:0 16px 32px #6a5be824}.diagnostic-options b,.playful-answer-grid b{z-index:1;color:#fff;background:linear-gradient(145deg,#6a5be8,#9b8cff);border-radius:13px;width:36px;height:36px;position:relative}.diagnostic-options span,.diagnostic-options em,.playful-answer-grid span,.playful-answer-grid em{z-index:1;position:relative}.diagnostic-options em,.playful-answer-grid em{color:#8b7df4;background:#f1efff;border-radius:20px;justify-self:end;padding:5px 7px;font-size:6px;font-style:normal;font-weight:900}.diagnostic-feedback{box-shadow:0 12px 26px #1f25400f}.diagnostic-feedback.correct{background:linear-gradient(135deg,#e6f8f2,#f5fffc);border:1px solid #bcebdc}.diagnostic-feedback.try{background:linear-gradient(135deg,#fff2e8,#fffaf5);border:1px solid #ffd9bd}.quest-review{background:linear-gradient(145deg,#fff,#f8f7ff);border:1px solid #e2defe;border-radius:25px;max-width:860px;padding:18px;box-shadow:0 16px 40px #312b7514}.review-map{grid-template-columns:105px 1fr;align-items:stretch;gap:12px;display:grid}.review-badge{color:#4d43c5;background:radial-gradient(circle at 50% 20%,#fff7d9,#f0eeff);border:1px solid #e5e1ff;border-radius:18px;align-content:center;place-items:center;gap:8px;min-height:125px;display:grid}.review-badge small{font-size:7px;font-weight:900}.quest-review .review-story{background:linear-gradient(135deg,#f0eeff,#fff,#e9fbf6);border:1px solid #e4e5f0;min-height:125px}.quest-review .review-story strong{font-size:14px;line-height:1.8}.playful-answer-grid{margin-top:14px}.answer-feedback{border:1px solid #0000;margin-top:12px;box-shadow:0 10px 24px #1f25400d}@keyframes floaty{50%{transform:translateY(-8px)rotate(-2deg)}}@media (max-width:650px){.quest-topbar{grid-template-columns:1fr}.quest-score{grid-template-columns:auto 1fr;justify-items:start;min-width:0}.quest-score strong{font-size:20px}.quest-card{grid-template-columns:auto 1fr;min-height:0;padding:16px}.quest-scene{grid-column:1/-1;min-height:95px}.quest-scene svg{width:70px}.diagnostic-options button,.playful-answer-grid button{grid-template-columns:auto 1fr;min-height:62px}.diagnostic-options em,.playful-answer-grid em{grid-column:2;justify-self:start}.review-map{grid-template-columns:1fr}.review-badge{grid-template-columns:auto 1fr;justify-items:start;min-height:74px;padding:10px 14px}.review-badge span{font-size:26px}}.visual-question{background:#ffffffc7;border:1px solid #dadcece6;border-radius:17px;margin:13px 0 6px;padding:13px;box-shadow:0 10px 26px #252b480f}.visual-label{color:#5547c7;text-align:center;margin-bottom:10px;font-size:12px;font-weight:900;line-height:1.8;display:block}.visual-groups{flex-wrap:wrap;justify-content:center;align-items:stretch;gap:14px;display:flex}.visual-group{background:linear-gradient(#fff,#f4f7ff);border:1px solid #dfe3f7;border-radius:16px;align-content:center;justify-items:center;gap:9px;min-width:116px;padding:12px;display:grid;box-shadow:0 10px 22px #252b480f}.visual-group-title{color:#5547c7;text-align:center;background:#efedff;border-radius:999px;width:100%;padding:4px 8px;font-size:10px;font-weight:900;line-height:1.6;display:block}.visual-group-items{grid-template-columns:repeat(4,24px);justify-content:center;gap:8px;display:grid}.visual-groups.single .visual-group{min-width:156px;box-shadow:none;background:0 0;border:0}.visual-groups.single .visual-group-items{grid-template-columns:repeat(4,30px);gap:11px}.visual-group i{color:#fff;background:linear-gradient(145deg,#6a5be8,#9b8cff);border-radius:50%;place-items:center;width:24px;height:24px;font-size:11px;font-style:normal;display:grid;box-shadow:inset 0 2px #ffffff8c,0 5px 10px #5e54d82e}.visual-groups.single .visual-group i{width:30px;height:30px;font-size:13px}.ten-frame{background:#fff;border:2px solid #dcd8ff;border-radius:15px;grid-template-columns:repeat(5,30px);gap:7px;width:max-content;max-width:100%;padding:10px;display:grid}.ten-frame i{background:#eef0f7;border-radius:9px;width:30px;height:30px}.ten-frame i.filled{background:radial-gradient(circle at 35% 30%,#fff7b8 0 18%,#ffd75b 19% 52%,#ef9c45 53%)}.mini-bars{background:linear-gradient(#0000 0 31px,#e2e4f0a6 32px 33px,#0000 34px 63px,#e2e4f0a6 64px 65px,#0000 66px 95px,#e2e4f0a6 96px 97px,#0000 98px);border-radius:13px;align-items:flex-end;gap:13px;min-height:135px;padding:10px 8px 3px;display:flex}.mini-bars>div{place-items:end center;gap:4px;min-width:38px;display:grid}.mini-bars i{background:linear-gradient(#8b7df4,#4d43c5);border-radius:9px 9px 4px 4px;width:28px;min-height:18px}.mini-bars span,.mini-bars b{font-size:7px}.mini-bars span{color:var(--muted)}.mini-bars b{color:#5547c7}.pattern-row{flex-wrap:wrap;align-items:center;gap:9px;display:flex}.pattern-row i{background:#fff7df;border:2px solid #ffe2a3;border-radius:15px;place-items:center;width:46px;height:46px;font-size:22px;font-style:normal;display:grid}.pattern-row i.missing{color:#6a5be8;background:#f0eeff;border-color:#c9c4f8;font-weight:900}.number-line{border-top:4px solid #dcd8ff;justify-content:space-between;gap:2px;margin:25px 6px 6px;padding-top:19px;display:flex;position:relative}.number-line i{color:var(--muted);justify-items:center;gap:5px;font-size:7px;font-style:normal;display:grid;position:relative}.number-line i b{background:#b9b2fa;border-radius:4px;width:4px;height:13px;position:absolute;top:-26px}.number-line i.marked{color:#5547c7;font-weight:900}.number-line i.marked b{background:#6a5be8;height:19px}.number-line em{border:2px solid #ffb85f;border-bottom:0;border-radius:50% 50% 0 0;height:25px;font-style:normal;position:absolute;top:-22px}.word-cards{flex-wrap:wrap;gap:7px;display:flex}.word-cards i{color:#253052;background:#fff;border:1px solid #dde0ef;border-radius:12px;padding:9px 11px;font-size:10px;font-style:normal;font-weight:900;box-shadow:0 8px 18px #252b480d}.word-cards i.highlight{color:#14745f;background:#e5f7f2;border-color:#aee5d4}@media (max-width:650px){.visual-question{padding:10px}.visual-label{font-size:11px}.visual-group{min-width:96px;padding:10px}.visual-group-items{grid-template-columns:repeat(4,20px);gap:6px}.visual-group i{width:20px;height:20px}.visual-group small b{font-size:16px}.ten-frame{grid-template-columns:repeat(5,24px)}.ten-frame i{width:24px;height:24px}.mini-bars{overflow-x:auto}.pattern-row i{width:39px;height:39px;font-size:18px}.word-cards i{font-size:9px}}.quest-review{max-width:min(1080px,100%);padding:22px}.review-map{grid-template-columns:132px minmax(0,1fr);gap:16px}.review-badge{min-height:185px}.review-badge span{font-size:46px}.review-badge small{font-size:11px}.quest-review .review-story{align-items:center;gap:18px;min-height:185px;padding:24px}.quest-review .review-story>span{border-radius:18px;width:58px;height:58px}.quest-review .review-story svg{width:30px}.quest-review .review-story small{font-size:12px;line-height:1.8}.quest-review .review-story p{color:#657089;margin:8px 0;font-size:13px;line-height:2}.quest-review .review-story strong{letter-spacing:-.2px;font-size:21px;line-height:2.05;display:block}.quest-review .visual-question{max-width:560px;margin:18px auto 0;padding:18px}.quest-review .visual-label{font-size:16px}.quest-review .ten-frame{grid-template-columns:repeat(5,38px);gap:10px;padding:14px}.quest-review .ten-frame i{width:38px;height:38px}.quest-review .visual-group{grid-template-columns:repeat(4,24px);gap:8px}.quest-review .visual-group i{width:24px;height:24px}.answer-grid.playful-answer-grid,.diagnostic-options{gap:16px}.playful-answer-grid button,.diagnostic-options button{text-align:right;grid-template-columns:48px minmax(0,1fr);align-items:center;min-height:88px;padding:17px 20px}.playful-answer-grid button b,.diagnostic-options button b{border-radius:14px;width:42px;height:42px;font-size:15px}.playful-answer-grid button span,.diagnostic-options button span{white-space:normal;word-break:normal;overflow-wrap:anywhere;min-width:0;font-size:18px;line-height:1.9}.playful-answer-grid button em,.diagnostic-options button em{display:none}.answer-feedback{padding:15px 18px;font-size:14px;line-height:2}.review-actions{gap:12px;margin-top:18px}.review-actions button{min-height:50px;font-size:13px}.diagnostic-feedback strong{font-size:14px}.diagnostic-feedback p{font-size:12px}.quest-copy h3{font-size:21px}.quest-copy p{font-size:13px}.quest-copy small{font-size:12px}.visual-question .word-cards i{font-size:15px}.visual-question .mini-bars span,.visual-question .mini-bars b{font-size:11px}.visual-question .pattern-row i{width:54px;height:54px;font-size:25px}@media (max-width:900px){.review-map{grid-template-columns:1fr}.review-badge{grid-template-columns:auto 1fr;justify-items:start;min-height:86px;padding:16px}.playful-answer-grid button,.diagnostic-options button{min-height:78px}.playful-answer-grid button span,.diagnostic-options button span{font-size:16px}}@media (max-width:650px){.quest-review{padding:14px}.quest-review .review-story{padding:17px}.quest-review .review-story strong{font-size:17px}.quest-review .review-story p{font-size:12px}.answer-grid.playful-answer-grid{grid-template-columns:1fr}.playful-answer-grid button,.diagnostic-options button{grid-template-columns:40px minmax(0,1fr);min-height:72px;padding:14px}.playful-answer-grid button b,.diagnostic-options button b{width:36px;height:36px;font-size:13px}.playful-answer-grid button span,.diagnostic-options button span{font-size:15px}.quest-review .ten-frame{grid-template-columns:repeat(5,30px)}.quest-review .ten-frame i{width:30px;height:30px}}.diagnostic-backdrop{align-items:center;padding:18px;overflow:auto}.diagnostic-dialog{scrollbar-gutter:stable;width:min(1040px,100vw - 36px);max-height:calc(100dvh - 36px);padding:24px 32px 32px;overflow:hidden auto!important}.diagnostic-dialog>header{margin-bottom:10px}.diagnostic-dialog .quest-topbar{margin-top:8px}.diagnostic-dialog .quest-card{grid-template-columns:auto minmax(0,1fr) 116px;min-height:172px;padding:18px}.diagnostic-dialog .quest-scene{min-height:125px}.diagnostic-dialog .quest-scene svg{width:74px}.diagnostic-dialog .quest-copy h3{font-size:19px;line-height:1.8}.diagnostic-dialog .quest-copy p{font-size:12px}.diagnostic-dialog .quest-copy small{font-size:11px}.diagnostic-dialog .diagnostic-options{margin-top:16px}.diagnostic-dialog .diagnostic-options button{min-height:78px}.diagnostic-dialog .diagnostic-options span{font-size:18px}.diagnostic-dialog .diagnostic-footer{border-top:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:5;background:#fffffff0;margin:18px -32px -32px;padding:14px 32px;position:sticky;bottom:-32px}.diagnostic-dialog .quest-progress{margin:12px 0}.diagnostic-dialog .quest-tags{margin-bottom:10px}@media (max-height:760px){.diagnostic-backdrop{align-items:flex-start}.diagnostic-dialog{max-height:calc(100dvh - 20px);padding-top:18px}.diagnostic-dialog .quest-card{min-height:145px}.diagnostic-dialog .quest-scene{display:none}.diagnostic-dialog .diagnostic-options button{min-height:68px}.diagnostic-dialog .diagnostic-options span{font-size:16px}.diagnostic-dialog .visual-question{margin-top:10px;padding:10px}.diagnostic-dialog .quest-topbar{grid-template-columns:110px 1fr}.diagnostic-dialog .quest-score{order:-1}}@media (max-width:650px){.diagnostic-backdrop{align-items:flex-end;padding:0}.diagnostic-dialog{border-radius:24px 24px 0 0;width:100%;max-height:94dvh;padding:18px 14px 88px}.diagnostic-dialog .quest-card{grid-template-columns:1fr}.diagnostic-dialog .diagnostic-footer{margin:16px -14px -88px;padding:12px 14px;bottom:0;left:0;right:0}.diagnostic-dialog .diagnostic-options{grid-template-columns:1fr}}.fraction-bars{flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;display:flex}.fraction-bars>b{color:#6a5be8;font-size:24px}.fraction-bar{background:#fff;border:2px solid #dcd8ff;border-radius:15px;gap:3px;min-width:170px;max-width:260px;padding:10px;display:grid}.fraction-bar i{background:#eef0f7;border-radius:8px;height:34px}.fraction-bar i.filled{background:linear-gradient(145deg,#ffd75b,#ef8a4d)}.fraction-bar strong{color:#5547c7;text-align:center;direction:ltr;grid-column:1/-1;margin-top:4px;font-size:16px}.diagnostic-dialog .fraction-bar{min-width:150px}.diagnostic-dialog .fraction-bar i{height:28px}@media (max-width:650px){.fraction-bar{min-width:135px}.fraction-bar i{height:24px}.fraction-bars>b{font-size:18px}}.quest-card,.quest-review{--quest-a:#6a5be8;--quest-b:#24aa8b;--quest-c:#ffd75b}.quest-detective{--quest-a:#4f7bd9;--quest-b:#20b69f;--quest-c:#ffe173}.quest-puzzle{--quest-a:#8b5cf6;--quest-b:#f17f58;--quest-c:#ffe66d}.quest-word{--quest-a:#13a38b;--quest-b:#4f8bd9;--quest-c:#fff0a8}.quest-gate{--quest-a:#6e5ae8;--quest-b:#f2a044;--quest-c:#c9fff0}.quest-story{--quest-a:#ef7f52;--quest-b:#24aa8b;--quest-c:#ffe58a}.quest-spark{--quest-a:#6857e8;--quest-b:#35a9df;--quest-c:#ffe376}.quest-card{background:radial-gradient(circle at 12% 18%,var(--quest-c) 0 58px,transparent 59px),radial-gradient(circle at 90% 86%,var(--quest-b) 0 105px,transparent 106px),linear-gradient(135deg,var(--quest-a),#fff 45%,var(--quest-b));border:0}@supports (color:color-mix(in lab, red, red)){.quest-card{background:radial-gradient(circle at 12% 18%,color-mix(in srgb,var(--quest-c) 66%,white) 0 58px,transparent 59px),radial-gradient(circle at 90% 86%,color-mix(in srgb,var(--quest-b) 26%,white) 0 105px,transparent 106px),linear-gradient(135deg,color-mix(in srgb,var(--quest-a) 13%,white),#fff 45%,color-mix(in srgb,var(--quest-b) 14%,white))}}.quest-card{box-shadow:0 24px 60px var(--quest-a),inset 0 0 0 1px #ffffffbf}@supports (color:color-mix(in lab, red, red)){.quest-card{box-shadow:0 24px 60px color-mix(in srgb,var(--quest-a) 18%,transparent),inset 0 0 0 1px #ffffffbf}}.quest-card:before{background:var(--quest-b)}@supports (color:color-mix(in lab, red, red)){.quest-card:before{background:color-mix(in srgb,var(--quest-b) 22%,white)}}.quest-card:after{background:var(--quest-c)}@supports (color:color-mix(in lab, red, red)){.quest-card:after{background:color-mix(in srgb,var(--quest-c) 72%,white)}}.quest-orb{color:#fff!important;background:linear-gradient(145deg,var(--quest-a),var(--quest-b))!important}.quest-rule{color:#24304d;background:#ffffffc7;border:1px solid #ffffffe6;border-radius:14px;align-items:center;gap:8px;max-width:100%;margin-bottom:10px;padding:8px 11px;display:inline-flex;box-shadow:0 10px 24px #252b4812}.quest-rule b{background:var(--quest-c);flex:none;place-items:center;width:28px;height:28px;display:grid}@supports (color:color-mix(in lab, red, red)){.quest-rule b{background:color-mix(in srgb,var(--quest-c) 72%,white)}}.quest-rule b{border-radius:10px;font-size:16px}.quest-rule span{font-size:12px;font-weight:900;line-height:1.8}.quest-copy h3{color:#17213d;padding:2px 0}.visual-question{border-color:var(--quest-a,#6a5be8);background:#ffffffe0}@supports (color:color-mix(in lab, red, red)){.visual-question{border-color:color-mix(in srgb,var(--quest-a,#6a5be8) 18%,#dde0ef)}}.visual-label{color:var(--quest-a)}.visual-group i,.diagnostic-options b,.playful-answer-grid b{background:linear-gradient(145deg,var(--quest-a),var(--quest-b))}.diagnostic-options button:nth-child(2n),.playful-answer-grid button:nth-child(2n){background:linear-gradient(180deg,#fff,var(--quest-c))}@supports (color:color-mix(in lab, red, red)){.diagnostic-options button:nth-child(2n),.playful-answer-grid button:nth-child(2n){background:linear-gradient(180deg,#fff,color-mix(in srgb,var(--quest-c) 18%,white))}}.diagnostic-options button:nth-child(3n),.playful-answer-grid button:nth-child(3n){background:linear-gradient(180deg,#fff,var(--quest-b))}@supports (color:color-mix(in lab, red, red)){.diagnostic-options button:nth-child(3n),.playful-answer-grid button:nth-child(3n){background:linear-gradient(180deg,#fff,color-mix(in srgb,var(--quest-b) 12%,white))}}.diagnostic-options button:hover,.diagnostic-options button.selected,.playful-answer-grid button:hover,.playful-answer-grid button.selected{border-color:var(--quest-a);box-shadow:0 16px 32px var(--quest-a)}@supports (color:color-mix(in lab, red, red)){.diagnostic-options button:hover,.diagnostic-options button.selected,.playful-answer-grid button:hover,.playful-answer-grid button.selected{box-shadow:0 16px 32px color-mix(in srgb,var(--quest-a) 18%,transparent)}}.diagnostic-options button.selected,.playful-answer-grid button.selected{background:var(--quest-a)}@supports (color:color-mix(in lab, red, red)){.diagnostic-options button.selected,.playful-answer-grid button.selected{background:color-mix(in srgb,var(--quest-a) 10%,white)}}.quest-review{background:radial-gradient(circle at 9% 12%,var(--quest-c) 0 70px,transparent 71px),linear-gradient(145deg,#fff,var(--quest-a))}@supports (color:color-mix(in lab, red, red)){.quest-review{background:radial-gradient(circle at 9% 12%,color-mix(in srgb,var(--quest-c) 55%,white) 0 70px,transparent 71px),linear-gradient(145deg,#fff,color-mix(in srgb,var(--quest-a) 9%,white))}}.quest-review{border-color:var(--quest-a)}@supports (color:color-mix(in lab, red, red)){.quest-review{border-color:color-mix(in srgb,var(--quest-a) 22%,#e2defe)}}.quest-review .review-badge{color:var(--quest-a);background:radial-gradient(circle at 50% 20%,var(--quest-c),var(--quest-a))}@supports (color:color-mix(in lab, red, red)){.quest-review .review-badge{background:radial-gradient(circle at 50% 20%,color-mix(in srgb,var(--quest-c) 72%,white),color-mix(in srgb,var(--quest-a) 12%,white))}}.quest-review .review-story{background:linear-gradient(135deg,var(--quest-a),#fff,var(--quest-b))}@supports (color:color-mix(in lab, red, red)){.quest-review .review-story{background:linear-gradient(135deg,color-mix(in srgb,var(--quest-a) 11%,white),#fff,color-mix(in srgb,var(--quest-b) 13%,white))}}@media (max-width:650px){.quest-rule{padding:7px 9px;display:flex}.quest-rule span{font-size:10px}.quest-rule b{width:25px;height:25px;font-size:14px}}.game-hero{background:radial-gradient(circle at 18% 12%,#fff4c9 0 95px,#0000 96px),linear-gradient(135deg,#f0eeff,#fff,#e9fbf6);border:1px solid #e1def8;border-radius:26px;grid-template-columns:minmax(0,1fr) 280px;align-items:center;gap:18px;min-height:250px;margin-bottom:18px;padding:28px;display:grid;overflow:hidden;box-shadow:0 18px 45px #3c368714}.game-hero h2{margin:9px 0;font-size:30px}.game-hero p{max-width:620px;color:var(--muted);font-size:10px;line-height:2}.game-orbit{place-items:center;min-height:180px;display:grid;position:relative}.game-orbit svg{z-index:2;filter:drop-shadow(0 18px 18px #4d43c533);width:96px;animation:3s ease-in-out infinite floaty;position:relative}.game-orbit span{color:#fff;background:linear-gradient(145deg,#ff8b51,#ffd151);border-radius:18px;place-items:center;width:58px;height:58px;font-weight:900;display:grid;position:absolute;top:22px;left:28px}.game-orbit i{background:#ffffffbf;border-radius:50%;position:absolute;box-shadow:0 10px 30px #1f254014}.game-orbit i:first-of-type{width:150px;height:150px}.game-orbit i:nth-of-type(2){background:#b9f0df;width:42px;height:42px;bottom:18px;right:30px}.game-tabs{flex-wrap:wrap;gap:8px;margin:12px 0 16px;display:flex}.game-tabs button{color:#596079;border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:14px;padding:9px 13px;font-size:8px;font-weight:900}.game-tabs button.active{color:#fff;background:var(--primary);border-color:var(--primary)}.game-grid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.game-card{border:1px solid var(--line);background:#fff;border-radius:20px;gap:10px;min-height:245px;padding:17px;display:grid;box-shadow:0 12px 28px #1f25400a}.game-card.locked{opacity:.72;background:#f6f7fb}.game-card header,.game-card footer,.game-meta{justify-content:space-between;align-items:center;gap:8px;display:flex}.game-card header span,.game-card footer small,.game-meta span{color:var(--muted);font-size:7px}.game-card header strong{color:#6557d8;background:#f0eeff;border-radius:20px;padding:5px 8px;font-size:7px}.game-card h3{margin:0;font-size:15px}.game-card p{color:var(--muted);margin:0;font-size:9px;line-height:1.9}.game-meta{flex-wrap:wrap;justify-content:flex-start}.game-meta span{background:var(--canvas);border-radius:20px;padding:5px 7px}.game-card footer button{color:#fff;background:var(--primary);cursor:pointer;border:0;border-radius:12px;min-width:92px;padding:9px 11px;font-size:8px;font-weight:900}.game-card footer button:disabled{color:#6e758c;cursor:default;background:#e4e7f0}.game-dialog{background:#fff;border-radius:24px;width:min(960px,100%);max-height:92vh;padding:22px;overflow:auto;box-shadow:0 30px 80px #0f122b4d}.game-dialog>header{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.game-dialog h2{margin:5px 0;font-size:24px}.game-dialog header p{color:var(--muted);margin:0;font-size:9px;line-height:1.8}.game-status{flex-wrap:wrap;gap:8px;margin:16px 0;display:flex}.game-status span{color:#6557d8;background:#f0eeff;border:1px solid #e1def8;border-radius:20px;padding:7px 10px;font-size:8px;font-weight:900}.game-rounds{gap:12px;display:grid}.game-round{border:1px solid var(--line);background:linear-gradient(145deg,#fff,#fbfbff);border-radius:18px;padding:14px}.round-prompt{grid-template-columns:42px 1fr;align-items:start;gap:12px;display:grid}.round-prompt>b{color:#fff;background:linear-gradient(145deg,#6a5be8,#9b8cff);border-radius:14px;place-items:center;width:42px;height:42px;display:grid}.round-prompt strong{margin-top:4px;font-size:13px;line-height:1.8;display:block}.round-options{grid-template-columns:repeat(2,1fr);gap:8px;margin-top:12px;display:grid}.round-options button{text-align:right;border:2px solid var(--line);cursor:pointer;background:#fff;border-radius:14px;grid-template-columns:34px 1fr;align-items:center;gap:9px;min-height:52px;padding:9px;display:grid}.round-options button.selected{color:var(--primary);background:#f7f5ff;border-color:#8f82f1}.round-options b{color:#fff;background:#6a5be8;border-radius:11px;place-items:center;width:34px;height:34px;display:grid}.round-options span{font-size:10px;font-weight:900}.game-result{background:#f8f9fc;border:1px solid #dfe4f1;border-radius:16px;margin-top:14px;padding:14px}.game-result.up{background:#effbf7;border-color:#bcebdc}.game-result.down{background:#fff7ef;border-color:#ffd4bd}.game-result strong{font-size:14px;display:block}.game-result p,.game-result small{color:var(--muted);margin:5px 0 0;font-size:8px;display:block}.game-dialog>footer{justify-content:flex-end;gap:8px;margin-top:16px;display:flex}@media (max-width:1120px){.game-grid{grid-template-columns:repeat(2,1fr)}.game-hero{grid-template-columns:1fr}.game-orbit{min-height:130px}}@media (max-width:650px){.game-grid,.round-options{grid-template-columns:1fr}.game-hero{padding:20px}.game-hero h2{font-size:23px}.game-dialog{border-radius:22px;max-height:94dvh;padding:16px}.round-prompt{grid-template-columns:34px 1fr}.round-prompt>b{width:34px;height:34px}.game-card footer{flex-direction:column;align-items:flex-start}.game-card footer button{width:100%}}.game-status span.danger{color:#bd3f1c;background:#fff1e8;border-color:#ffd4bd}.game-timer{background:#edf0f7;border-radius:999px;height:9px;margin:-6px 0 16px;overflow:hidden}.game-timer i{border-radius:inherit;background:linear-gradient(90deg,#31b99a,#ffd151,#ff8b51);height:100%;transition:width .35s;display:block}.game-stage-backdrop{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#191b369e}.game-stage-dialog{background:radial-gradient(circle at 14% 16%,#fff2ad 0 80px,#0000 82px),radial-gradient(circle at 88% 34%,#c8f4ff 0 150px,#0000 152px),linear-gradient(145deg,#fff,#f8f7ff);border:1px solid #ded9ff;width:min(1040px,100%)}.stage-progress{background:#fff;border:1px solid #e6e3fb;border-radius:999px;height:12px;margin:-4px 0 18px;overflow:hidden}.stage-progress i{border-radius:inherit;background:linear-gradient(90deg,#6a5be8,#31b99a);height:100%;transition:width .35s;display:block}.stage-card{background:#ffffffd1;border:1px solid #e2def8;border-radius:24px;grid-template-columns:minmax(260px,38%) 1fr;align-items:stretch;gap:18px;min-height:420px;padding:18px;display:grid;position:relative;box-shadow:0 24px 60px #3236641f}.stage-question-code{color:#4f46e5;z-index:3;direction:ltr;unicode-bidi:embed;background:#f0eeffeb;border:1px solid #d8d2ff;border-radius:999px;padding:6px 9px;font-size:9px;font-weight:900;position:absolute;top:12px;left:14px}.stage-card.answered{animation:.48s stagePulse}.stage-visual{background:linear-gradient(160deg,#f1fbff,#fff7d7);border:1px solid #e6eef8;border-radius:22px;place-items:center;min-height:320px;padding:18px;display:grid}.stage-visual .visual-box{width:100%;max-width:360px}.stage-question{flex-direction:column;justify-content:center;gap:16px;display:flex}.stage-question>span{color:#6557d8;background:#f0eeff;border-radius:999px;align-self:flex-start;padding:7px 11px;font-size:8px;font-weight:900}.stage-question h3{color:#191d37;margin:0;font-size:28px;line-height:1.75}.stage-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.stage-options button{text-align:right;cursor:pointer;background:#fff;border:2px solid #e0e4f2;border-radius:18px;grid-template-columns:42px 1fr;align-items:center;gap:10px;min-height:74px;padding:12px;transition:transform .16s,border-color .16s,background .16s;display:grid;box-shadow:0 10px 22px #1f25400d}.stage-options button:hover:not(:disabled){border-color:#9b8cff;transform:translateY(-2px)}.stage-options button.selected{color:#fff;background:linear-gradient(145deg,#6a5be8,#31b99a);border-color:#0000}.stage-options button.pop{animation:.42s optionPop}.stage-options button:disabled{cursor:default}.stage-options b{color:#fff;background:#6a5be8;border-radius:14px;place-items:center;width:42px;height:42px;display:grid}.stage-options button.selected b{background:#ffffff38}.stage-options span{font-size:17px;font-weight:950}.stage-result{font-size:14px}@keyframes stagePulse{0%{transform:scale(1)}45%{transform:scale(1.012)}to{transform:scale(1)}}@keyframes optionPop{0%{transform:scale(1)}55%{transform:scale(1.035)}to{transform:scale(1)}}@media (max-width:760px){.stage-card{grid-template-columns:1fr;min-height:auto;padding-top:44px}.stage-question-code{top:10px;left:12px}.stage-visual{min-height:210px}.stage-question h3{font-size:21px}.stage-options{grid-template-columns:1fr}.stage-options button{min-height:62px}.game-stage-dialog{padding:14px}}.game-stage-dialog{width:min(1160px,100%)}.game-stage-dialog .visual-question{background:#ffffffad;border-radius:24px;place-items:center;width:100%;min-height:280px;margin:0;padding:26px;display:grid}.game-stage-dialog .word-cards{justify-content:center;align-items:center;gap:14px}.game-stage-dialog .word-cards i{border-radius:18px;place-items:center;min-width:72px;min-height:72px;padding:14px 18px;font-size:32px;line-height:1.2;display:grid;box-shadow:0 14px 30px #252b4814}.game-stage-dialog .word-cards i.highlight{background:#dff8f0;border-color:#8edfc8;box-shadow:0 14px 32px #31b99a29}.game-stage-dialog .stage-options button{min-height:86px}.game-stage-dialog .stage-options span{font-size:20px}.reward-message{color:#24304d;text-align:center;max-width:560px;font-size:16px;line-height:2}.reward-scene.limited .reward-burst{background:linear-gradient(145deg,#eaf9ff,#fff7c7)}@media (max-width:760px){.game-stage-dialog .stage-card{grid-template-columns:1fr}.game-stage-dialog .stage-visual{min-height:260px;padding:16px}.game-stage-dialog .visual-question{min-height:190px;padding:16px}.game-stage-dialog .word-cards i{min-width:54px;min-height:54px;font-size:24px}.game-stage-dialog .stage-options span{font-size:17px}}.game-stage-dialog .stage-card{grid-template-columns:minmax(390px,46%) minmax(0,1fr);min-height:540px}.game-stage-dialog .stage-visual{min-height:470px;padding:30px}.game-stage-dialog .visual-question{min-height:330px;padding:30px}.game-stage-dialog .visual-label{background:#fff;border:1px solid #e1defc;border-radius:999px;max-width:100%;margin-bottom:18px;padding:8px 14px;font-size:18px;line-height:1.8;box-shadow:0 8px 18px #252b480d}.game-stage-dialog .word-cards{gap:18px}.game-stage-dialog .word-cards i{border-radius:20px;min-width:92px;min-height:92px;padding:18px 22px;font-size:40px}.game-stage-dialog .visual-groups{gap:24px}.game-stage-dialog .visual-groups.single{width:100%}.game-stage-dialog .visual-group{border-radius:24px;gap:14px;min-width:220px;min-height:190px;padding:20px}.game-stage-dialog .visual-groups.single .visual-group{width:100%;min-width:0;min-height:190px}.game-stage-dialog .visual-group-title{padding:7px 12px;font-size:16px}.game-stage-dialog .visual-group-items{grid-template-columns:repeat(4,42px);gap:13px}.game-stage-dialog .visual-groups.single .visual-group-items{grid-template-columns:repeat(5,58px);gap:18px}.game-stage-dialog .visual-group i{width:42px;height:42px;font-size:18px}.game-stage-dialog .visual-groups.single .visual-group i{width:58px;height:58px;font-size:24px}.game-stage-dialog .ten-frame{grid-template-columns:repeat(5,48px);gap:12px;padding:18px}.game-stage-dialog .ten-frame i{width:48px;height:48px}.game-stage-dialog .pattern-row i{width:72px;height:72px;font-size:34px}@media (max-width:760px){.game-stage-dialog .stage-visual{min-height:300px;padding:18px}.game-stage-dialog .visual-question{min-height:230px;padding:18px}.game-stage-dialog .visual-label{font-size:14px}.game-stage-dialog .word-cards i{min-width:68px;min-height:68px;font-size:30px}.game-stage-dialog .visual-groups{gap:12px}.game-stage-dialog .visual-group{min-width:138px;min-height:132px;padding:13px}.game-stage-dialog .visual-group-title{font-size:12px}.game-stage-dialog .visual-group-items{grid-template-columns:repeat(4,28px);gap:8px}.game-stage-dialog .visual-groups.single .visual-group-items{grid-template-columns:repeat(5,38px);gap:11px}.game-stage-dialog .visual-group i{width:28px;height:28px;font-size:13px}.game-stage-dialog .visual-groups.single .visual-group i{width:38px;height:38px;font-size:17px}.game-stage-dialog .ten-frame{grid-template-columns:repeat(5,36px)}.game-stage-dialog .ten-frame i{width:36px;height:36px}.game-stage-dialog .pattern-row i{width:56px;height:56px;font-size:26px}}.reward-scene{background:radial-gradient(circle at 50% 42%,#fff4b7 0 92px,#0000 94px),linear-gradient(145deg,#f4fff8,#fff,#f3f0ff);border:1px solid #dff1e8;border-radius:26px;place-items:center;gap:18px;min-height:420px;padding:26px;animation:.55s stagePulse;display:grid;box-shadow:0 24px 60px #23315b1f}.reward-burst{background:linear-gradient(145deg,#ffe179,#fff7c7);border-radius:50%;place-items:center;width:230px;height:230px;display:grid;position:relative}.reward-burst svg{filter:drop-shadow(0 16px 18px #5046be2e);width:105px;animation:2.4s ease-in-out infinite floaty}.reward-burst span{color:#fff;background:#6a5be8;border-radius:16px;place-items:center;width:46px;height:46px;font-weight:950;animation:1.1s infinite optionPop;display:grid;position:absolute;box-shadow:0 14px 26px #5046be38}.reward-burst span:first-child{top:8px;right:44px}.reward-burst span:nth-child(2){background:#31b99a;top:78px;left:4px}.reward-burst span:nth-child(3){background:#ff8b51;bottom:42px;right:10px}.reward-burst span:nth-child(4){background:#ffd151;bottom:4px;left:54px}.reward-prizes{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.reward-prizes i{color:#fff;background:linear-gradient(145deg,#6a5be8,#31b99a);border-radius:18px;place-items:center;min-width:86px;height:58px;padding:0 14px;font-size:18px;font-style:normal;font-weight:950;display:grid}.reward-scene small{color:#bd3f1c;font-size:9px;font-weight:900}.visual-group i{border:3px solid #ffffffeb;background:linear-gradient(145deg,#6a5be8,#31b99a)!important;box-shadow:inset 0 2px #ffffff6b,0 8px 16px #32367838!important}.visual-group i:nth-child(2n){background:linear-gradient(145deg,#ff8b51,#ffd151)!important}.visual-group i:nth-child(3n){background:linear-gradient(145deg,#31b99a,#40a9ff)!important}.visual-group i:nth-child(4n){background:linear-gradient(145deg,#8b5cf6,#f17f58)!important}.game-stage-dialog .visual-groups.single .visual-group i{width:64px;height:64px}.game-stage-dialog .visual-groups.single .visual-group{background:linear-gradient(#fff8dc,#f1fbff);border:2px solid #d8d0ff;box-shadow:0 18px 44px #252b481f}.game-stage-dialog .visual-group i{color:#24304d;background:radial-gradient(circle at 35% 30%,#fff7b0 0 17%,#ffc94c 18% 48%,#ed7b48 49% 100%);border:2px solid #74562229;box-shadow:inset 0 3px #ffffff8c,0 9px 18px #ed7b4838}.game-stage-dialog .visual-groups.single .visual-group i{color:#24304d}.game-stage-dialog .ten-frame{background:linear-gradient(#fffdf5,#eefcff);border-color:#bdb4ff;box-shadow:0 16px 34px #252b481a}.game-stage-dialog .ten-frame i{background:#d9e0ec;border:2px solid #c6cfdf;box-shadow:inset 0 2px #ffffffb3}.game-stage-dialog .ten-frame i.filled{background:radial-gradient(circle at 35% 30%,#fff9b8 0 17%,#ffd24f 18% 50%,#f07f45 51% 100%);border-color:#efb05e;box-shadow:inset 0 3px #fff9,0 8px 16px #f07f4538}.game-stage-dialog .number-line{border-top-color:#8e83f3}.game-stage-dialog .number-line i{color:#37405f;font-size:13px}.game-stage-dialog .number-line i b{background:#b1a9f7}.game-stage-dialog .number-line i.marked{color:#4f43d4}.game-stage-dialog .word-cards i{color:#1f2945;background:#fffdfa;border-color:#cbc5ff}.game-audit-table{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;max-height:620px;padding:4px;display:grid;overflow:auto}.game-audit-table article{background:var(--canvas);border:1px solid var(--line);border-radius:14px;gap:9px;padding:13px;display:grid}.game-audit-table header{gap:5px;display:grid}.game-audit-table strong{font-size:10px}.game-audit-table header span,.game-audit-table p{color:var(--muted);margin:0;font-size:7px}.game-audit-table div{flex-wrap:wrap;gap:5px;display:flex}.game-audit-table b{color:#4e5670;border:1px solid var(--line);background:#fff;border-radius:20px;padding:5px 7px;font-size:6px}.game-audit-table code{color:#5547c7;text-align:right;text-overflow:ellipsis;white-space:nowrap;direction:ltr;font-size:7px;overflow:hidden}@media (max-width:980px){.game-audit-table{grid-template-columns:1fr}}.audit-filters{flex-wrap:wrap;align-items:center;gap:10px;margin:4px 0 16px;display:flex}.audit-filters select{min-width:170px;height:42px;color:var(--ink);border:1px solid var(--line);background:#fff;border-radius:12px;padding:0 12px}.audit-filters span{color:#5547c7;background:#f0eeff;border-radius:999px;padding:9px 12px;font-size:8px;font-weight:900}.game-audit-list{gap:10px;max-height:720px;padding:4px;display:grid;overflow:auto}.game-audit-list>article{background:var(--canvas);border:1px solid var(--line);border-radius:16px;overflow:hidden}.game-audit-summary{text-align:right;cursor:pointer;background:0 0;border:0;grid-template-columns:minmax(0,1fr) auto auto 34px;align-items:center;gap:10px;width:100%;padding:14px;display:grid}.game-audit-summary strong,.game-audit-summary small{display:block}.game-audit-summary strong{font-size:12px}.game-audit-summary small{color:var(--muted);margin-top:5px;font-size:8px}.game-audit-summary i{color:#4e5670;border:1px solid var(--line);background:#fff;border-radius:999px;padding:6px 8px;font-size:7px;font-style:normal;font-weight:900}.game-audit-summary svg{color:#6a5be8;width:18px}.game-audit-detail{gap:14px;padding:0 14px 14px;display:grid}.game-audit-detail>p{color:var(--muted);margin:0;font-size:8px}.game-audit-detail>code{color:#5547c7;text-align:right;direction:ltr;font-size:8px}.audit-level{background:#fff;border:1px solid #e3e5f1;border-radius:14px;gap:9px;padding:12px;display:grid}.audit-level>header{justify-content:space-between;align-items:center;gap:12px;display:flex}.audit-level>header strong{font-size:10px}.audit-level>header span{color:var(--muted);font-size:7px}.audit-rounds{gap:8px;display:grid}.audit-rounds article{background:#fbfcff;border:1px solid #e7e9f4;border-radius:12px;gap:8px;padding:11px;display:grid}.audit-round-head{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.audit-round-head code{color:#4f46e5;direction:ltr;unicode-bidi:embed;background:#f0eeff;border:1px solid #d8d2ff;border-radius:999px;flex:none;padding:6px 9px;font-size:8px;font-weight:900}.audit-rounds h4{margin:0;font-size:10px;line-height:1.9}.audit-options{flex-wrap:wrap;gap:6px;display:flex}.audit-options span{border:1px solid var(--line);background:#fff;border-radius:999px;padding:6px 8px;font-size:8px}.audit-options span.correct{color:#14745f;background:#e5f7f2;border-color:#9edbca;font-weight:900}.audit-options em{font-style:normal}.audit-rounds b{color:#14745f;font-size:9px}.audit-rounds .visual-question{background:#fff;max-width:520px;margin:4px 0;padding:12px}.audit-rounds .visual-label{font-size:12px}.number-line{height:52px;margin:30px 22px 8px;padding-top:0;display:block;overflow:visible}.number-line i{text-align:center;white-space:nowrap;min-width:56px;line-height:1.4;position:absolute;top:16px;transform:translate(50%)}.number-line i b{top:-28px;right:50%;transform:translate(50%)}.number-line em{max-width:100%}.audit-rounds .number-line{height:58px;margin-inline:34px}.audit-rounds .number-line i{font-size:9px}.game-stage-dialog .number-line{width:100%;height:72px;margin-inline:40px}.game-stage-dialog .number-line i{font-size:13px}.game-stage-dialog .number-line i b{height:18px}.audit-rounds .word-cards i{place-items:center;min-width:52px;min-height:52px;font-size:24px;display:grid}.audit-rounds .pattern-row{justify-content:center;gap:10px;max-width:100%;padding-inline:8px}.audit-rounds .pattern-row i{box-sizing:border-box;white-space:normal;overflow-wrap:anywhere;text-align:center;width:auto;min-width:72px;max-width:150px;min-height:58px;padding:8px 12px;font-size:20px;line-height:1.55}.audit-rounds .visual-group{min-width:110px;min-height:auto}.audit-rounds .visual-group-items{grid-template-columns:repeat(5,24px)}.audit-rounds .visual-group i{width:24px!important;height:24px!important;font-size:11px!important}.pattern-row.math-pattern{direction:ltr;unicode-bidi:isolate}.pattern-row.math-pattern i{white-space:nowrap;direction:ltr;unicode-bidi:isolate;width:auto;min-width:54px;padding-inline:12px}.audit-rounds .pattern-row.math-pattern i{min-width:64px;min-height:54px;padding-inline:10px;font-size:20px}.word-cards.latin-cards{direction:ltr;unicode-bidi:isolate}.word-cards.latin-cards i{direction:ltr;unicode-bidi:isolate;font-family:Arial,Helvetica,sans-serif}.latin-text{text-align:left;direction:ltr;unicode-bidi:isolate;font-family:Arial,Helvetica,sans-serif}@media (max-width:760px){.game-audit-summary{grid-template-columns:1fr auto}.game-audit-summary i{display:none}.audit-level>header{flex-direction:column;align-items:flex-start}}.game-stage-dialog .pattern-row{justify-content:center;gap:14px;max-width:100%;padding-inline:10px}.game-stage-dialog .pattern-row i{box-sizing:border-box;white-space:normal;overflow-wrap:anywhere;text-align:center;width:auto;min-width:92px;max-width:180px;height:auto;min-height:72px;padding:10px 14px;font-size:30px;line-height:1.45}@media (max-width:760px){.game-stage-dialog .pattern-row i{min-width:68px;max-width:128px;min-height:56px;font-size:22px}}.grade-one-map-dialog{background:radial-gradient(circle at 14% 12%,#fff2a7 0 95px,#0000 96px),radial-gradient(circle at 86% 20%,#bff4ff 0 150px,#0000 151px),linear-gradient(#eafcff,#fff8db 54%,#dff7ce);border:1px solid #d5d0ff;width:min(1120px,100vw - 28px);overflow:hidden}.map-topbar{flex-wrap:wrap;gap:10px;margin:16px 0;display:flex}.map-topbar span{color:#263252;background:#ffffffd1;border:1px solid #fffffff2;border-radius:999px;align-items:center;gap:7px;padding:9px 12px;font-size:12px;font-weight:950;display:inline-flex;box-shadow:0 10px 24px #252b4814}.map-topbar svg{width:18px}.grade-one-world{background:linear-gradient(#ffffff8f,#ffffff2e);border:1px solid #fffc;border-radius:28px;grid-template-columns:260px minmax(0,1fr);gap:22px;min-height:560px;padding:24px;display:grid;position:relative}.world-scene{background:linear-gradient(#94e5ff,#d9fff3 58%,#c7ee91);border-radius:30px;align-self:stretch;place-items:center;min-height:420px;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 0 0 2px #ffffffb3,0 18px 45px #1f254014}.world-scene:before{content:"";background:radial-gradient(circle at 22% 42%,#ffeb7a 0 16px,#0000 17px),radial-gradient(circle at 70% 35%,#ff8b51 0 11px,#0000 12px),linear-gradient(140deg,#7bd486,#bdf28c);border-radius:55% 55% 0 0;height:45%;position:absolute;inset:auto -30px 0}.world-scene svg{z-index:2;filter:drop-shadow(0 20px 20px #4d43c533);width:112px;animation:3s ease-in-out infinite floaty;position:relative}.world-scene strong{z-index:2;background:#fff;border:3px solid #ffd75b;border-radius:24px;place-items:center;width:74px;height:74px;font-size:34px;display:grid;position:absolute;bottom:42px;right:30px;box-shadow:0 18px 32px #1f254029}.world-scene .sun{background:#fff3a6;border-radius:50%;width:78px;height:78px;position:absolute;top:28px;left:34px;box-shadow:0 0 0 16px #fff3a647}.world-scene .cloud{background:#ffffffd1;border-radius:999px;width:86px;height:28px;position:absolute}.world-scene .cloud:before,.world-scene .cloud:after{content:"";background:inherit;border-radius:50%;position:absolute;bottom:6px}.world-scene .cloud:before{width:28px;height:28px;right:13px}.world-scene .cloud:after{width:38px;height:38px;left:15px}.world-scene .cloud.one{top:120px;right:26px}.world-scene .cloud.two{top:210px;left:26px;transform:scale(.72)}.level-path{grid-template-columns:repeat(4,minmax(130px,1fr));align-content:start;gap:18px;padding:10px;display:grid;position:relative}.level-path:before{content:"";filter:blur(.2px);background:linear-gradient(#ffb75f6b,#6a5be81f);border-radius:60px;height:calc(100% - 78px);position:absolute;inset:34px 46px auto}.level-shell{--step:0;z-index:1;cursor:pointer;min-height:150px;transform:translateY(calc(var(--step) * 7px));background:linear-gradient(#fff,#fff8df);border:3px solid #fff;border-radius:30px;justify-items:center;gap:6px;padding:15px 10px;transition:transform .18s,box-shadow .18s;display:grid;position:relative;box-shadow:0 16px 34px #1f25401f}.level-shell:hover:not(:disabled){transform:translateY(calc(var(--step) * 7px - 4px));box-shadow:0 22px 44px #5046be2e}.level-shell>span{color:#fff;background:linear-gradient(145deg,#6a5be8,#31b99a);border-radius:17px;place-items:center;width:48px;height:48px;display:grid}.level-shell svg{width:24px}.level-shell>b{color:#fff;background:linear-gradient(145deg,#ff8b51,#ffd151);border-radius:18px;place-items:center;width:58px;height:44px;font-size:24px;display:grid}.level-shell small{color:#263252;text-align:center;max-width:120px;font-size:12px;font-weight:950;line-height:1.6}.level-shell em{color:#6557d8;background:#f0eeff;border-radius:999px;padding:5px 9px;font-size:9px;font-style:normal;font-weight:950}.level-shell.done{background:linear-gradient(#e7fff6,#fff)}.level-shell.done>span{background:linear-gradient(145deg,#24aa8b,#31b99a)}.level-shell.done:after{content:"★";color:#ffd151;text-shadow:0 4px #fff,0 8px 18px #ffbe3b57;font-size:28px;position:absolute;top:-10px;left:18px}.level-shell.current>b{background:linear-gradient(145deg,#6a5be8,#31b99a)}.level-shell.locked{opacity:.72;cursor:default;background:linear-gradient(#f4f5fb,#fff)}.level-shell.locked>span{color:#6e758c;background:#e1e5ef}.level-shell.locked>b{color:#9aa2b8;background:#eef1f6}.map-actions{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffd6;border-top:1px solid #ded9ffb3;margin:18px -22px -22px;padding:14px 22px;position:sticky;bottom:-22px}@media (max-width:920px){.grade-one-world{grid-template-columns:1fr}.world-scene{min-height:220px}.level-path{grid-template-columns:repeat(3,minmax(110px,1fr))}}@media (max-width:620px){.grade-one-map-dialog{border-radius:24px 24px 0 0;width:100%;max-height:96dvh}.grade-one-world{padding:14px}.level-path{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:4px}.level-shell{border-radius:24px;min-height:128px}.level-shell small{font-size:10px}.map-actions{margin:14px -16px -16px;padding:12px 16px;bottom:-16px}.map-actions .primary-button{flex:1}}.grade-one-map-dialog{overscroll-behavior:contain;scrollbar-color:#8a7cff #ffffff8c;scrollbar-width:thin;background:radial-gradient(circle at 11% 11%,#fff19b 0 96px,#0000 97px),radial-gradient(circle at 88% 16%,#6fddffd1 0 160px,#0000 161px),linear-gradient(#e9fff8 0,#fff9d6 44%,#dff5c2 100%);max-height:min(92dvh,820px);padding-bottom:0;overflow-y:auto}.grade-one-map-dialog header{z-index:9;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:linear-gradient(#f8fffcf5,#f8fffcb8);margin:-22px -22px 0;padding:22px 22px 12px;position:sticky;top:-22px}.map-theme-math{background:radial-gradient(circle at 12% 12%,#fff19b 0 98px,#0000 99px),radial-gradient(circle at 88% 18%,#74dfffc7 0 165px,#0000 166px),linear-gradient(#eafffb 0,#fff4cc 46%,#d9f0a4 100%)}.map-theme-persian{background:radial-gradient(circle at 12% 12%,#ffe8a3 0 95px,#0000 96px),radial-gradient(circle at 88% 18%,#c6a7ff8c 0 160px,#0000 161px),linear-gradient(#fff9ed 0,#f8edff 47%,#dff4d0 100%)}.map-theme-english{background:radial-gradient(circle at 12% 12%,#fff19b 0 95px,#0000 96px),radial-gradient(circle at 88% 18%,#6accffa6 0 160px,#0000 161px),linear-gradient(#eefaff 0,#f6fff0 45%,#cfecff 100%)}.map-theme-science{background:radial-gradient(circle at 12% 12%,#fff2a8 0 95px,#0000 96px),radial-gradient(circle at 88% 18%,#85ffd88c 0 160px,#0000 161px),linear-gradient(#edfff7 0,#f4fff1 45%,#d8f1ff 100%)}.grade-one-world{background:linear-gradient(#ffffff94,#ffffff3d);min-height:0;padding:28px 24px 86px;overflow:visible}.world-scene{background:linear-gradient(#74d9ff 0,#bef7ff 46%,#a6df78 47%,#7ccd57 100%)}.world-scene:before{background:radial-gradient(circle at 16% 54%,#fff06b 0 12px,#0000 13px),radial-gradient(circle at 34% 42%,#ff8d65 0 10px,#0000 11px),radial-gradient(circle at 78% 54%,#fff 0 9px,#0000 10px),linear-gradient(135deg,#8b5e34 0 24%,#a8703f 25% 38%,#79c84b 39% 100%);border-radius:48% 58% 0 0;height:48%}.world-scene .field-row{z-index:1;opacity:.72;background:repeating-linear-gradient(90deg,#ffffffb3 0 20px,#fff0 20px 42px);border-radius:999px;height:13px;position:absolute;left:24px;right:24px}.world-scene .field-row.a{bottom:122px;transform:rotate(-8deg)}.world-scene .field-row.b{bottom:82px;transform:rotate(7deg)}.world-scene .field-row.c{bottom:44px;transform:rotate(-5deg)}.map-theme-persian .world-scene:before{background:radial-gradient(circle at 24% 44%,#ffd56b 0 14px,#0000 15px),radial-gradient(circle at 64%,#ff89b7 0 12px,#0000 13px),linear-gradient(135deg,#9b6bdb 0 26%,#ffd56b 27% 39%,#86d07d 40% 100%)}.map-theme-english .world-scene:before{background:radial-gradient(circle at 20% 48%,#fff 0 12px,#0000 13px),radial-gradient(circle at 70% 42%,#5fc8ff 0 12px,#0000 13px),linear-gradient(135deg,#36b7d9 0 25%,#ffd96d 26% 37%,#91d86f 38% 100%)}.map-theme-science .world-scene:before{background:radial-gradient(circle at 25% 48%,#b7ffcb 0 13px,#0000 14px),radial-gradient(circle at 74% 40%,#88d6ff 0 12px,#0000 13px),linear-gradient(135deg,#2cb98f 0 26%,#ffe37d 27% 39%,#70ca69 40% 100%)}.level-path{grid-template-columns:repeat(4,minmax(126px,1fr));gap:26px 20px;padding:24px 12px 30px}.level-path:before{filter:none;background:linear-gradient(135deg,#0000 0 9%,#b270362e 10% 15%,#0000 16% 25%,#b270363d 26% 32%,#0000 33% 43%,#b2703633 44% 50%,#0000 51% 60%,#b2703638 61% 68%,#0000 69% 100%),linear-gradient(#b97c426b,#ffd75b57);border:5px dashed #ffffffb8;height:auto;inset:30px 44px;box-shadow:inset 0 0 0 12px #fff1b538}.level-shell{background:linear-gradient(#fffef8,#fff3d4);border-color:#ffffffeb;min-height:164px;box-shadow:0 18px 34px #604a2724,inset 0 -10px #ffd75b29}.level-shell:nth-child(4n+1){transform:translateY(8px)rotate(-1deg)}.level-shell:nth-child(4n+2){transform:translateY(34px)rotate(1deg)}.level-shell:nth-child(4n+3){transform:translateY(6px)rotate(.8deg)}.level-shell:nth-child(4n){transform:translateY(30px)rotate(-.8deg)}.level-shell:before{content:"";pointer-events:none;background:radial-gradient(circle at 18% 82%,#54c55d2e 0 18px,#0000 19px),radial-gradient(circle at 82% 18%,#ffd15138 0 20px,#0000 21px);border-radius:23px;position:absolute;inset:10px}.level-shell>span,.level-shell>b,.level-shell small,.level-shell em{z-index:1;position:relative}.level-shell>span{background:linear-gradient(145deg,#6a5be8,#24b7c7);border-radius:20px;width:54px;height:54px;box-shadow:0 10px 20px #404cb233}.level-shell>b{background:linear-gradient(145deg,#ff8b51,#ffd151);border-radius:20px;width:64px;height:52px;font-size:28px}.level-shell small{max-width:136px;font-size:13px}.level-shell em{background:#fff;border:1px solid #e4ddff;font-size:10px}.level-shell.done{background:linear-gradient(#e7fff2,#fffdf4);box-shadow:0 18px 34px #31a97d29,inset 0 -10px #31b99a1f}.level-shell.current{border-color:#ffcf4e;box-shadow:0 24px 52px #ff8b513d,0 0 0 9px #ffd75b33,inset 0 -12px #ffd1512e}.level-shell.locked{opacity:.66;filter:saturate(.65);box-shadow:0 12px 26px #252b4814}.map-actions{z-index:12;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffe6;border-top:1px solid #ded9ffd9;justify-content:space-between;gap:12px;margin:0 -22px;padding:14px 22px 16px;display:flex;position:sticky;bottom:0}@media (max-width:920px){.grade-one-map-dialog{max-height:94dvh}.grade-one-world{grid-template-columns:1fr;padding-bottom:90px}.world-scene{min-height:250px}.level-path{grid-template-columns:repeat(3,minmax(112px,1fr));gap:20px 14px}.level-path:before{inset:28px 28px 24px}}@media (max-width:620px){.grade-one-map-dialog{max-height:96dvh}.grade-one-map-dialog header{margin:-16px -16px 0;padding:16px 16px 10px;top:-16px}.grade-one-world{padding:12px 10px 88px}.level-path{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 10px}.level-shell{min-height:140px;padding:12px 8px}.level-shell:nth-child(n){transform:none}.level-shell small{font-size:11px}.map-actions{margin:0 -16px;padding:12px 16px}.map-actions .primary-button{flex:1}}.grade-one-world{background:linear-gradient(#ffffff9e,#ffffff47),radial-gradient(circle at 28% 16%,#ffffffb8,#0000 24%);border-radius:32px;grid-template-columns:minmax(0,1fr) 300px;align-items:stretch;gap:18px;padding:22px 20px 92px}.world-scene{grid-column:2;min-height:590px}.level-path{background:radial-gradient(circle at 10% 11%,#fff18b94 0 42px,#0000 43px),radial-gradient(circle at 88% 20%,#69daff6b 0 70px,#0000 71px),linear-gradient(#d9f6a8 0,#c2ec8c 34%,#94dc78 100%);border:4px solid #ffffffb8;border-radius:34px;flex-direction:column;grid-column:1;gap:20px;min-height:980px;padding:44px 52px 128px;display:flex;overflow:hidden;box-shadow:inset 0 0 0 10px #ffffff29,0 18px 42px #252b481a}.level-path:before{background:linear-gradient(#a96d38,#b97a43);border:9px solid #ffffff6b;border-radius:52% 46% 48% 54%/9% 12% 13% 10%;height:auto;inset:26px 18% 92px;transform:skew(-7deg);box-shadow:inset 0 0 0 10px #8b532426,0 0 0 999px #ffffff14}.level-path:after{content:"";pointer-events:none;background:radial-gradient(circle at 12% 20%,#fff 0 5px,#0000 6px),radial-gradient(circle at 22% 23%,#ff6d91 0 5px,#0000 6px),radial-gradient(circle at 80% 28%,#fff 0 5px,#0000 6px),radial-gradient(circle at 90% 68%,#ffd24b 0 6px,#0000 7px),radial-gradient(circle at 16% 75%,#ff6d91 0 5px,#0000 6px),radial-gradient(circle at 73% 86%,#fff 0 5px,#0000 6px);position:absolute;inset:22px}.level-shell{background:linear-gradient(#fffdf5 0,#ffeaa8 100%);border:4px solid #fff7c9;border-radius:34px;width:min(220px,45%);min-height:126px;padding:12px 10px 14px;box-shadow:0 16px #6643201f,0 24px 36px #5e452433,inset 0 -10px #ffae4b33}.level-shell:nth-child(n){transform:none}.level-shell:nth-child(6n+1){align-self:flex-end;rotate:-2deg}.level-shell:nth-child(6n+2){align-self:center;translate:-7%;rotate:2deg}.level-shell:nth-child(6n+3){align-self:flex-start;rotate:-1deg}.level-shell:nth-child(6n+4){align-self:center;translate:8%;rotate:1.5deg}.level-shell:nth-child(6n+5){align-self:flex-end;translate:-4%;rotate:-1deg}.level-shell:nth-child(6n){align-self:flex-start;translate:6%;rotate:2deg}.level-shell:hover:not(:disabled){transform:scale(1.035)translateY(-3px)}.level-shell>span{border-radius:18px;width:50px;height:50px}.level-shell>b{color:#fff;background:linear-gradient(145deg,#ff8f4f,#ffc645);border:3px solid #ffffffb8;width:62px;height:48px;font-size:27px}.level-shell small{font-size:13px}.level-shell.current{background:linear-gradient(#fff 0,#fff2a9 100%);border-color:#ffd447;box-shadow:0 0 0 9px #ffd4473d,0 20px #7e542224,0 30px 48px #ff8f4f52,inset 0 -12px #ffc64533}.level-shell.current:after{content:"";border:3px dashed #ffcd3bb8;border-radius:42px;animation:1.7s ease-in-out infinite pulseRing;position:absolute;inset:-16px}.level-shell.done{background:linear-gradient(#e8fff4,#caffdc);border-color:#d9ffec;box-shadow:0 14px #2f8b5c24,0 24px 38px #2082562e,inset 0 -10px #2cb97829}.level-shell.locked{filter:saturate(.5);opacity:.72;background:linear-gradient(#f5f4ec,#ddd8c8);border-color:#ffffffb8}.map-landmarks{pointer-events:none;position:absolute;inset:0}.map-landmarks span{z-index:3;color:#253052;background:#ffffffe6;border:3px solid #ffd75bd9;border-radius:18px;place-items:center;min-width:54px;height:42px;padding:0 10px;font-size:17px;font-weight:950;display:grid;position:absolute;box-shadow:0 12px 26px #252b4824}.map-landmarks .landmark-0{top:72px;right:26px}.map-landmarks .landmark-1{top:168px;left:28px}.map-landmarks .landmark-2{bottom:138px;right:32px}.map-landmarks .landmark-3{bottom:54px;left:28px}.map-theme-persian .level-path{background:radial-gradient(circle at 12% 12%,#ffd86f 0 42px,#0000 43px),linear-gradient(#f7ddff 0,#d4f0a2 58%,#99db80 100%)}.map-theme-persian .level-path:before{background:linear-gradient(#8e68cf,#b982e8)}.map-theme-english .level-path{background:radial-gradient(circle at 15% 15%,#fff 0 38px,#0000 39px),linear-gradient(#b8efff 0,#d9f7a9 58%,#87d49d 100%)}.map-theme-english .level-path:before{background:linear-gradient(#48a9e6,#2fc2a3)}.map-theme-science .level-path{background:radial-gradient(circle at 18% 16%,#b8ffe2 0 42px,#0000 43px),linear-gradient(#d7fff0 0,#bef1d1 48%,#8bd2ee 100%)}.map-theme-science .level-path:before{background:linear-gradient(#2db88d,#43aee1)}.map-kind-picture-island .world-scene strong,.map-kind-spelling-island .world-scene strong,.map-kind-word-island .world-scene strong{border-radius:28px 18px}.map-kind-math-island .world-scene strong{background:#fff8cf}.map-kind-spelling-island .level-shell>b{background:linear-gradient(145deg,#7e66ff,#ff8fb3)}.map-kind-picture-island .level-shell>b{background:linear-gradient(145deg,#35b6ff,#5fd86c)}@keyframes pulseRing{0%,to{opacity:.5;transform:scale(.98)}50%{opacity:1;transform:scale(1.03)}}@media (max-width:920px){.grade-one-world{grid-template-columns:1fr}.world-scene{grid-column:auto;min-height:260px}.level-path{grid-column:auto;min-height:760px;padding-inline:34px}.level-shell{width:min(230px,54%)}}@media (max-width:620px){.level-path{min-height:720px;padding:30px 20px 110px}.level-path:before{inset:22px 24% 88px}.level-shell{width:min(188px,62%);min-height:116px}.level-shell:nth-child(n){translate:0;rotate:0;align-self:center}.level-shell:nth-child(odd){align-self:flex-end}.level-shell:nth-child(2n){align-self:flex-start}.map-landmarks span{min-width:42px;height:34px;font-size:13px}.world-scene{min-height:210px}}.visual-hint-locked{min-height:260px;position:relative;overflow:hidden;background:linear-gradient(145deg,#fff,#f7fbff)!important;border:2px dashed #c9c4f8!important}.hint-checker{opacity:.78;background-color:#f4f2ff;background-image:linear-gradient(45deg,#6a5be829 25%,#0000 25% 75%,#6a5be829 75%),linear-gradient(45deg,#6a5be829 25%,#0000 25% 75%,#6a5be829 75%);background-position:0 0,18px 18px;background-size:36px 36px;grid-template-columns:repeat(6,1fr);display:grid;position:absolute;inset:0}.hint-checker i{background:linear-gradient(#ffffff0a,#ffffff73);border-inline:1px solid #ffffff47;min-height:100%}.hint-lock-card{z-index:1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border:1px solid #ded9ff;border-radius:22px;place-items:center;gap:12px;min-width:190px;padding:18px 22px;display:grid;position:relative;box-shadow:0 18px 45px #252b4824}.hint-lock-card>span{color:#fff;background:linear-gradient(145deg,#6a5be8,#31b99a);border-radius:18px;place-items:center;width:58px;height:58px;display:grid;box-shadow:0 12px 24px #5046be38}.hint-lock-card svg{width:25px;height:25px}.hint-lock-card strong{color:#253052;font-size:16px;font-weight:950}.hint-lock-card button{color:#fff;cursor:pointer;background:linear-gradient(145deg,#6a5be8,#ff9b55);border:0;border-radius:14px;justify-content:center;align-items:center;gap:7px;min-width:88px;height:42px;font-size:14px;font-weight:950;display:inline-flex;box-shadow:0 12px 24px #6a5be82e}.hint-lock-card button:hover{transform:translateY(-1px)}@media (max-width:760px){.visual-hint-locked{min-height:190px}.hint-lock-card{min-width:160px;padding:14px 16px}.hint-lock-card>span{width:48px;height:48px}.hint-lock-card strong{font-size:14px}}.game-hero{background:radial-gradient(circle at 14% 18%,#fff19b 0 76px,#0000 77px),radial-gradient(circle at 84% 16%,#9defff 0 120px,#0000 121px),linear-gradient(135deg,#f9f5ff 0,#fff7cf 45%,#dff7cd 100%);position:relative}.game-hero:after{content:"";opacity:.7;pointer-events:none;background:radial-gradient(circle at 12% 55%,#ff7c6f 0 9px,#0000 10px),radial-gradient(circle at 20% 40%,#ffd151 0 8px,#0000 9px),radial-gradient(circle at 72% 45%,#31b99a 0 10px,#0000 11px);height:54px;position:absolute;inset:auto 20px 0}.game-tabs{z-index:4;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(#f5f7fceb,#f5f7fc9e);padding:10px 0;position:sticky;top:0}.game-tabs button{background:linear-gradient(#fff,#f8f8ff);min-height:38px;padding:9px 16px;box-shadow:0 8px 18px #252b480d}.game-grid{align-items:stretch;gap:18px}.game-card{background:linear-gradient(#fff,#fbfbff);border:2px solid #ffffffe6;border-radius:28px;min-height:310px;padding:18px;position:relative;overflow:hidden;box-shadow:0 22px 46px #252b481a,inset 0 -12px #6a5be80a}.game-card:before{content:"";pointer-events:none;background:radial-gradient(circle at 20% 16%,#ffffffe6 0 38px,#0000 39px),radial-gradient(circle at 84% 26%,#ffffff8c 0 56px,#0000 57px),linear-gradient(155deg,#6a5be814,#0000 42%,#24aa8b1a);position:absolute;inset:0}.game-card>*{z-index:1;position:relative}.game-card-poster{background:linear-gradient(145deg,#ffffffc7,#ffffff59);border-radius:24px;grid-template-rows:1fr 1fr;grid-template-columns:1.2fr 1fr;gap:8px;min-height:96px;margin:-4px 0 8px;padding:12px;display:grid;position:relative;box-shadow:inset 0 0 0 1px #fffc,0 12px 24px #252b4814}.game-card-poster i{color:#253052;background:#fff;border:2px solid #ffffffe6;border-radius:16px;place-items:center;min-height:34px;font-size:18px;font-style:normal;font-weight:950;display:grid;box-shadow:0 8px 16px #252b4814}.game-card-poster i:first-child{color:#fff;background:linear-gradient(145deg,#6a5be8,#31b99a);grid-row:1/3;font-size:34px}.game-card-math{background:linear-gradient(#fff9cf,#e6f8ff)}.game-card-math .game-card-poster{background:linear-gradient(145deg,#fff4a8,#bff3ff)}.game-card-math .game-card-poster i:first-child{background:linear-gradient(145deg,#ff8b51,#ffd151)}.game-card-persian{background:linear-gradient(#fff3f2,#f2eaff)}.game-card-persian .game-card-poster{background:linear-gradient(145deg,#ffe1e7,#eee4ff)}.game-card-persian .game-card-poster i:first-child{background:linear-gradient(145deg,#9b6bdb,#ff8fb3)}.game-card-english{background:linear-gradient(#eaf8ff,#f4fff0)}.game-card-english .game-card-poster{background:linear-gradient(145deg,#bcefff,#e5ffd7)}.game-card-english .game-card-poster i:first-child{background:linear-gradient(145deg,#2ea8ef,#31b99a)}.game-card-science{background:linear-gradient(#edfff6,#e8f4ff)}.game-card-science .game-card-poster{background:linear-gradient(145deg,#cffff0,#d9f0ff)}.game-card-science .game-card-poster i:first-child{background:linear-gradient(145deg,#27aa7c,#43aee1)}.game-card-quran{background:linear-gradient(#fff8db,#eefdf3)}.game-card-quran .game-card-poster{background:linear-gradient(145deg,#fff0a8,#d9ffe8)}.game-card-quran .game-card-poster i:first-child{background:linear-gradient(145deg,#24aa8b,#ffd151)}.game-card h3{font-size:18px}.game-card p{font-size:10px;line-height:2}.game-card .bar{background:#ffffffb3;height:9px}.game-card .bar i{background:linear-gradient(90deg,#6a5be8,#31b99a,#ffd151)}.game-card footer button{border-radius:16px;box-shadow:0 10px 22px #6a5be82e}.game-card.locked{opacity:.86;filter:saturate(.65);background:#f2f3f8}.game-card.daily-locked:after{content:"امروز کامل شد";z-index:2;color:#8a5a15;background:#fff4c9;border:1px solid #ffdf82;border-radius:999px;padding:7px 10px;font-size:9px;font-weight:950;position:absolute;top:16px;left:16px}@media (max-width:650px){.game-card{min-height:280px}.game-card-poster{min-height:82px}.game-tabs{flex-wrap:nowrap;top:0;overflow:auto}.game-tabs button{white-space:nowrap}}.map-grade-2{background:radial-gradient(circle at 12% 10%,#fff3a6 0 92px,#0000 93px),radial-gradient(circle at 86% 17%,#54cdffb8 0 150px,#0000 151px),linear-gradient(#e9faff 0,#fff7de 48%,#d6f0d8 100%)}.map-grade-2 .grade-one-world{background:linear-gradient(#ffffffa3,#ffffff4d),radial-gradient(circle at 14% 82%,#ffdd624d,#0000 24%);border-radius:34px;grid-template-columns:minmax(0,1fr) 320px;gap:22px}.map-grade-2 .world-scene{background:linear-gradient(#69d5ff 0,#b8f3ff 42%,#83d59b 43%,#58bc76 100%);grid-column:2;min-height:620px}.map-grade-2 .world-scene:before{background:radial-gradient(circle at 18% 42%,#ffe46c 0 13px,#0000 14px),radial-gradient(circle at 70% 45%,#ff9c64 0 10px,#0000 11px),radial-gradient(at 74% 74%,#57c7ff 0 34px,#0000 35px),linear-gradient(142deg,#8a5a32 0 19%,#bf8142 20% 35%,#71c94c 36% 100%);border-radius:42% 58% 0 0;height:54%}.map-grade-2 .world-scene strong{background:#fffdf0;border-color:#58d7c1;bottom:54px;left:28px;right:auto}.map-grade-2 .world-scene .field-row{background:repeating-linear-gradient(90deg,#ffffffd1 0 18px,#fff0 18px 38px)}.map-grade-2 .map-landmarks span{background:#ffffffe6;border-color:#58d7c1d9}.map-grade-2 .map-landmarks .landmark-0{top:88px;left:30px;right:auto}.map-grade-2 .map-landmarks .landmark-1{top:190px;left:auto;right:34px}.map-grade-2 .map-landmarks .landmark-2{bottom:160px;right:40px}.map-grade-2 .map-landmarks .landmark-3{bottom:78px;left:34px}.map-grade-2 .level-path{background:radial-gradient(circle at 8% 12%,#fff59b9e 0 42px,#0000 43px),radial-gradient(circle at 88% 28%,#5dd7ff5c 0 76px,#0000 77px),linear-gradient(#c7f0ff 0,#d7f5b9 38%,#98de8a 100%);border-color:#fffc;grid-column:1;min-height:1120px;padding:52px 60px 134px}.map-grade-2 .level-path:before{background:linear-gradient(#58c2e2 0 18%,#b5824d 19% 50%,#58c2e2 51% 70%,#b5824d 71% 100%);border:10px solid #ffffff73;border-radius:45% 55% 42% 58%/8% 13% 9% 12%;inset:30px 20% 100px 16%;transform:skew(5deg);box-shadow:inset 0 0 0 11px #ffffff29,0 0 0 999px #ffffff12}.map-grade-2 .level-path:after{content:"";pointer-events:none;background:radial-gradient(circle at 15% 18%,#fff 0 5px,#0000 6px),radial-gradient(circle at 21% 21%,#ff6f9b 0 5px,#0000 6px),radial-gradient(circle at 77% 23%,#ffd44e 0 6px,#0000 7px),radial-gradient(circle at 88% 60%,#fff 0 5px,#0000 6px),radial-gradient(circle at 17% 73%,#5ed8ff 0 6px,#0000 7px),radial-gradient(circle at 72% 89%,#ff6f9b 0 5px,#0000 6px);position:absolute;inset:24px}.map-grade-2 .level-shell{background:linear-gradient(#fff 0,#eafcff 100%);border-color:#e7fbff;width:min(230px,46%);min-height:132px;box-shadow:0 16px #257a911f,0 26px 40px #252b4829,inset 0 -10px #5fceff29}.map-grade-2 .level-shell:nth-child(6n+1){align-self:flex-start;translate:8%;rotate:1.2deg}.map-grade-2 .level-shell:nth-child(6n+2){align-self:center;translate:12%;rotate:-1.8deg}.map-grade-2 .level-shell:nth-child(6n+3){align-self:flex-end;translate:-4%;rotate:2deg}.map-grade-2 .level-shell:nth-child(6n+4){align-self:center;translate:-10%;rotate:-1deg}.map-grade-2 .level-shell:nth-child(6n+5){align-self:flex-start;translate:4%;rotate:1.5deg}.map-grade-2 .level-shell:nth-child(6n){align-self:flex-end;translate:-8%;rotate:-1.4deg}.map-grade-2 .level-shell>span{background:linear-gradient(145deg,#2ba7e6,#24aa8b)}.map-grade-2 .level-shell>b{background:linear-gradient(145deg,#6a5be8,#37c2e7)}.map-grade-2 .level-shell.current{background:linear-gradient(#fff 0,#fff6bf 100%);border-color:#ffcd49;box-shadow:0 0 0 9px #ffcd493b,0 20px #2777911f,0 30px 48px #48a9e642,inset 0 -12px #ffcd492e}.map-grade-2 .level-shell.done{background:linear-gradient(#e8fff8,#c9fff0);border-color:#dfffee;box-shadow:0 14px #23977b24,0 24px 38px #23977b29,inset 0 -10px #23977b24}.map-grade-2 .level-shell.locked{background:linear-gradient(#f1f6f8,#dce7ed);border-color:#ffffffb8}.map-grade-2.map-theme-math .level-path{background:radial-gradient(circle at 10% 12%,#ffe6639e 0 42px,#0000 43px),linear-gradient(#dff8ff 0,#fff0ae 45%,#95dc87 100%)}.map-grade-2.map-theme-persian .level-path{background:radial-gradient(circle at 10% 12%,#ffd379ad 0 42px,#0000 43px),linear-gradient(#f7e6ff 0,#dff3b0 52%,#94d987 100%)}.map-grade-2.map-theme-english .level-path{background:radial-gradient(circle at 10% 12%,#ffffffc7 0 42px,#0000 43px),linear-gradient(#b9f0ff 0,#ddf8b7 55%,#83d49d 100%)}.map-grade-2.map-theme-science .level-path{background:radial-gradient(circle at 10% 12%,#aeffdfb8 0 42px,#0000 43px),linear-gradient(#d6fff0 0,#c3f2dc 45%,#91d7f2 100%)}@media (max-width:920px){.map-grade-2 .grade-one-world{grid-template-columns:1fr}.map-grade-2 .world-scene{grid-column:auto;min-height:270px}.map-grade-2 .level-path{grid-column:auto;min-height:820px;padding-inline:34px}.map-grade-2 .level-shell{width:min(232px,56%)}}@media (max-width:620px){.map-grade-2 .level-path{min-height:760px;padding:30px 20px 112px}.map-grade-2 .level-path:before{inset:24px 25% 90px}.map-grade-2 .level-shell{width:min(192px,64%);min-height:118px}.map-grade-2 .level-shell:nth-child(n){translate:0;rotate:0;align-self:center}.map-grade-2 .level-shell:nth-child(odd){align-self:flex-start}.map-grade-2 .level-shell:nth-child(2n){align-self:flex-end}}.map-grade-3{background:radial-gradient(circle at 13% 9%,#fff2a4 0 86px,#0000 87px),radial-gradient(circle at 88% 18%,#73bfffa3 0 155px,#0000 156px),linear-gradient(#edf7ff 0,#fff7df 44%,#d7f0e6 100%)}.map-grade-3 .grade-one-world{background:linear-gradient(#ffffffa8,#ffffff52),radial-gradient(circle at 80% 78%,#6a5be824,#0000 28%);border-radius:34px;grid-template-columns:minmax(0,1fr) 330px;gap:24px}.map-grade-3 .world-scene{background:linear-gradient(#6ccfff 0,#c2f4ff 38%,#a9d98a 39%,#68bd72 100%);grid-column:2;min-height:640px}.map-grade-3 .world-scene:before{background:radial-gradient(circle at 17% 38%,#ffe45e 0 13px,#0000 14px),radial-gradient(circle at 52% 52%,#fff 0 9px,#0000 10px),radial-gradient(at 76% 72%,#53bfff 0 44px,#0000 45px),linear-gradient(150deg,#76503d 0 17%,#b4774a 18% 33%,#5fbf74 34% 100%);border-radius:36% 64% 0 0;height:56%}.map-grade-3 .world-scene strong{background:#fff;border-color:#9b8cff;bottom:58px;right:26px}.map-grade-3 .map-landmarks span{background:#ffffffeb;border-color:#9b8cffd1}.map-grade-3 .map-landmarks .landmark-0{top:78px;right:30px}.map-grade-3 .map-landmarks .landmark-1{top:186px;left:30px}.map-grade-3 .map-landmarks .landmark-2{bottom:170px;right:40px}.map-grade-3 .map-landmarks .landmark-3{bottom:82px;left:34px}.map-grade-3 .level-path{background:radial-gradient(circle at 9% 11%,#ffe96599 0 42px,#0000 43px),radial-gradient(circle at 86% 23%,#6a5be829 0 76px,#0000 77px),linear-gradient(#d9f7ff 0,#e9f4b5 32%,#9fdc86 64%,#83d7cf 100%);border-color:#ffffffd1;grid-column:1;min-height:1180px;padding:58px 64px 140px}.map-grade-3 .level-path:before{background:linear-gradient(#6a5be8 0 14%,#50b8e8 15% 28%,#b87948 29% 58%,#50b8e8 59% 73%,#6a5be8 74% 100%);border:10px solid #ffffff7a;border-radius:52% 48% 50% 50%/7% 12% 8% 13%;inset:34px 17% 104px 19%;transform:skew(-4deg);box-shadow:inset 0 0 0 10px #ffffff24,0 0 0 999px #ffffff0f}.map-grade-3 .level-path:after{content:"";pointer-events:none;background:radial-gradient(circle at 14% 16%,#fff 0 5px,#0000 6px),radial-gradient(circle at 22% 24%,#ff7f9f 0 6px,#0000 7px),radial-gradient(circle at 78% 22%,#ffd451 0 6px,#0000 7px),radial-gradient(circle at 88% 54%,#fff 0 5px,#0000 6px),radial-gradient(circle at 16% 69%,#53caff 0 6px,#0000 7px),radial-gradient(circle at 70% 86%,#ff7f9f 0 5px,#0000 6px);position:absolute;inset:26px}.map-grade-3 .level-shell{background:linear-gradient(#fff 0,#f3f0ff 100%);border-color:#eeeaff;width:min(238px,47%);min-height:136px;box-shadow:0 16px #574baa1f,0 28px 42px #252b482b,inset 0 -10px #6a5be81f}.map-grade-3 .level-shell:nth-child(6n+1){align-self:flex-end;translate:-8%;rotate:-1.2deg}.map-grade-3 .level-shell:nth-child(6n+2){align-self:center;translate:-14%;rotate:1.5deg}.map-grade-3 .level-shell:nth-child(6n+3){align-self:flex-start;translate:6%;rotate:-1.8deg}.map-grade-3 .level-shell:nth-child(6n+4){align-self:center;translate:12%;rotate:1deg}.map-grade-3 .level-shell:nth-child(6n+5){align-self:flex-end;translate:-4%;rotate:-1.4deg}.map-grade-3 .level-shell:nth-child(6n){align-self:flex-start;translate:10%;rotate:1.8deg}.map-grade-3 .level-shell>span{background:linear-gradient(145deg,#6a5be8,#36b8e8)}.map-grade-3 .level-shell>b{background:linear-gradient(145deg,#ff8b51,#6a5be8)}.map-grade-3 .level-shell.current{background:linear-gradient(#fff 0,#fff4ca 100%);border-color:#ffd452;box-shadow:0 0 0 9px #ffd4523b,0 20px #574baa1f,0 32px 52px #6a5be840,inset 0 -12px #ffd4522e}.map-grade-3 .level-shell.done{background:linear-gradient(#e8fff8,#d9fff3);border-color:#dfffee;box-shadow:0 14px #23977b24,0 24px 38px #23977b29,inset 0 -10px #23977b24}.map-grade-3 .level-shell.locked{background:linear-gradient(#f3f4fa,#dde1ec);border-color:#ffffffb8}.map-grade-3.map-theme-math .level-path{background:radial-gradient(circle at 10% 12%,#ffe0529e 0 42px,#0000 43px),linear-gradient(#dff7ff 0,#fff0b8 36%,#9cdf84 70%,#7bd3cb 100%)}.map-grade-3.map-theme-persian .level-path{background:radial-gradient(circle at 10% 12%,#ffc2e48c 0 42px,#0000 43px),linear-gradient(#f5e4ff 0,#e8efba 50%,#95d987 100%)}.map-grade-3.map-theme-english .level-path{background:radial-gradient(circle at 10% 12%,#ffffffc7 0 42px,#0000 43px),linear-gradient(#b8efff 0,#e4f8b6 55%,#79d49b 100%)}.map-grade-3.map-theme-science .level-path{background:radial-gradient(circle at 10% 12%,#b5ffe3bd 0 42px,#0000 43px),linear-gradient(#d8fff0 0,#bbf0dc 46%,#8bd7f1 100%)}.map-grade-3.map-theme-quran .level-path{background:radial-gradient(circle at 10% 12%,#ffe874a8 0 42px,#0000 43px),linear-gradient(#fff8d7 0,#dff5d4 52%,#8fd9be 100%)}@media (max-width:920px){.map-grade-3 .grade-one-world{grid-template-columns:1fr}.map-grade-3 .world-scene{grid-column:auto;min-height:280px}.map-grade-3 .level-path{grid-column:auto;min-height:860px;padding-inline:36px}.map-grade-3 .level-shell{width:min(236px,56%)}}@media (max-width:620px){.map-grade-3 .level-path{min-height:790px;padding:32px 20px 114px}.map-grade-3 .level-path:before{inset:24px 25% 92px}.map-grade-3 .level-shell{width:min(196px,65%);min-height:120px}.map-grade-3 .level-shell:nth-child(n){translate:0;rotate:0;align-self:center}.map-grade-3 .level-shell:nth-child(odd){align-self:flex-end}.map-grade-3 .level-shell:nth-child(2n){align-self:flex-start}}.map-grade-4{background:radial-gradient(circle at 12% 9%,#fff0a6 0 82px,#0000 83px),radial-gradient(circle at 88% 18%,#6ecdec8f 0 150px,#0000 151px),linear-gradient(#f0f8ff 0,#fff8e6 42%,#d9efdb 100%)}.map-grade-4 .grade-one-world{background:linear-gradient(#ffffffad,#ffffff57),radial-gradient(circle at 18% 82%,#ff8b511f,#0000 27%);border-radius:34px;grid-template-columns:minmax(0,1fr) 340px;gap:24px}.map-grade-4 .world-scene{background:linear-gradient(#70d1f5 0,#c6f1ff 34%,#a4d77f 35%,#62ba70 100%);grid-column:2;min-height:660px}.map-grade-4 .world-scene:before{background:radial-gradient(circle at 16% 35%,#ffe25b 0 13px,#0000 14px),radial-gradient(circle at 61% 47%,#fff 0 8px,#0000 9px),radial-gradient(at 74% 72%,#67c7ff 0 50px,#0000 51px),linear-gradient(152deg,#694c3b 0 16%,#b07a4a 17% 31%,#60ba69 32% 100%);border-radius:34% 66% 0 0;height:58%}.map-grade-4 .world-scene strong{background:#fff;border-color:#ffb45e;bottom:62px;left:28px;right:auto}.map-grade-4 .map-landmarks span{background:#ffffffeb;border-color:#ffb45edb}.map-grade-4 .map-landmarks .landmark-0{top:84px;left:30px;right:auto}.map-grade-4 .map-landmarks .landmark-1{top:196px;left:auto;right:34px}.map-grade-4 .map-landmarks .landmark-2{bottom:180px;right:42px}.map-grade-4 .map-landmarks .landmark-3{bottom:84px;left:34px}.map-grade-4 .level-path{background:radial-gradient(circle at 9% 10%,#ffe15994 0 42px,#0000 43px),radial-gradient(circle at 86% 24%,#ff8b5129 0 76px,#0000 77px),linear-gradient(#d9f6ff 0,#f4efb8 28%,#a4dc86 60%,#9bd7e2 100%);border-color:#ffffffd6;grid-column:1;min-height:1240px;padding:64px 68px 146px}.map-grade-4 .level-path:before{background:linear-gradient(#ff9b55 0 13%,#48b7de 14% 27%,#9b6a43 28% 55%,#48b7de 56% 74%,#6a5be8 75% 100%);border:11px solid #ffffff80;border-radius:45% 55% 44% 56%/6% 11% 8% 13%;inset:36px 18% 110px 17%;transform:skew(3deg);box-shadow:inset 0 0 0 10px #ffffff24,0 0 0 999px #ffffff0f}.map-grade-4 .level-path:after{content:"";pointer-events:none;background:radial-gradient(circle at 13% 15%,#fff 0 5px,#0000 6px),radial-gradient(circle at 22% 24%,#ff7d9f 0 6px,#0000 7px),radial-gradient(circle at 78% 20%,#ffd451 0 6px,#0000 7px),radial-gradient(circle at 86% 51%,#fff 0 5px,#0000 6px),radial-gradient(circle at 15% 66%,#53caff 0 6px,#0000 7px),radial-gradient(circle at 72% 87%,#ff8b51 0 6px,#0000 7px);position:absolute;inset:28px}.map-grade-4 .level-shell{background:linear-gradient(#fff 0,#fff4e6 100%);border-color:#fff2df;width:min(244px,48%);min-height:140px;box-shadow:0 16px #97602f1f,0 30px 44px #252b482b,inset 0 -10px #ff8b5121}.map-grade-4 .level-shell:nth-child(6n+1){align-self:flex-start;translate:10%;rotate:1.4deg}.map-grade-4 .level-shell:nth-child(6n+2){align-self:center;translate:15%;rotate:-1.4deg}.map-grade-4 .level-shell:nth-child(6n+3){align-self:flex-end;translate:-6%;rotate:1.8deg}.map-grade-4 .level-shell:nth-child(6n+4){align-self:center;translate:-12%;rotate:-1deg}.map-grade-4 .level-shell:nth-child(6n+5){align-self:flex-start;translate:5%;rotate:1.2deg}.map-grade-4 .level-shell:nth-child(6n){align-self:flex-end;translate:-10%;rotate:-1.7deg}.map-grade-4 .level-shell>span{background:linear-gradient(145deg,#ff8b51,#6a5be8)}.map-grade-4 .level-shell>b{background:linear-gradient(145deg,#31b99a,#48b7de)}.map-grade-4 .level-shell.current{background:linear-gradient(#fff 0,#fff3c8 100%);border-color:#ffd452;box-shadow:0 0 0 9px #ffd4523b,0 20px #97602f1f,0 34px 54px #ff8b5140,inset 0 -12px #ffd4522e}.map-grade-4 .level-shell.done{background:linear-gradient(#e7fff6,#d2fff0);border-color:#dfffee;box-shadow:0 14px #23977b24,0 24px 38px #23977b29,inset 0 -10px #23977b24}.map-grade-4 .level-shell.locked{background:linear-gradient(#f5f3ee,#e1ded4);border-color:#ffffffb8}.map-grade-4.map-theme-math .level-path{background:radial-gradient(circle at 10% 12%,#ffdc4e99 0 42px,#0000 43px),linear-gradient(#dbf7ff 0,#fff1b8 34%,#9ddd84 68%,#88d3df 100%)}.map-grade-4.map-theme-persian .level-path{background:radial-gradient(circle at 10% 12%,#ffc5de94 0 42px,#0000 43px),linear-gradient(#f5e4ff 0,#f2e6b5 50%,#97d986 100%)}.map-grade-4.map-theme-english .level-path{background:radial-gradient(circle at 10% 12%,#ffffffc7 0 42px,#0000 43px),linear-gradient(#b8efff 0,#e8f7b5 55%,#7bd49e 100%)}.map-grade-4.map-theme-science .level-path{background:radial-gradient(circle at 10% 12%,#b4ffdeb8 0 42px,#0000 43px),linear-gradient(#d8fff0 0,#bdf0dc 46%,#8dd6ef 100%)}.map-grade-4.map-theme-quran .level-path{background:radial-gradient(circle at 10% 12%,#ffe66ea3 0 42px,#0000 43px),linear-gradient(#fff8d5 0,#def4d1 52%,#8fd8bb 100%)}@media (max-width:920px){.map-grade-4 .grade-one-world{grid-template-columns:1fr}.map-grade-4 .world-scene{grid-column:auto;min-height:290px}.map-grade-4 .level-path{grid-column:auto;min-height:900px;padding-inline:38px}.map-grade-4 .level-shell{width:min(240px,57%)}}@media (max-width:620px){.map-grade-4 .level-path{min-height:820px;padding:34px 20px 116px}.map-grade-4 .level-path:before{inset:25px 25% 94px}.map-grade-4 .level-shell{width:min(200px,66%);min-height:122px}.map-grade-4 .level-shell:nth-child(n){translate:0;rotate:0;align-self:center}.map-grade-4 .level-shell:nth-child(odd){align-self:flex-start}.map-grade-4 .level-shell:nth-child(2n){align-self:flex-end}}.map-grade-5{background:radial-gradient(circle at 12% 9%,#fff0a4 0 78px,#0000 79px),radial-gradient(circle at 88% 18%,#5ecde180 0 146px,#0000 147px),linear-gradient(#f1f9ff 0,#fff7e8 40%,#dcefe2 100%)}.map-grade-5 .grade-one-world{background:linear-gradient(#ffffffb3,#ffffff5c),radial-gradient(circle at 18% 82%,#31b99a1f,#0000 28%);border-radius:34px;grid-template-columns:minmax(0,1fr) 350px;gap:26px}.map-grade-5 .world-scene{background:linear-gradient(#74cfee 0,#c8f4ff 32%,#abd77d 33%,#62b76d 100%);grid-column:2;min-height:680px}.map-grade-5 .world-scene:before{background:radial-gradient(circle at 16% 34%,#ffe15b 0 13px,#0000 14px),radial-gradient(circle at 58% 48%,#fff 0 8px,#0000 9px),radial-gradient(at 74% 74%,#68c8f6 0 54px,#0000 55px),linear-gradient(154deg,#614a3d 0 15%,#a7744b 16% 30%,#5ab96b 31% 100%);border-radius:30% 70% 0 0;height:60%}.map-grade-5 .world-scene strong{background:#fff;border-color:#31b99a;bottom:64px;right:30px}.map-grade-5 .map-landmarks span{background:#ffffffed;border-color:#31b99adb}.map-grade-5 .map-landmarks .landmark-0{top:88px;right:32px}.map-grade-5 .map-landmarks .landmark-1{top:210px;left:32px}.map-grade-5 .map-landmarks .landmark-2{bottom:190px;right:44px}.map-grade-5 .map-landmarks .landmark-3{bottom:86px;left:36px}.map-grade-5 .level-path{background:radial-gradient(circle at 9% 10%,#ffdf5a8f 0 42px,#0000 43px),radial-gradient(circle at 86% 24%,#31b99a29 0 76px,#0000 77px),linear-gradient(#dcf7ff 0,#f7efbc 26%,#a9dc83 58%,#9bd8e0 100%);border-color:#ffffffdb;grid-column:1;min-height:1300px;padding:70px 72px 154px}.map-grade-5 .level-path:before{background:linear-gradient(#31b99a 0 12%,#4aaee3 13% 27%,#876245 28% 54%,#4aaee3 55% 72%,#5d55d8 73% 100%);border:12px solid #ffffff85;border-radius:48% 52% 46% 54%/6% 10% 7% 12%;inset:38px 17% 118px 18%;transform:skew(-2deg);box-shadow:inset 0 0 0 10px #ffffff24,0 0 0 999px #ffffff0f}.map-grade-5 .level-path:after{content:"";pointer-events:none;background:radial-gradient(circle at 14% 15%,#fff 0 5px,#0000 6px),radial-gradient(circle at 23% 24%,#ff7d9f 0 6px,#0000 7px),radial-gradient(circle at 78% 20%,#ffd451 0 6px,#0000 7px),radial-gradient(circle at 86%,#fff 0 5px,#0000 6px),radial-gradient(circle at 15% 65%,#53caff 0 6px,#0000 7px),radial-gradient(circle at 72% 88%,#31b99a 0 6px,#0000 7px);position:absolute;inset:30px}.map-grade-5 .level-shell{background:linear-gradient(#fff 0,#ecfff8 100%);border-color:#e1fff6;width:min(252px,49%);min-height:144px;box-shadow:0 16px #23977b1f,0 32px 46px #252b482b,inset 0 -10px #31b99a21}.map-grade-5 .level-shell:nth-child(6n+1){align-self:flex-end;translate:-10%;rotate:-1.2deg}.map-grade-5 .level-shell:nth-child(6n+2){align-self:center;translate:-16%;rotate:1.2deg}.map-grade-5 .level-shell:nth-child(6n+3){align-self:flex-start;translate:8%;rotate:-1.6deg}.map-grade-5 .level-shell:nth-child(6n+4){align-self:center;translate:14%;rotate:1deg}.map-grade-5 .level-shell:nth-child(6n+5){align-self:flex-end;translate:-5%;rotate:-1.2deg}.map-grade-5 .level-shell:nth-child(6n){align-self:flex-start;translate:12%;rotate:1.6deg}.map-grade-5 .level-shell>span{background:linear-gradient(145deg,#31b99a,#5d55d8)}.map-grade-5 .level-shell>b{background:linear-gradient(145deg,#48b7de,#ff9b55)}.map-grade-5 .level-shell.current{background:linear-gradient(#fff 0,#fff4c8 100%);border-color:#ffd452;box-shadow:0 0 0 9px #ffd4523b,0 20px #23977b1f,0 36px 56px #31b99a3d,inset 0 -12px #ffd4522e}.map-grade-5 .level-shell.done{background:linear-gradient(#e7fff6,#caffef);border-color:#dfffee;box-shadow:0 14px #23977b24,0 24px 38px #23977b29,inset 0 -10px #23977b24}.map-grade-5 .level-shell.locked{background:linear-gradient(#f3f7f5,#dde6e1);border-color:#ffffffb8}.map-grade-5.map-theme-math .level-path{background:radial-gradient(circle at 10% 12%,#ffdc4e8f 0 42px,#0000 43px),linear-gradient(#dcf7ff 0,#fff1b8 32%,#9dde84 68%,#87d5de 100%)}.map-grade-5.map-theme-persian .level-path{background:radial-gradient(circle at 10% 12%,#ffc5de8c 0 42px,#0000 43px),linear-gradient(#f5e5ff 0,#f1e8ba 50%,#99da88 100%)}.map-grade-5.map-theme-english .level-path{background:radial-gradient(circle at 10% 12%,#ffffffc7 0 42px,#0000 43px),linear-gradient(#b9efff 0,#e8f7b6 55%,#7ed4a0 100%)}.map-grade-5.map-theme-science .level-path{background:radial-gradient(circle at 10% 12%,#b4ffdeb8 0 42px,#0000 43px),linear-gradient(#d7fff0 0,#bdf0dc 44%,#8ed6ef 100%)}.map-grade-5.map-theme-quran .level-path{background:radial-gradient(circle at 10% 12%,#ffe66e9e 0 42px,#0000 43px),linear-gradient(#fff8d5 0,#def4d1 52%,#8fd8bb 100%)}@media (max-width:920px){.map-grade-5 .grade-one-world{grid-template-columns:1fr}.map-grade-5 .world-scene{grid-column:auto;min-height:300px}.map-grade-5 .level-path{grid-column:auto;min-height:940px;padding-inline:40px}.map-grade-5 .level-shell{width:min(246px,58%)}}@media (max-width:620px){.map-grade-5 .level-path{min-height:850px;padding:36px 20px 118px}.map-grade-5 .level-path:before{inset:26px 25% 96px}.map-grade-5 .level-shell{width:min(204px,67%);min-height:124px}.map-grade-5 .level-shell:nth-child(n){translate:0;rotate:0;align-self:center}.map-grade-5 .level-shell:nth-child(odd){align-self:flex-end}.map-grade-5 .level-shell:nth-child(2n){align-self:flex-start}}.map-grade-6{background:radial-gradient(circle at 12% 9%,#fff1a7 0 74px,#0000 75px),radial-gradient(circle at 88% 18%,#5dbee67a 0 142px,#0000 143px),linear-gradient(#f2f8ff 0,#fff7ea 38%,#e0efe8 100%)}.map-grade-6 .grade-one-world{background:linear-gradient(#ffffffb8,#ffffff61),radial-gradient(circle at 82% 82%,#6a5be821,#0000 30%);border-radius:34px;grid-template-columns:minmax(0,1fr) 360px;gap:28px}.map-grade-6 .world-scene{background:linear-gradient(#79cce8 0,#c9f3ff 30%,#afd77d 31%,#64b66d 100%);grid-column:2;min-height:700px}.map-grade-6 .world-scene:before{background:radial-gradient(circle at 16% 32%,#ffe15b 0 13px,#0000 14px),radial-gradient(circle at 56% 48%,#fff 0 8px,#0000 9px),radial-gradient(at 75% 76%,#6cc7f2 0 58px,#0000 59px),linear-gradient(156deg,#59483e 0 14%,#9e704d 15% 29%,#58b86a 30% 100%);border-radius:28% 72% 0 0;height:62%}.map-grade-6 .world-scene strong{background:#fff;border-color:#6a5be8;bottom:68px;left:30px;right:auto}.map-grade-6 .map-landmarks span{background:#fffffff0;border-color:#6a5be8d1}.map-grade-6 .map-landmarks .landmark-0{top:90px;left:34px;right:auto}.map-grade-6 .map-landmarks .landmark-1{top:222px;left:auto;right:36px}.map-grade-6 .map-landmarks .landmark-2{bottom:202px;right:48px}.map-grade-6 .map-landmarks .landmark-3{bottom:90px;left:38px}.map-grade-6 .level-path{background:radial-gradient(circle at 9% 10%,#ffe05a8a 0 42px,#0000 43px),radial-gradient(circle at 86% 24%,#6a5be829 0 76px,#0000 77px),linear-gradient(#ddf7ff 0,#f8f0bd 24%,#aedc82 56%,#a0d8df 100%);border-color:#ffffffe0;grid-column:1;min-height:1360px;padding:76px 76px 160px}.map-grade-6 .level-path:before{background:linear-gradient(#6a5be8 0 11%,#36b8e8 12% 26%,#806047 27% 52%,#36b8e8 53% 72%,#31b99a 73% 100%);border:12px solid #ffffff8a;border-radius:50% 50% 48% 52%/5% 10% 7% 12%;inset:40px 18% 122px 17%;transform:skew(2deg);box-shadow:inset 0 0 0 10px #ffffff24,0 0 0 999px #ffffff0f}.map-grade-6 .level-path:after{content:"";pointer-events:none;background:radial-gradient(circle at 14% 14%,#fff 0 5px,#0000 6px),radial-gradient(circle at 24% 23%,#ff7d9f 0 6px,#0000 7px),radial-gradient(circle at 78% 19%,#ffd451 0 6px,#0000 7px),radial-gradient(circle at 87% 49%,#fff 0 5px,#0000 6px),radial-gradient(circle at 14% 64%,#53caff 0 6px,#0000 7px),radial-gradient(circle at 72% 89%,#31b99a 0 6px,#0000 7px);position:absolute;inset:32px}.map-grade-6 .level-shell{background:linear-gradient(#fff 0,#f3f0ff 100%);border-color:#eeeaff;width:min(260px,50%);min-height:148px;box-shadow:0 16px #574baa1f,0 34px 48px #252b482e,inset 0 -10px #6a5be81f}.map-grade-6 .level-shell:nth-child(6n+1){align-self:flex-start;translate:12%;rotate:1deg}.map-grade-6 .level-shell:nth-child(6n+2){align-self:center;translate:18%;rotate:-1.2deg}.map-grade-6 .level-shell:nth-child(6n+3){align-self:flex-end;translate:-8%;rotate:1.5deg}.map-grade-6 .level-shell:nth-child(6n+4){align-self:center;translate:-15%;rotate:-.8deg}.map-grade-6 .level-shell:nth-child(6n+5){align-self:flex-start;translate:6%;rotate:1.2deg}.map-grade-6 .level-shell:nth-child(6n){align-self:flex-end;translate:-12%;rotate:-1.5deg}.map-grade-6 .level-shell>span{background:linear-gradient(145deg,#6a5be8,#31b99a)}.map-grade-6 .level-shell>b{background:linear-gradient(145deg,#36b8e8,#ff9b55)}.map-grade-6 .level-shell.current{background:linear-gradient(#fff 0,#fff4c8 100%);border-color:#ffd452;box-shadow:0 0 0 9px #ffd4523b,0 20px #574baa1f,0 38px 58px #6a5be83d,inset 0 -12px #ffd4522e}.map-grade-6 .level-shell.done{background:linear-gradient(#e7fff7,#caffef);border-color:#dfffee;box-shadow:0 14px #23977b24,0 24px 38px #23977b29,inset 0 -10px #23977b24}.map-grade-6 .level-shell.locked{background:linear-gradient(#f4f4fa,#dedfeb);border-color:#ffffffb8}.map-grade-6.map-theme-math .level-path{background:radial-gradient(circle at 10% 12%,#ffdc4e8a 0 42px,#0000 43px),linear-gradient(#ddf7ff 0,#fff1b8 30%,#a0dd82 68%,#8ad4de 100%)}.map-grade-6.map-theme-persian .level-path{background:radial-gradient(circle at 10% 12%,#ffc5de85 0 42px,#0000 43px),linear-gradient(#f5e5ff 0,#f2e8ba 50%,#9ada88 100%)}.map-grade-6.map-theme-english .level-path{background:radial-gradient(circle at 10% 12%,#ffffffc7 0 42px,#0000 43px),linear-gradient(#baefff 0,#e9f7b6 55%,#80d4a0 100%)}.map-grade-6.map-theme-science .level-path{background:radial-gradient(circle at 10% 12%,#b4ffdeb3 0 42px,#0000 43px),linear-gradient(#d7fff0 0,#bdf0dc 42%,#8ed6ef 100%)}.map-grade-6.map-theme-quran .level-path{background:radial-gradient(circle at 10% 12%,#ffe66e99 0 42px,#0000 43px),linear-gradient(#fff8d5 0,#def4d1 52%,#8fd8bb 100%)}@media (max-width:920px){.map-grade-6 .grade-one-world{grid-template-columns:1fr}.map-grade-6 .world-scene{grid-column:auto;min-height:310px}.map-grade-6 .level-path{grid-column:auto;min-height:980px;padding-inline:42px}.map-grade-6 .level-shell{width:min(252px,59%)}}@media (max-width:620px){.map-grade-6 .level-path{min-height:880px;padding:38px 20px 120px}.map-grade-6 .level-path:before{inset:28px 25% 98px}.map-grade-6 .level-shell{width:min(208px,68%);min-height:126px}.map-grade-6 .level-shell:nth-child(n){translate:0;rotate:0;align-self:center}.map-grade-6 .level-shell:nth-child(odd){align-self:flex-start}.map-grade-6 .level-shell:nth-child(2n){align-self:flex-end}}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}