@font-face{font-family:Pixelify Sans;font-style:normal;font-weight:400 700;font-display:swap;src:url(../media/99c6cdb74b1a9f21-s.p.3-72worm-ib39.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Pixelify Sans;font-style:normal;font-weight:400 700;font-display:swap;src:url(../media/9b2952c75e1b82c6-s.3_mjd9z78cbbb.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Pixelify Sans;font-style:normal;font-weight:400 700;font-display:swap;src:url(../media/01d67e7cc17e7674-s.p.0wyelkczeev99.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Pixelify Sans Fallback;src:local(Arial);ascent-override:81.7%;descent-override:24.87%;line-gap-override:0.0%;size-adjust:112.61%}.pixelify_sans_b3ea1050-module__LUES-G__className{font-family:Pixelify Sans,Pixelify Sans Fallback;font-style:normal}.pixelify_sans_b3ea1050-module__LUES-G__variable{--font-pixelify:"Pixelify Sans", "Pixelify Sans Fallback"}
@font-face{font-family:"Baloo 2";font-style:normal;font-weight:400 800;font-display:swap;src:url(../media/3c30d2e0bea83d70-s.2n9apa2_r52e8.woff2)format("woff2");unicode-range:U+900-97F,U+1CD0-1CF9,U+200C-200D,U+20A8,U+20B9,U+20F0,U+25CC,U+A830-A839,U+A8E0-A8FF,U+11B00-11B09}@font-face{font-family:"Baloo 2";font-style:normal;font-weight:400 800;font-display:swap;src:url(../media/e045b8a36dafeb96-s.0vz4cqyreqqso.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:"Baloo 2";font-style:normal;font-weight:400 800;font-display:swap;src:url(../media/921864ee6019b767-s.3ret_fwx268tf.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:"Baloo 2";font-style:normal;font-weight:400 800;font-display:swap;src:url(../media/d7d9c82e455b419c-s.p.2w2vlkqk02j5m.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:"Baloo 2 Fallback";src:local(Arial);ascent-override:112.55%;descent-override:54.71%;line-gap-override:0.0%;size-adjust:95.78%}.baloo_2_1e9d797e-module__9JEYUq__className{font-family:"Baloo 2","Baloo 2 Fallback";font-style:normal}.baloo_2_1e9d797e-module__9JEYUq__variable{--font-baloo:"Baloo 2", "Baloo 2 Fallback"}
@font-face{font-family:Nunito;font-style:normal;font-weight:200 1000;font-display:swap;src:url(../media/224e262ef877bfa4-s.2yhdohbnxjaph.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Nunito;font-style:normal;font-weight:200 1000;font-display:swap;src:url(../media/7f11d98043fdedc9-s.p.0vsuy7nj1h55w.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Nunito;font-style:normal;font-weight:200 1000;font-display:swap;src:url(../media/e6d00ff86ef9e699-s.1tzxx-40rxw3x.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Nunito;font-style:normal;font-weight:200 1000;font-display:swap;src:url(../media/d8cb5ab3660140cd-s.3aj86x1l4-kru.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Nunito;font-style:normal;font-weight:200 1000;font-display:swap;src:url(../media/07454f8ad8aaac57-s.p.1d8-5gtibtj96.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Nunito Fallback;src:local(Arial);ascent-override:99.71%;descent-override:34.82%;line-gap-override:0.0%;size-adjust:101.39%}.nunito_fb780e3b-module__9o9FcG__className{font-family:Nunito,Nunito Fallback;font-style:normal}.nunito_fb780e3b-module__9o9FcG__variable{--font-nunito:"Nunito", "Nunito Fallback"}
:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ink:#14162e;--space:#232647;--space-2:#2b2f57;--cream:#fbf6ec;--violet:#5b4be0;--violet-soft:#5b4be02e;--violet-light:#b3a8ff;--c-communication:#2e8bff;--c-leadership:#ff6b5e;--c-teamwork:#17c3b2;--c-exploration:#3fbf6f;--c-empathy:#ff7db0;--c-strategy:#8b5cf6;--c-creativity:#ffc531;--c-resilience:#f0463c;--gold:#ffc531;--text:#fbf6ec;--text-dim:#fbf6ec9e;--text-faint:#fbf6ec61;--line:#fbf6ec1a;--radius:20px;--radius-sm:12px;--font-accent:var(--font-pixelify), "Courier New", monospace;--font-head:var(--font-baloo), var(--font-nunito), "Arial Rounded MT Bold", sans-serif;--font-body:var(--font-nunito), -apple-system, sans-serif;--shadow:0 10px 30px #00000059}*{box-sizing:border-box;margin:0;padding:0}html,body{max-width:100vw;height:100%;overflow-x:hidden}a{color:inherit;text-decoration:none}body{background:var(--ink);color:var(--text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;font-size:16px;line-height:1.5}button{cursor:pointer;color:inherit;background:0 0;border:none;font-family:inherit}input,select,textarea{font-family:var(--font-body)}h1,h2,h3,h4{font-family:var(--font-head);font-weight:700;line-height:1.15}.pixel{font-family:var(--font-accent);letter-spacing:.04em}.accent-gold{color:var(--gold)}.shell{min-height:100vh;display:flex}.sidebar{background:var(--space);border-right:1px solid var(--line);flex-direction:column;flex-shrink:0;gap:6px;width:232px;height:100vh;padding:24px 16px;display:flex;position:sticky;top:0}.logo{align-items:center;gap:10px;padding:4px 10px 22px;display:flex}.logo-mark{background:var(--violet);width:40px;height:40px;font-family:var(--font-accent);color:#fff;border-radius:12px;flex-shrink:0;place-items:center;font-size:24px;font-weight:700;display:grid}.logo-text{line-height:1.05}.logo-text .brand-top{color:var(--text-dim);letter-spacing:.06em;font-size:11px;font-weight:700}.logo-text .brand-name{font-family:var(--font-head);font-size:21px;font-weight:800}.sidebar-nav{flex-direction:column;gap:6px;display:flex}.nav-item{color:var(--text-dim);border-radius:14px;align-items:center;gap:12px;width:100%;padding:11px 14px;font-size:15px;font-weight:700;transition:background-color .15s,color .15s;display:flex}.nav-item:hover{background:color-mix(in srgb, var(--cream) 6%, transparent);color:var(--text)}.nav-item.active{background:var(--violet);color:#fff}.nav-item .ico{text-align:center;width:22px;font-size:17px}.sidebar-footer{margin-top:auto;padding:10px}.main{flex-direction:column;flex:1;min-width:0;display:flex}.topbar{border-bottom:1px solid var(--line);background:var(--ink);z-index:40;align-items:center;gap:10px;padding:16px 28px;display:flex;position:sticky;top:0}.topbar .spacer{flex:1}.topbar-avatar{font-size:26px;line-height:1}.chip-lvl{color:var(--violet-light)}.content{width:100%;max-width:1080px;margin:0 auto;padding:28px}.bottom-nav{display:none}@media (max-width:860px){.sidebar{display:none}.content{padding:18px 14px 90px}.topbar{flex-wrap:wrap;padding:12px 14px}.bottom-nav{background:var(--space);border-top:1px solid var(--line);z-index:60;padding:6px 4px calc(6px + env(safe-area-inset-bottom));display:flex;position:fixed;bottom:0;left:0;right:0}.bottom-nav-item{color:var(--text-dim);border-radius:10px;flex-direction:column;flex:1;align-items:center;gap:3px;padding:6px 2px;font-size:10.5px;font-weight:800;display:flex}.bottom-nav-item.active{color:#fff}.bottom-nav-item .ico{font-size:19px}}.card{background:var(--space);border:1px solid var(--line);border-radius:var(--radius);padding:22px}.card+.card{margin-top:16px}.card-label{font-family:var(--font-accent);letter-spacing:.12em;color:var(--text-dim);text-transform:uppercase;align-items:center;gap:8px;margin-bottom:8px;font-size:12px;display:flex}.card-label .tag{background:var(--violet-soft);color:var(--violet-light);border-radius:6px;padding:2px 8px}.grid-2{grid-template-columns:1fr 1fr;gap:16px;display:grid}@media (max-width:860px){.grid-2{grid-template-columns:1fr}}.btn{background:var(--violet);color:#fff;font-family:var(--font-head);border-radius:14px;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-size:16px;font-weight:700;transition:transform .12s,filter .15s;display:inline-flex}.btn:hover{filter:brightness(1.1);transform:translateY(-1px)}.btn:active{transform:translateY(0)scale(.98)}.btn:disabled{opacity:.45;cursor:default;filter:none;transform:none}.btn.ghost{border:1.5px solid var(--line);color:var(--text-dim);background:0 0}.btn.ghost:hover{color:var(--text);border-color:color-mix(in srgb, var(--cream) 30%, transparent)}.btn.done{background:var(--c-exploration)}.btn.small{border-radius:11px;padding:8px 16px;font-size:14px}.xp-pill{font-family:var(--font-accent);background:var(--violet-soft);color:var(--violet-light);white-space:nowrap;border-radius:8px;padding:4px 10px;font-size:13px}.chip{background:var(--space);border:1px solid var(--line);white-space:nowrap;border-radius:999px;align-items:center;gap:7px;padding:7px 14px;font-size:14px;font-weight:800;display:inline-flex}.chip .pixel{font-size:13px}.chip.streak{color:var(--gold)}.bar{background:#00000059;border-radius:999px;height:10px;overflow:hidden}.bar>i{background:linear-gradient(90deg, var(--violet), #8b7bff);border-radius:999px;height:100%;transition:width .6s cubic-bezier(.22,1,.36,1);display:block}.badge{border-radius:50%;flex-shrink:0;place-items:center;width:74px;height:74px;display:grid;position:relative}.badge .ring{border:5px solid var(--bcol,var(--violet));border-radius:50%;position:absolute;inset:0}.badge .core{background:var(--cream);border-radius:50%;place-items:center;width:54px;height:54px;font-size:24px;display:grid}.badge.locked{filter:grayscale();opacity:.35}.badge.locked .core{background:color-mix(in srgb, var(--cream) 15%, transparent)}.badge.sm{width:52px;height:52px}.badge.sm .ring{border-width:4px}.badge.sm .core{width:38px;height:38px;font-size:17px}.badge.lg{width:110px;height:110px}.badge.lg .ring{border-width:7px}.badge.lg .core{width:82px;height:82px;font-size:38px}.row.badge-grid{gap:18px}.badge-cell{text-align:center;flex-direction:column;align-items:center;gap:8px;width:108px;display:flex}.badge-cell .bname{font-size:13px;font-weight:800;line-height:1.2}.badge-cell .bwhy{color:var(--text-dim);font-size:11.5px;line-height:1.3}.mascot{display:inline-block}.mascot svg{display:block}.mascot.bounce{animation:2.4s ease-in-out infinite mascot-bounce}@keyframes mascot-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.speech{background:var(--cream);color:var(--ink);border-radius:18px;max-width:420px;padding:14px 18px;font-weight:700;position:relative}.speech:after{content:"";border:8px solid #0000;border-right-color:var(--cream);border-left:0;position:absolute;top:24px;left:-8px}.onb{background:radial-gradient(700px 500px at 80% -10%, #5b4be040, transparent 60%), radial-gradient(600px 420px at -10% 100%, #2e8bff1f, transparent 55%), var(--ink);flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:32px 20px;display:flex}.onb-box{width:100%;max-width:620px}.onb-progress{gap:6px;margin-bottom:28px;display:flex}.onb-progress i{background:#fbf6ec1f;border-radius:3px;flex:1;height:5px}.onb-progress i.on{background:var(--violet)}.onb h1{margin-bottom:10px;font-size:34px}.onb .sub{color:var(--text-dim);margin-bottom:26px;font-size:16.5px}.row.onb-mascot-row{align-items:flex-start;gap:18px;margin-bottom:22px}.quest-callout{border-color:#ffc53166}.quest-callout-label{letter-spacing:.1em;font-size:14px}.quest-callout h2{overflow-wrap:anywhere;margin-top:6px;font-size:22px}.field{margin-bottom:18px}.field label{color:var(--text-dim);margin-bottom:8px;font-size:14px;font-weight:800;display:block}.field input[type=text],.field select,.field textarea{background:var(--space);border:1.5px solid var(--line);width:100%;color:var(--text);border-radius:14px;outline:none;padding:13px 16px;font-size:16px;transition:border-color .15s}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--violet)}.avatar-grid{grid-template-columns:repeat(4,1fr);gap:12px;max-height:320px;padding:2px;display:grid;overflow-y:auto}.avatar-opt{aspect-ratio:1;background:var(--space);border:2.5px solid #0000;border-radius:18px;place-items:center;font-size:34px;transition:all .15s;display:grid}.avatar-opt:hover{transform:scale(1.05)}.avatar-opt.sel{border-color:var(--violet);background:var(--violet-soft)}.power-grid{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.power-card{background:var(--space);text-align:left;border:2px solid #0000;border-radius:14px;align-items:center;gap:10px;padding:14px;transition:all .15s;display:flex}.power-card:hover{background:var(--space-2)}.power-card.sel{border-color:var(--pcol);background:color-mix(in srgb, var(--pcol) 14%, var(--space))}.power-card .pico{font-size:22px}.power-card .pname{font-size:14.5px;font-weight:800}.quest-card{border-left:4px solid var(--qcol,var(--violet));background:var(--space-2);border-radius:var(--radius-sm);align-items:flex-start;gap:14px;padding:16px 18px;display:flex}.quest-card+.quest-card{margin-top:10px}.quest-card.qdone{opacity:.6}.quest-card .qbody{flex:1}.quest-card.qdone .quest-text{text-decoration:line-through}.quest-card .qmeta{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:5px;display:flex}.quest-done-mark{font-size:22px}.divider{background:var(--line);height:1px;margin:16px 0}.key-rule{border-radius:var(--radius-sm);background:#ffc53114;border:1px solid #ffc53140;padding:14px 16px;font-size:14px}.key-rule b{color:var(--gold)}.screen-heading{font-size:30px}.strong-text{font-weight:800}.journal-entry{border-bottom:1px solid var(--line);padding:10px 0}.journal-entry:last-child{border-bottom:none}.journal-note{font-size:14.5px}.mission-row{padding:10px 0}.avatar-change{font-size:inherit;border-radius:12px;line-height:1;transition:transform .15s}.avatar-change:hover{transform:scale(1.15)}.modal-wrap{z-index:100;background:#0a0b18bf;place-items:center;padding:20px;animation:.2s fade-in;display:grid;position:fixed;inset:0}.modal{background:var(--space);border:1px solid color-mix(in srgb, var(--cream) 14%, transparent);width:100%;max-width:480px;box-shadow:var(--shadow);border-radius:24px;max-height:88vh;padding:30px;animation:.3s cubic-bezier(.34,1.56,.64,1) pop-in;overflow-y:auto}.modal.center{text-align:center}@keyframes fade-in{0%{opacity:0}}@keyframes pop-in{0%{opacity:0;transform:scale(.85)}}.dialog-title{font-size:22px}.dialog-note{font-size:14px}.dialog-actions{justify-content:center;gap:10px}.role-switch{background:var(--space);border:1px solid var(--line);border-radius:999px;padding:3px;display:flex}.role-switch button{color:var(--text-dim);border-radius:999px;padding:6px 14px;font-size:13px;font-weight:800}.role-switch button.on{background:var(--violet);color:#fff}.parent-banner{background:linear-gradient(120deg, var(--violet), #7c6cf0);border-radius:var(--radius);margin-bottom:16px;padding:24px}.parent-banner-tag{letter-spacing:.12em;opacity:.8}.parent-banner-title{margin-top:6px;font-size:26px}.parent-banner-sub{opacity:.9;max-width:560px}.stat-row{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}@media (max-width:860px){.stat-row{grid-template-columns:1fr 1fr}}.stat{background:var(--space);border:1px solid var(--line);border-radius:var(--radius-sm);text-align:center;padding:16px}.stat .val{font-family:var(--font-accent);color:#fff;font-size:26px}.stat .lbl{color:var(--text-dim);margin-top:2px;font-size:12.5px;font-weight:700}.key-rule-small{font-size:13px}.parent-section-title{font-size:21px}.parent-section-sub{margin-bottom:14px}.lecture{background:var(--space);border:1px solid var(--line);border-radius:var(--radius-sm);cursor:pointer;text-align:left;width:100%;font-size:inherit;align-items:center;gap:14px;margin-bottom:10px;padding:14px;transition:background .15s;display:flex}.lecture:hover{background:var(--space-2)}.lecture .lico{background:var(--violet-soft);border-radius:13px;flex-shrink:0;place-items:center;width:46px;height:46px;font-size:21px;display:grid}.lecture-body{flex:1}.lecture-modal-icon{font-size:38px}.lecture-modal-body{text-align:left;font-size:14.5px}.auth-error-card{text-align:center;max-width:420px}.reward-tag{color:var(--violet-light);letter-spacing:.15em;font-size:14px}.reward-badge{justify-content:center;margin:20px 0;display:flex}.reward-title{font-size:26px}.lvl-burst{font-family:var(--font-accent);color:var(--gold);font-size:42px;animation:.5s cubic-bezier(.34,1.56,.64,1) lvl-pop}@keyframes lvl-pop{0%{opacity:0;transform:scale(.3)}}.confetti{z-index:300;pointer-events:none;width:10px;height:10px;animation:linear forwards confetti-fall;position:fixed;top:-12px}@keyframes confetti-fall{to{opacity:.7;transform:translateY(105vh)rotate(720deg)}}.toasts{z-index:200;pointer-events:none;flex-direction:column;align-items:center;gap:8px;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}.toast{background:var(--cream);color:var(--ink);box-shadow:var(--shadow);border-radius:999px;align-items:center;gap:8px;padding:12px 22px;font-size:15px;font-weight:800;animation:.35s cubic-bezier(.34,1.56,.64,1) toast-in;display:flex}.toast .pixel{color:var(--violet)}@keyframes toast-in{0%{opacity:0;transform:translateY(24px)}}.home-header{margin-bottom:20px}.mission-title{font-size:23px}.quest-text{font-size:16.5px;font-weight:700}.muted{color:var(--text-dim)}.tiny{font-size:12.5px}.mt8{margin-top:8px}.mt12{margin-top:12px}.mt16{margin-top:16px}.mt24{margin-top:24px}.row{align-items:center;gap:10px;display:flex}.row.between{justify-content:space-between}.wrap{flex-wrap:wrap}.section-title{margin-bottom:4px;font-size:24px}.section-sub{color:var(--text-dim);margin-bottom:20px}.screen-center{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:100vh;padding:32px 20px;display:flex}
