:root{font-family:DM Sans,sans-serif;color:#edf1f9;background:#0b1020;font-synthesis:none;text-rendering:optimizeLegibility;--muted:#929cb2;--line:#252d40;--green:#b6f36b;--purple:#a78bfa}*{box-sizing:border-box}body{margin:0;min-width:320px;background:radial-gradient(ellipse at 55% -15%,#1c2540 0,transparent 50%),#0b1020}button,textarea{font:inherit}button{cursor:pointer}.shell{max-width:1160px;margin:auto;padding:0 36px}.topbar{height:82px;display:flex;align-items:center;gap:42px;border-bottom:1px solid #ffffff0c}.brand{display:flex;align-items:center;gap:10px;background:none;border:0;color:#fff;text-align:left;font-family:Space Grotesk;font-size:17px;font-weight:700;padding:0}.brand-icon{display:grid;place-items:center;width:34px;height:34px;border:1px solid #b6f36b55;color:var(--green);border-radius:10px;font-size:20px}.green{color:var(--green)}.brand small{display:block;color:#778299;font:8px DM Mono;letter-spacing:1.3px;margin-top:2px}.topbar nav{display:flex;gap:28px;height:100%;align-items:center;flex:1}.topbar nav button{height:100%;background:none;border:0;color:#a8b0c2;font-size:13px;position:relative}.topbar nav button.active,.topbar nav button:hover{color:#f7f8fb}.topbar nav button.active:after{content:"";height:2px;position:absolute;bottom:0;left:0;right:0;background:var(--green)}.top-xp{font:12px DM Mono;color:var(--green);background:#b6f36b0c;padding:10px 14px;border:1px solid #b6f36b22;border-radius:9px}main{padding:0 0 60px}.hero{display:grid;grid-template-columns:1.05fr .95fr;align-items:center;min-height:360px;position:relative}.hero-copy{padding:36px 0}.eyebrow{font:10px DM Mono;letter-spacing:1.8px;color:var(--green);display:flex;align-items:center;gap:9px}.eyebrow i,.live-dot{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 14px #b6f36b88}.hero h1,.play-page h1,.profile-page h1,.results-page h1{font:600 clamp(38px,5vw,58px)/1.06 "Space Grotesk";letter-spacing:-2.5px;margin:22px 0 14px}.hero h1 em{font-style:normal;color:var(--green)}.hero-copy>p,.muted{color:var(--muted);font-size:14px}.primary,.secondary{border-radius:9px;padding:13px 17px;border:1px solid transparent;font-weight:700;font-size:12px;transition:transform .16s,background .16s}.primary{background:var(--green);color:#14200b;box-shadow:0 4px 22px #b6f36b1c}.primary:hover{transform:translateY(-1px);background:#c7fb88}.primary:disabled{opacity:.55;cursor:not-allowed}.primary span,.card-action span{margin-left:15px}.hero .primary{margin-top:15px}.secondary{background:#171e30;color:#e6eaf3;border-color:#30394e}.secondary:hover{background:#202941}.hero-art{height:300px;position:relative;display:grid;place-items:center;overflow:hidden}.orbit{position:absolute;border-radius:50%;border:1px solid #a78bfa20}.orbit-one{width:320px;height:320px}.orbit-two{width:245px;height:245px;border-color:#b6f36b24}.terminal{width:290px;min-height:188px;background:#11182a;border:1px solid #39435a;border-radius:13px;box-shadow:0 24px 70px #0007;position:relative;z-index:1;padding:0 18px 15px;transform:rotate(-2deg)}.terminal-dots{height:39px;display:flex;align-items:center;gap:6px;border-bottom:1px solid #293148;margin:0 -18px 15px;padding:0 14px}.terminal-dots i{width:7px;height:7px;border-radius:50%;background:#fc7b7b}.terminal-dots i:nth-child(2){background:#f5c365}.terminal-dots i:nth-child(3){background:#b6f36b}.terminal-dots span{margin-left:auto;color:#758099;font:10px DM Mono}.terminal code{font:12px/1.85 DM Mono;color:#e0e5f2}.terminal code b{color:#bd9cff;font-weight:500}.terminal code u{color:var(--green);text-decoration:none}.terminal-ok{font:9px DM Mono;color:var(--green);margin-top:12px}.spark{position:absolute;color:var(--green);font-size:30px;right:12%;top:17%;filter:drop-shadow(0 0 14px #b6f36b)}.stat-strip{border:1px solid var(--line);background:#111728a6;border-radius:12px;display:grid;grid-template-columns:repeat(4,1fr);padding:20px 25px;margin:3px 0 56px}.stat-strip>div{display:flex;align-items:center;gap:12px;border-right:1px solid var(--line);padding:0 20px}.stat-strip>div:first-child{padding-left:0}.stat-strip>div:last-child{border:0}.stat-icon{width:35px;height:35px;border-radius:10px;display:grid;place-items:center;font-size:16px}.lime{color:var(--green);background:#b6f36b13}.orange{color:#ffba65;background:#ffba6513}.violet{color:#b79cff;background:#a78bfa17}.blue{color:#74c9ff;background:#74c9ff14}.stat-strip b{font:600 15px Space Grotesk;display:block}.stat-strip small,.profile-stats small{display:block;font:9px DM Mono;letter-spacing:1px;color:#7f8aa2;margin-top:5px}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:17px}.section-head h2,.activity h2{font:600 23px Space Grotesk;margin:7px 0 0}.text-button{color:#a9b2c6;background:none;border:0;font-size:11px}.text-button span{color:var(--green);margin-left:5px}.quest-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.quest-card{border:1px solid var(--line);background:linear-gradient(140deg,#151d30,#101626);padding:22px;border-radius:13px;position:relative;overflow:hidden}.daily-card{border-top:1px solid #b6f36b64}.bug-card{border-top:1px solid #a78bfa60}.card-top{display:flex;justify-content:space-between;align-items:center}.badge{font:9px DM Mono;letter-spacing:.8px;padding:7px 9px;border-radius:5px}.lime-badge{color:var(--green);background:#b6f36b13}.violet-badge{color:#c2a9ff;background:#a78bfa1b}.difficulty{font:9px DM Mono;color:#aab4c8;padding:6px 8px;border:1px solid #2b354a;border-radius:20px}.difficulty.easy{color:var(--green)}.difficulty.medium{color:#ffc56c}.difficulty.hard{color:#ff8a96}.quest-emoji{font-size:38px;color:#b6f36b;margin-top:15px;height:42px}.quest-emoji.purple{color:#aa8df9}.quest-card h3{font:600 19px Space Grotesk;margin:7px 0}.quest-card>p{font-size:12px;color:#9da7ba;line-height:1.6;min-height:38px;margin:0 0 18px}.card-meta{display:flex;gap:15px;flex-wrap:wrap;font:9px DM Mono;color:#8994aa;padding:12px 0;border-top:1px solid #ffffff0c}.card-action{background:none;border:0;color:var(--green);font-weight:700;font-size:11px;padding:10px 0 0}.bug-card .card-action{color:#c2a9ff}.rank-progress,.profile-box{display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:14px;border:1px solid var(--line);background:#111728b8;border-radius:11px;margin-top:20px;padding:15px 19px}.rank-mark{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:#b6f36b18;color:var(--green);font:600 18px Space Grotesk}.rank-info{display:flex;justify-content:space-between;align-items:center;grid-column:2/4}.rank-info b{font:600 13px Space Grotesk}.rank-info small{display:block;color:#909bb0;font-size:10px;margin-top:3px}.rank-info>span{font:10px DM Mono;color:#9da8bc}.progress-track{height:5px;background:#293145;border-radius:9px;overflow:hidden;grid-column:2/3;margin-top:-6px}.progress-track i{display:block;height:100%;background:var(--green);border-radius:9px;transition:width .4s}.completion{text-align:right;color:#808ba2;font:9px DM Mono;letter-spacing:1px;grid-column:3;grid-row:2}.completion b{font:600 14px Space Grotesk;color:var(--green)}footer{border-top:1px solid #ffffff0c;color:#69748a;text-align:center;padding:22px;font-size:10px}footer span{color:var(--green);padding:0 5px}.play-page{padding-top:25px}.back{background:none;border:0;color:#9ba6ba;font-size:11px;padding:8px 0}.back:hover{color:var(--green)}.play-layout{display:grid;grid-template-columns:.95fr 1.05fr;gap:17px;margin-top:15px}.problem-panel,.editor-panel,.bug-shell,.profile-box,.activity{border:1px solid var(--line);background:#111728d9;border-radius:13px;padding:22px}.problem-panel h1{font-size:31px;letter-spacing:-1px;margin:22px 0 5px}.concept{font:10px DM Mono;color:#b9a0ff}.prompt{font-size:13px;line-height:1.7;color:#b2bbce;margin:17px 0}.subhead{font:600 12px Space Grotesk;margin:20px 0 10px}.schema-block{margin-bottom:10px}.schema-block>strong{font:10px DM Mono;color:var(--green);display:block;margin-bottom:5px}.table-wrap{overflow-x:auto}.table-wrap table{border-collapse:collapse;width:100%;font:10px DM Mono;white-space:nowrap}.table-wrap th{color:#8c98ae;font-weight:400;background:#1a2235;text-align:left}.table-wrap th,.table-wrap td{padding:7px 9px;border:1px solid #283248}.table-wrap td{color:#d5dbea}.hint-area{margin-top:17px;padding-top:12px;border-top:1px solid #ffffff0c}.hint-button{border:0;background:none;padding:3px 0;color:#ceb8ff;font-size:10px}.hint-area p{font-size:11px;color:#b3a1d9;margin:8px 0}.editor-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.editor-title b{font:600 14px Space Grotesk}.editor-title small{display:block;font:9px DM Mono;color:#8994aa;margin-top:4px}.live-dot{font:9px DM Mono;color:var(--green);width:auto;height:auto;background:none;box-shadow:none}.live-dot:first-letter{color:var(--green)}#sql-editor{width:100%;height:225px;resize:vertical;background:#0b1020;border:1px solid #29344a;border-radius:8px;padding:14px;color:#dce7f9;font:12px/1.7 DM Mono;outline:none;-moz-tab-size:2;tab-size:2}#sql-editor:focus{border-color:#b6f36b77}.editor-actions{display:flex;gap:9px;margin:12px 0}.feedback{min-height:43px;border:1px solid #29344a;background:#0c1322;border-radius:8px;padding:12px;color:#8792a8;font-size:10px}.feedback b{color:#cdd5e4}.feedback.correct{border-color:#b6f36b42;color:#bfd89c}.feedback.incorrect,.feedback.error{border-color:#f2778155;color:#f1a1a5}.feedback.success{border-color:#75cfff3b}.results-table{margin-top:10px;max-height:160px;overflow:auto}.explanation{margin-top:12px;padding:13px;background:#a78bfa0c;border-left:2px solid #a78bfa;border-radius:0 7px 7px 0}.explanation>b{font:9px DM Mono;color:#ceb8ff;letter-spacing:.8px}.explanation p{font-size:11px;color:#aeb7ca;line-height:1.6}.explanation details{font-size:10px;color:#ceb8ff}.explanation pre{white-space:pre-wrap;color:#dde5f3;font:10px/1.5 DM Mono}.bug-play{padding-bottom:55px}.bug-shell{max-width:760px;margin:20px auto;padding:26px}.bug-head{display:flex;justify-content:space-between;align-items:center}.bug-head h1{font-size:31px;margin:8px 0}.lives{display:flex;gap:6px;align-items:center;color:#ff8090;font-size:18px}.lives .lost{opacity:.2}.lives small{font:9px DM Mono;color:#929cb2;margin-left:4px}.hunt-progress{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:13px;padding:15px 0;border-bottom:1px solid #ffffff10;font:9px DM Mono;color:#8490a7}.hunt-progress div{display:flex;gap:4px}.hunt-progress i{height:4px;flex:1;border-radius:9px;background:#283147}.hunt-progress i.passed{background:var(--green)}.hunt-progress i.current{background:#a78bfa}.bug-question{padding:24px 0}.bug-question h2{font:600 18px Space Grotesk;line-height:1.4}.bug-question>pre{background:#0b1020;border:1px solid #29344a;border-radius:8px;padding:15px;white-space:pre-wrap;color:#dfd5ff;font:12px/1.7 DM Mono;overflow:auto}.answer-list{display:grid;gap:8px;margin-top:17px}.answer-option{display:flex;align-items:center;gap:12px;text-align:left;background:#151d30;color:#cbd3e1;border:1px solid #2b3549;border-radius:8px;padding:11px;font-size:11px}.answer-option:hover:not(:disabled){border-color:#a78bfa;color:#fff}.answer-option>span{flex:0 0 23px;height:23px;display:grid;place-items:center;border-radius:6px;background:#222c42;color:#c2a9ff;font:10px DM Mono}.answer-option:disabled{cursor:default;opacity:.7}.answer-option.wrong-choice{border-color:#f2778166;opacity:.45}.bug-feedback{padding:14px;margin-top:14px;border-radius:8px;background:#b6f36b0c;border:1px solid #b6f36b35}.bug-feedback.wrong{background:#f277810c;border-color:#f2778144}.bug-feedback>b{font:600 13px Space Grotesk;color:var(--green)}.bug-feedback.wrong>b{color:#ff9ba2}.bug-feedback p{font-size:11px;color:#aeb7ca;line-height:1.6}.bug-feedback .primary{padding:10px 13px}.results-page{text-align:center;padding:70px 0 85px;max-width:670px;margin:auto}.result-icon{margin:auto;width:54px;height:54px;border-radius:16px;background:#b6f36b14;color:var(--green);display:grid;place-items:center;font-size:26px}.results-page .eyebrow{justify-content:center;margin-top:22px}.results-page h1{font-size:38px;letter-spacing:-1.5px;margin:15px auto}.results-page>p{color:var(--muted);font-size:13px}.result-stats{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);background:#111728;border-radius:12px;margin:28px 0;padding:20px}.result-stats b{font:600 23px Space Grotesk;display:block}.result-stats small{font:9px DM Mono;color:#8590a7;letter-spacing:.7px}.result-actions{display:flex;justify-content:center;gap:10px}.profile-page{padding-top:25px;max-width:850px;margin:auto}.profile-page h1{font-size:38px;margin:13px 0 3px}.profile-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:25px 0}.profile-stats article{background:#111728;border:1px solid var(--line);border-radius:10px;padding:17px}.profile-stats article>b{font:600 25px Space Grotesk;display:block;margin:13px 0 2px}.profile-stats article>b small{display:inline;font:11px DM Sans;letter-spacing:0}.profile-stats article span{font-size:10px;color:#919cb1}.profile-box{margin:0;grid-template-columns:42px 1fr}.profile-box .rank-info{grid-column:2;grid-row:1}.profile-box .progress-track{grid-column:1/3;margin:5px 0 0}.activity{margin-top:18px}.activity h2{font-size:17px;margin:0 0 8px}.activity>div{display:flex;justify-content:space-between;border-top:1px solid #ffffff0b;padding:12px 2px;font-size:11px;color:#c6cede}.activity>div small{color:#7f8aa0;margin-left:8px;font:9px DM Mono}.activity>div b{color:var(--green);font:11px DM Mono}.activity>.muted{font-size:11px}.reset-button{margin-top:25px;color:#e78d96;background:none;border:1px solid #e78d963d;border-radius:8px;padding:10px 13px;font-size:10px}.reset-button:hover{background:#e78d960d}@media(max-width:760px){.shell{padding:0 18px}.topbar{height:68px;gap:20px}.topbar nav{gap:14px}.topbar nav button{font-size:11px}.top-xp{font-size:10px;padding:8px}.hero{min-height:300px;grid-template-columns:1fr .7fr}.hero h1{font-size:43px}.hero-art{transform:scale(.8);margin:0 -35px}.stat-strip{padding:15px 10px;margin-bottom:40px}.stat-strip>div{padding:0 10px;gap:7px}.stat-icon{width:29px;height:29px}.stat-strip b{font-size:12px}.stat-strip small{font-size:8px}.quest-grid{gap:10px}.quest-card{padding:16px}.card-meta{gap:9px}.play-layout{grid-template-columns:1fr}.problem-panel,.editor-panel{padding:17px}.profile-stats{grid-template-columns:1fr 1fr}}@media(max-width:520px){.shell{padding:0 14px}.topbar{gap:12px}.brand{font-size:14px}.brand-icon{width:29px;height:29px}.brand small{font-size:7px}.topbar nav{gap:10px}.topbar nav button{font-size:10px}.top-xp{padding:7px 8px;font-size:9px}.hero{display:block;min-height:initial;padding:29px 0 13px}.hero-copy{padding:0}.hero h1{font-size:43px;margin:18px 0 10px}.hero-copy>p{font-size:12px}.hero .primary{padding:11px 13px}.hero-art{height:210px;transform:scale(.76);margin:-5px 0 -25px}.stat-strip{grid-template-columns:1fr 1fr;row-gap:15px;padding:14px}.stat-strip>div{border:0;padding:0!important}.stat-strip b{font-size:13px}.section-head h2{font-size:20px}.text-button{font-size:10px}.quest-grid{grid-template-columns:1fr}.quest-card>p{min-height:0}.quest-card{padding:18px}.rank-progress{padding:13px;gap:9px}.rank-info>span{font-size:9px}.play-layout{margin-top:10px}.problem-panel h1{font-size:27px}.bug-shell{padding:17px}.bug-question{padding:18px 0}.bug-question h2{font-size:16px}.hunt-progress{gap:7px;font-size:8px}.lives{font-size:15px}.lives small{font-size:8px}.result-stats{grid-template-columns:1fr 1fr;gap:20px}.results-page{padding:55px 5px}.results-page h1{font-size:30px}.result-actions{flex-direction:column}.profile-stats{gap:8px}.profile-stats article{padding:13px}.profile-stats article>b{font-size:22px}}:root{font-family:Avenir Next,Nunito,Trebuchet MS,system-ui,sans-serif;--green:#c4f17b;--purple:#c4a5ff;--muted:#b1bacb;--line:#34334e}body{background:radial-gradient(ellipse at 15% 10%,#29234c 0,transparent 34%),radial-gradient(ellipse at 86% 22%,#18313a 0,transparent 30%),#111326}h1,h2,h3,.brand,.quest-card h3,.section-head h2,.rank-info b,.stat-strip b{font-family:Arial Rounded MT Bold,Avenir Next,Trebuchet MS,system-ui,sans-serif;letter-spacing:-.4px}.brand-icon{border-radius:13px;background:#c4f17b13}.primary,.secondary{border-radius:13px;font-size:13px;padding:14px 19px}.primary{background:linear-gradient(135deg,#cff894,#afe86d);box-shadow:0 5px #709d45,0 10px 25px #b6f36b20}.primary:hover{background:#dcffa8;transform:translateY(-2px)}.quest-card{border-radius:19px;background:linear-gradient(145deg,#1a2037,#14182b);box-shadow:0 13px 34px #06081055}.daily-card{border-top:2px solid #c4f17b80}.bug-card{border-top:2px solid #c4a5ff80}.badge{border-radius:999px;padding:8px 11px}.difficulty{border-radius:999px}.quest-emoji{font-size:44px;filter:drop-shadow(0 5px 10px #080a17)}.terminal{border-radius:20px;border-color:#62537c;background:linear-gradient(145deg,#1b2034,#16182a);box-shadow:0 25px 65px #07081488}.terminal-ok{color:#d7f9ac}.floating-buddy{position:absolute;z-index:2;right:10%;bottom:8%;font-size:46px;filter:drop-shadow(0 10px 12px #07081288);animation:bob 3s ease-in-out infinite}@keyframes bob{0%,to{transform:translateY(0) rotate(3deg)}50%{transform:translateY(-8px) rotate(-3deg)}}.stat-strip,.rank-progress,.profile-box,.activity,.problem-panel,.editor-panel,.bug-shell{border-radius:18px;background:#171a2dcc;border-color:#37354f}.stat-icon{border-radius:13px}.stat-strip small,.profile-stats small{letter-spacing:.7px}.problem-panel h1{font-family:Arial Rounded MT Bold,Avenir Next,Trebuchet MS,system-ui,sans-serif}.adventure-label{display:inline-flex;align-items:center;gap:7px;margin:13px 0 0;padding:8px 12px;border:1px solid #c4a5ff32;border-radius:999px;background:#c4a5ff0d;color:#d9cbf9;font-size:11px}.beginner-note{padding:12px 13px;border-radius:12px;background:#c4a5ff0c;border:1px solid #c4a5ff22;color:#c9c3dc;font-size:11px;line-height:1.6;margin:16px 0}.beginner-note b{color:#e0d3ff}.sql-cheatsheet{background:#c4f17b0a;border:1px solid #c4f17b26;border-radius:12px;padding:11px 13px;margin-bottom:12px;color:#d3dbc7;font-size:11px;line-height:1.65}.sql-cheatsheet summary{color:#d4f3a9;font-weight:700;cursor:pointer}.sql-cheatsheet p{margin:9px 0}.sql-cheatsheet p b{color:#e0d2ff}.sql-cheatsheet code{display:block;overflow:auto;padding:8px;border-radius:8px;background:#0e1221;color:#d7e4c2;font:10px DM Mono,ui-monospace,monospace;white-space:nowrap}.sql-cheatsheet small{display:block;color:#aeb8a1;margin-top:7px}.hint-button{font-size:11px}.prompt,.quest-card>p{line-height:1.75}.play-page h1,.profile-page h1,.results-page h1{letter-spacing:-1.4px}.hero h1,.play-page h1,.profile-page h1,.results-page h1,.problem-panel h1,.bug-head h1,.bug-question h2,.section-head h2,.activity h2,.quest-card h3{font-family:Trebuchet MS,Avenir Next,system-ui,sans-serif;font-weight:800}.brand,.rank-info b,.stat-strip b{font-family:Trebuchet MS,Avenir Next,system-ui,sans-serif}:root{--playful-font:"Trebuchet MS","Avenir Next",system-ui,sans-serif}*,*:before,*:after{font-family:var(--playful-font)!important}.track-page,.playground-page{max-width:900px;margin:0 auto;padding:42px 0 65px}.track-page h1,.playground-page h1{font-size:clamp(34px,5vw,48px);line-height:1.1;margin:12px 0}.track-intro,.playground-intro{max-width:680px;line-height:1.8;margin:10px 0 23px}.track-progress{display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:13px;padding:17px 20px;margin:20px 0 22px;background:#c4f17b0c;border:1px solid #c4f17b2b;border-radius:17px}.track-progress>span{font-size:25px}.track-progress b{display:block;font-size:14px}.track-progress small{display:block;color:#adb6c8;font-size:11px;margin-top:3px}.track-progress .progress-track{grid-column:2;grid-row:2;margin:0}.track-progress strong{grid-column:3;grid-row:1/3;color:var(--green);font-size:18px}.track-levels{display:grid;gap:10px}.track-step{width:100%;display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:13px;text-align:left;padding:15px;border:1px solid #37354f;border-radius:15px;background:linear-gradient(140deg,#1a2037,#15182b);color:#f1f3fa;transition:transform .16s,border-color .16s}.track-step:not(:disabled):hover{transform:translateY(-2px);border-color:#c4a5ff75}.track-step.locked{opacity:.55;cursor:not-allowed}.step-number{width:38px;height:38px;display:grid;place-items:center;border-radius:13px;background:#c4a5ff14;color:#d2bdff;font-weight:800}.track-step.done .step-number{background:#c4f17b1c;color:#d5f6aa}.step-copy{display:grid;gap:4px}.step-copy small{font-size:10px;color:#c8b2ff}.step-copy b{font-size:14px}.step-copy i{font-style:normal;color:#aeb7ca;font-size:11px;line-height:1.5}.step-status{font-size:10px;color:#d3eaa9;white-space:nowrap}.track-step.locked .step-status{color:#a2a9b8}.lesson-card{margin-top:18px;padding:24px;border:1px solid #37354f;border-radius:20px;background:#171a2ddd}.lesson-card>h1{font-size:36px}.lesson-explainer{max-width:760px;color:#c2c9d8;line-height:1.8;font-size:14px}.lesson-card .beginner-note{margin:15px 0}.lesson-hint{margin:14px 0;color:#ddcbff;background:#c4a5ff0c;border-radius:11px;padding:11px 13px;font-size:11px}.lesson-editor{border-top:1px solid #ffffff12;margin-top:18px;padding-top:18px}.lesson-editor>label{display:block;font-weight:800;margin-bottom:8px}.lesson-editor textarea,.free-editor-panel textarea{display:block;width:100%;min-height:190px;resize:vertical;padding:14px;border-radius:12px;border:1px solid #41405a;background:#101326;color:#eef3e8;line-height:1.6;outline:none}.lesson-editor textarea:focus,.free-editor-panel textarea:focus{border-color:#c4f17b99;box-shadow:0 0 0 3px #c4f17b12}.completed-note{color:#c7f39b;font-size:12px}.explanation .primary{margin-top:8px}.playground-page{max-width:1020px}.playground-note{display:flex;align-items:center;gap:12px;padding:14px 16px;margin:22px 0;border-radius:15px;background:#c4a5ff10;border:1px solid #c4a5ff2b;color:#d6d3e3;font-size:12px;line-height:1.7}.playground-note:first-letter{font-size:23px}.playground-note b{color:#e5d7ff}.playground-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(225px,.75fr);gap:15px}.free-editor-panel,.playground-side{padding:20px;border:1px solid #37354f;border-radius:18px;background:#171a2ddd}.free-editor-panel textarea{min-height:300px;font-size:12px}.template-row{display:flex;justify-content:space-between;gap:12px;margin:0 0 9px}.template-row .hint-button{padding:7px}.playground-side h2{font-size:19px;margin:2px 0 16px}.playground-side ol{list-style:none;counter-reset:play;display:grid;gap:14px;padding:0;margin:0}.playground-side li{counter-increment:play;display:grid;grid-template-columns:26px 1fr;column-gap:8px;align-items:start}.playground-side li:before{content:counter(play);grid-row:span 2;width:24px;height:24px;border-radius:9px;display:grid;place-items:center;background:#c4a5ff18;color:#dbcaff;font-size:11px;font-weight:800}.playground-side li b{font-size:11px}.playground-side li span{font-size:10px;color:#aeb7ca;margin-top:3px}.table-shelf{display:grid;gap:8px;margin-top:19px;padding:12px;border-radius:12px;background:#0f1324}.table-shelf>b{font-size:11px}.table-shelf>span{color:#c7f39b;font-size:11px}.table-shelf>small{color:#a9b2c3;font-size:10px;line-height:1.6}.play-example{margin-top:13px;font-size:10px}.play-example summary{cursor:pointer;color:#d7c6ff}.play-example pre{white-space:pre-wrap;line-height:1.6;color:#d4e6bd;background:#0f1324;padding:10px;border-radius:9px;font-size:9px}@media(max-width:760px){.track-page,.playground-page{padding-top:30px}.playground-layout{grid-template-columns:1fr}.playground-side{display:grid;grid-template-columns:1fr 1fr;column-gap:17px}.playground-side h2{grid-column:1/-1}.table-shelf,.play-example{align-self:start;margin-top:17px}}@media(max-width:520px){.topbar{gap:6px}.brand{gap:6px;font-size:13px}.brand-icon{width:25px;height:25px}.brand small{display:none}.topbar nav{gap:0;justify-content:space-around}.topbar nav button{font-size:9px;padding:0 3px}.top-xp{padding:6px;font-size:8px;white-space:nowrap}.track-page,.playground-page{padding-top:23px}.track-step{grid-template-columns:34px 1fr;gap:9px;padding:12px}.step-number{width:32px;height:32px}.step-status{grid-column:2;font-size:9px}.track-progress{grid-template-columns:32px 1fr auto;padding:13px;gap:9px}.track-progress .progress-track{grid-column:2}.lesson-card{padding:16px}.lesson-card>h1{font-size:29px}.free-editor-panel,.playground-side{padding:15px}.playground-side{grid-template-columns:1fr}.playground-side h2,.playground-side ol,.table-shelf,.play-example{grid-column:1}.template-row{flex-direction:column;gap:5px}.free-editor-panel textarea{min-height:230px}}.mode-pick{margin:24px 0 30px}.mode-pick h2{font-size:clamp(21px,3vw,27px);margin:7px 0 14px;letter-spacing:-.5px}.extra-modes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.mode-tile{width:100%;min-width:0;display:grid;grid-template-columns:42px minmax(0,1fr) 18px;align-items:center;gap:13px;padding:17px;text-align:left;color:#f2f4f8;border:1px solid #45415d;border-radius:17px;background:linear-gradient(140deg,#1b2038,#15182b);cursor:pointer;transition:transform .16s,border-color .16s,box-shadow .16s}.mode-tile:hover{transform:translateY(-2px);border-color:#c4a5ff99;box-shadow:0 10px 25px #090b1833}.mode-tile>span{width:40px;height:40px;display:grid;place-items:center;border-radius:13px;background:#ffffff0b;font-size:23px}.mode-tile>div{min-width:0;display:grid;gap:5px}.mode-tile small{font-size:9px;letter-spacing:.7px;color:#c8b2ff}.mode-tile b{font-size:15px}.mode-tile p{margin:0;color:#aeb7ca;line-height:1.5;font-size:11px}.mode-tile>i{font-style:normal;color:var(--green);font-size:17px}.learn-tile{border-color:#c4f17b55;background:linear-gradient(140deg,#273321,#171d2b)}.play-tile{border-color:#c4a5ff55;background:linear-gradient(140deg,#29223d,#17182b)}@media(max-width:640px){.mode-pick{margin:20px 0 25px}.extra-modes{grid-template-columns:1fr;gap:10px}.mode-tile{padding:14px}}.track-tiers{display:grid;gap:24px}.track-tier{padding:17px;border:1px solid #ffffff12;border-radius:19px;background:#10132666}.track-tier-heading{display:flex;align-items:end;justify-content:space-between;gap:10px;margin:0 0 12px}.track-tier-heading h2{font-size:21px;margin:4px 0 0}.track-tier-heading>span{font-size:10px;color:#b8bfd0;padding-bottom:3px}.track-tier .track-levels{gap:9px}@media(max-width:520px){.track-tier{padding:11px}.track-tier-heading h2{font-size:18px}}.track-tier-heading small{display:block;color:#b7c0d2;font-size:10px;margin-top:5px;letter-spacing:.2px}:root{--playful-font:"Trebuchet MS","Avenir Next",system-ui,sans-serif;--green:#ffd43b;--lime:#ffd43b;--purple:#4b83e6;--red:#ef5350}*,*:before,*:after{font-family:var(--playful-font)!important;border-radius:2px!important}body{background-color:#101522;background-image:linear-gradient(#ffffff08 1px,transparent 1px),linear-gradient(90deg,#ffffff08 1px,transparent 1px);background-size:16px 16px;image-rendering:pixelated}.shell{background:#111827ed;border-left:3px solid #29364a;border-right:3px solid #29364a;box-shadow:8px 0 #080b12,-8px 0 #080b12}.topbar{background:#111827;border-bottom:3px solid #e64b4b;box-shadow:0 4px #080b12}.brand-icon,.stat-icon,.quest-emoji,.floating-buddy{image-rendering:pixelated}.brand-icon{background:#ef5350!important;color:#fff!important;box-shadow:3px 3px #101522}.green,.top-xp,.eyebrow i{color:#ffd43b!important}.topbar nav button{color:#d9e4f2}.topbar nav button.active{background:#26354e;color:#ffe27a;border-bottom:3px solid #ffd43b}button,.quest-card,.mode-tile,.track-step,.lesson-card,.animation-card,.free-editor-panel,.playground-side,.public-database,.problem-panel,.editor-panel{box-shadow:4px 4px #080b12}button{border:2px solid #4a5a72!important;transition:transform .12s steps(2,end),box-shadow .12s steps(2,end)!important}button:hover{transform:translate(-2px,-2px);box-shadow:6px 6px #080b12!important}button:active{transform:translate(2px,2px);box-shadow:2px 2px #080b12!important}.primary,.card-action{background:#e94f52!important;border-color:#ff8585!important;color:#fff!important}.secondary,.text-button,.hint-button{background:#24354f!important;border-color:#4e709a!important;color:#eaf1fa!important}.hero,.hero-art,.terminal,.quest-card,.mode-tile,.rank-progress,.track-tier,.track-step,.lesson-card,.problem-panel,.editor-panel,.free-editor-panel,.playground-side,.animation-card,.animation-tab,.public-database{border:2px solid #43516a!important;background-color:#192337!important}.hero{background:linear-gradient(135deg,#192337,#243047)!important}.terminal,.animation-query,.playground-page textarea,.lesson-editor textarea,.editor-panel textarea,.free-editor-panel textarea{background:#101722!important;border:2px solid #62748d!important;color:#dceaff!important;box-shadow:inset 3px 3px #080b12}.mode-pick h2,.track-page h1,.playground-page h1,.animated-page h1,.hero h1,.section-head h2{color:#fff2ca}.mode-tile{border-color:#596d8a!important}.learn-tile{background:#233143!important;border-color:#f2cf58!important}.play-tile{background:#242f49!important;border-color:#6b9be3!important}.sandbox-tile{background:#3c272d!important;border-color:#ee7773!important}.stat-strip,.track-progress,.beginner-note,.playground-note,.lesson-hint,.feedback{border:2px solid #3d5068!important;background:#1c2a3e!important}.progress-track{height:12px;background:#0d1420;border:2px solid #526078}.progress-track i{background:repeating-linear-gradient(90deg,#ffd43b 0,#ffd43b 8px,#e7aa35 8px,#e7aa35 10px)!important}.track-step{background:#1a2639!important}.track-step:not(:disabled):hover{border-color:#ffd43b!important}.track-step.locked{opacity:.62}.track-tier-heading .eyebrow,.badge,.database-stamp{color:#ffd43b}.table-wrap{border:2px solid #53637b!important;box-shadow:3px 3px #0a0e16}table th{background:#283b56!important;color:#ffe27a!important}table td{background:#182438!important;border-color:#35455c!important}.quest-grid,.extra-modes{gap:16px}.extra-modes{grid-template-columns:repeat(3,minmax(0,1fr))}@media(max-width:880px){.extra-modes{grid-template-columns:1fr}.topbar nav{gap:2px}.topbar nav button{padding:7px 8px;font-size:10px}}@media(max-width:520px){.topbar{flex-wrap:wrap}.topbar nav{order:3;width:100%;justify-content:space-between}.topbar nav button{font-size:9px}.shell{border:0;box-shadow:none}}.animated-page{max-width:1040px;margin:0 auto;padding:42px 0 70px}.animated-page h1{font-size:clamp(30px,5vw,46px);margin:10px 0}.animated-intro{max-width:720px;line-height:1.8;margin:10px 0 22px}.animation-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:18px 0}.animation-tab{display:grid;gap:7px;text-align:left;min-height:112px;padding:12px;color:#e8eef7;background:#1a2639!important}.animation-tab small,.animation-tab span{font-size:9px;color:#9fb0c8;line-height:1.5}.animation-tab b{font-size:12px;line-height:1.5;color:#fff2ca}.animation-tab.selected{border-color:#ffd43b!important;box-shadow:4px 4px #ffd43b!important}.animation-card{padding:22px;background:#172236!important}.animation-card-head{display:flex;justify-content:space-between;gap:20px;align-items:start}.animation-card-head h2{margin:7px 0;font-size:22px;color:#fff2ca}.animation-card-head p{max-width:680px;color:#c1cee0;font-size:12px;line-height:1.8}.pixel-ball{width:48px;height:48px;flex:0 0 48px;border:4px solid #131a25!important;background:linear-gradient(#ed5353 0,#ed5353 42%,#141b27 42%,#141b27 57%,#f3f4f1 57%);position:relative;box-shadow:3px 3px #080b12!important}.pixel-ball:after{content:"";position:absolute;width:10px;height:10px;left:15px;top:15px;border:4px solid #141b27;background:#fff}.animation-progress{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;margin:18px 0;font-size:9px;color:#ffd43b}.animation-stage{display:grid;grid-template-columns:1fr 1fr;gap:14px;animation:pixel-arrive .22s steps(4,end)}@keyframes pixel-arrive{0%{opacity:.3;transform:translateY(6px);clip-path:inset(0 0 45% 0)}to{opacity:1;transform:translateY(0);clip-path:inset(0)}}.animation-narration{display:flex;gap:12px;align-items:start;padding:15px;border:2px solid #53637b;background:#202e43;min-height:90px}.animation-narration small{color:#ffd43b;font-weight:700}.animation-narration p{margin:7px 0 0;color:#d3ddeb;font-size:11px;line-height:1.7}.pixel-cursor{color:#ffe27a;font-size:18px;animation:pixel-blink .8s steps(2,end) infinite}@keyframes pixel-blink{50%{opacity:.25}}.animation-query{margin:0;padding:14px;white-space:pre-wrap;font-size:12px;line-height:1.8}.animated-table{grid-column:1/-1;animation:pixel-arrive .35s steps(5,end)}.animated-table .schema-block{margin:0}.animated-table .schema-block>strong{display:block;margin-bottom:7px;color:#ffd43b;font-size:10px;text-transform:uppercase}.animation-controls{display:flex;justify-content:space-between;gap:12px;margin-top:18px}.animation-tip{color:#bac7d8;font-size:10px;margin-top:18px}.inline-button{background:transparent!important;border:0!important;box-shadow:none!important;color:#ffd43b!important;padding:2px 4px!important;text-decoration:underline}.public-database{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:16px;padding:18px;margin:20px 0;background:#1c2a3e!important}.database-stamp{font-size:9px;max-width:100px;line-height:1.6}.public-database h2{margin:0 0 6px;color:#fff2ca;font-size:18px}.public-database p{margin:0;color:#c1cee0;font-size:11px;line-height:1.6}.database-tables{display:flex;flex-wrap:wrap;gap:7px;margin-top:10px}.database-tables span{padding:5px 7px;background:#263b56;color:#d9e8fa;font-size:9px;border:1px solid #516987}@media(max-width:760px){.animation-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.animation-stage{grid-template-columns:1fr}.animation-query{grid-row:2}.animated-table{grid-column:1}.public-database{grid-template-columns:1fr}.database-stamp{max-width:none}}@media(max-width:520px){.animated-page{padding-top:24px}.animation-card{padding:14px}.animation-card-head h2{font-size:18px}.animation-progress{grid-template-columns:1fr auto}.animation-progress .progress-track{grid-column:1/-1;grid-row:2}}.topbar{gap:clamp(12px,2.5vw,34px)}.topbar nav{gap:clamp(5px,1.5vw,18px)}.topbar nav button{white-space:nowrap;font-size:clamp(9px,.95vw,12px);padding-inline:clamp(5px,.8vw,11px)}.hero{min-height:330px;padding:16px 22px;margin:24px 0 25px;gap:20px;overflow:hidden}.hero-copy{max-width:600px;padding:26px 4px}.hero-copy>p{max-width:500px;line-height:1.9}.hero h1{font-size:clamp(32px,4.3vw,52px);line-height:1.28;letter-spacing:0}.hero-art{min-width:0}.mode-pick{margin:26px 0 38px}.mode-pick h2{margin-bottom:18px;line-height:1.55}.extra-modes{align-items:stretch;gap:18px}.mode-tile{min-height:154px;grid-template-columns:38px minmax(0,1fr) 16px;align-content:center;gap:12px;padding:18px}.mode-tile>div{gap:8px}.mode-tile small{line-height:1.7}.mode-tile b{line-height:1.6}.mode-tile p{line-height:1.8}.stat-strip{margin-top:34px;margin-bottom:56px}@media(max-width:880px){.topbar{gap:10px}.topbar nav{justify-content:space-around}.topbar nav button{font-size:9px;padding-inline:4px}.hero{padding:16px}.extra-modes{grid-template-columns:1fr}.mode-tile{min-height:unset}}@media(max-width:520px){.shell{padding:0 14px}.topbar{height:auto;min-height:65px;padding:9px 0;column-gap:6px}.topbar nav{padding-top:8px;border-top:2px solid #33435b}.topbar nav button{font-size:8px;padding:10px 3px}.hero{grid-template-columns:1fr;min-height:unset;margin:14px 0;padding:10px 14px}.hero-copy{padding:22px 0 6px}.hero h1{font-size:31px;line-height:1.4}.hero-art{height:220px}.mode-pick{margin:22px 0 30px}.stat-strip{grid-template-columns:1fr 1fr;gap:14px;padding:15px;margin-top:24px}.stat-strip>div{border:0;padding:6px!important}.section-head{align-items:start;gap:10px}.section-head h2{line-height:1.5}.quest-grid{grid-template-columns:1fr}}.topbar{height:88px;display:grid;grid-template-columns:minmax(180px,1fr) auto auto;gap:clamp(18px,3vw,42px);align-items:center;border-bottom:2px solid #33435b;padding:0 4px;box-shadow:0 4px #090e16;background:transparent}.brand{justify-self:start;gap:12px;border:0!important;background:transparent!important;box-shadow:none!important;transform:none!important;padding:7px 0!important}.brand:hover{box-shadow:none!important;transform:none!important}.brand-icon{position:relative;overflow:hidden;width:38px;height:38px;border:3px solid #101722!important;border-radius:0!important;background:linear-gradient(#ef5350 0,#ef5350 43%,#101722 43%,#101722 57%,#f1f2ed 57%)!important;box-shadow:3px 3px #080b12!important;font-size:0}.brand-icon:after{content:"";position:absolute;width:9px;height:9px;left:11px;top:11px;border:3px solid #101722;background:#f6f6ee}.brand-wordmark{display:block;color:#fff2ca;font-size:17px;font-weight:900;line-height:1.5;letter-spacing:.2px;white-space:nowrap}.brand-wordmark .green{display:inline;color:#ffd43b!important;margin-left:5px}.brand-wordmark small{display:block;margin-top:1px;color:#97abc4;font-size:8px;letter-spacing:1.8px;line-height:1.5}.topbar nav{height:100%;display:flex;align-items:center;justify-content:center;gap:clamp(15px,2.5vw,34px);min-width:0}.topbar nav button{position:relative;height:auto;align-self:stretch;display:flex;align-items:center;justify-content:center;padding:5px 2px!important;color:#c0ccdc!important;background:transparent!important;border:0!important;border-bottom:3px solid transparent!important;border-radius:0!important;box-shadow:none!important;transform:none!important;font-size:clamp(9px,.9vw,12px);font-weight:700;letter-spacing:.2px;white-space:nowrap}.topbar nav button:hover{color:#fff2ca!important;text-shadow:2px 2px #ef535066;box-shadow:none!important;transform:none!important}.topbar nav button.active{color:#ffd43b!important;background:transparent!important;border-bottom-color:#ffd43b!important}.topbar nav button.active:after{display:none}.top-xp{justify-self:end;color:#ffe27a;background:transparent;border:0!important;box-shadow:none!important;padding:8px 0;font-size:11px;white-space:nowrap}@media(max-width:760px){.topbar{grid-template-columns:1fr auto;gap:8px;height:auto;padding:12px 0}.topbar nav{grid-column:1/-1;grid-row:2;justify-content:space-between;width:100%;height:43px;gap:7px;border-top:1px solid #33435b}.topbar nav button{font-size:clamp(8px,2vw,11px);padding:4px 1px!important}.brand-wordmark{font-size:14px}.brand-icon{width:32px;height:32px}.top-xp{grid-column:2;grid-row:1}}@media(max-width:380px){.topbar nav{gap:4px}.topbar nav button{font-size:7px;letter-spacing:0}.brand-wordmark{font-size:12px}.top-xp{font-size:9px}}.quest-grid{align-items:stretch;gap:18px}.quest-card{min-width:0;min-height:320px;display:flex;flex-direction:column;align-items:flex-start;padding:22px 24px 19px;overflow:visible}.quest-card .card-top{width:100%;min-width:0;gap:8px;flex-wrap:wrap}.quest-card .badge{max-width:100%;line-height:1.55;white-space:normal}.quest-card .difficulty{flex-shrink:0}.quest-card .quest-emoji{margin:17px 0 5px}.quest-card h3{width:100%;max-width:100%;min-height:3.1em;margin:5px 0 8px;color:#fff2ca;font-size:clamp(15px,1.45vw,19px);line-height:1.6;letter-spacing:0;overflow-wrap:break-word;text-wrap:balance}.quest-card>p{width:100%;min-height:4.8em;margin:0 0 16px;color:#c1cee0;font-size:11px;line-height:1.8;overflow-wrap:break-word}.quest-card .card-meta{width:100%;min-height:48px;align-content:center;gap:8px 14px;font-size:8px;line-height:1.7}.quest-card .card-meta span{max-width:100%;overflow-wrap:anywhere}.quest-card .card-action{margin-top:auto;padding-top:12px;line-height:1.7}@media(max-width:700px){.quest-grid{grid-template-columns:1fr}.quest-card{min-height:unset}.quest-card h3{min-height:unset;font-size:17px}.quest-card>p{min-height:unset}}.quest-card .card-action{width:100%;min-height:48px;display:flex;align-items:center;justify-content:space-between;align-self:stretch;margin-top:auto;padding:0 14px!important;border:2px solid #ff8989!important;background:#e94f52!important;color:#fff!important;box-shadow:4px 4px #080b12!important;font-size:11px;font-weight:900;letter-spacing:.15px;text-align:left}.quest-card .card-action:hover{background:#ff666b!important;box-shadow:6px 6px #080b12!important;transform:translate(-2px,-2px)!important}.quest-card .card-action span{margin:0 2px 0 12px;font-size:15px}.bug-card .card-action{border-color:#92b5ff!important;background:#376bd0!important}.bug-card .card-action:hover{background:#4d82ed!important}.quest-card .card-action{width:auto;min-width:0;min-height:0;display:inline-flex;align-items:center;justify-content:center;align-self:flex-start;padding:13px 17px!important;border:2px solid #ff8585!important;background:#e94f52!important;color:#fff!important;box-shadow:4px 4px #080b12!important;font-size:12px;font-weight:700;letter-spacing:0;text-align:center}.quest-card .card-action:hover{background:#ff6268!important;box-shadow:6px 6px #080b12!important;transform:translate(-2px,-2px)!important}.quest-card .card-action span{margin-left:15px;font-size:inherit}.bug-card .card-action{border-color:#ff8585!important;background:#e94f52!important}.bug-card .card-action:hover{background:#ff6268!important}.classroom-progress{display:grid;grid-template-columns:1fr auto;gap:7px 14px;align-items:center;padding:15px 18px;margin:18px 0 22px;border:2px solid #43516a;background:#192337;box-shadow:4px 4px #080b12}.classroom-progress b{display:block;color:#fff2ca;font-size:12px;line-height:1.7}.classroom-progress small{display:block;color:#aebbd0;font-size:9px;line-height:1.7;margin-top:3px}.classroom-progress strong{color:#ffd43b;font-size:12px}.classroom-progress .progress-track{grid-column:1/-1;margin:0}.classroom-review{margin:16px 0 30px;border-top:1px solid #43516a;padding-top:13px;color:#ffe27a;font-size:10px}.classroom-review summary{cursor:pointer;padding:8px 0}.classroom-review>div{display:flex;flex-wrap:wrap;gap:9px;margin-top:10px}.review-lesson{padding:8px 11px!important;background:#192337!important;color:#dbe6f4!important;font-size:9px}@media(max-width:520px){.classroom-progress{padding:12px}.classroom-progress small{max-width:260px}}.trainer-profile{margin:20px 0;padding:20px;border:2px solid #43516a;background:#192337;box-shadow:4px 4px #080b12}.trainer-profile-head{display:flex;align-items:center;gap:14px;min-height:76px;padding-bottom:16px;border-bottom:1px solid #43516a}.trainer-profile-head img{width:72px;height:72px;object-fit:contain;image-rendering:pixelated;background:#263b56;border:2px solid #ffd43b}.trainer-profile-head small{color:#ffd43b;font-size:9px;letter-spacing:1px}.trainer-profile-head h2{margin:4px 0;color:#fff2ca;font-size:18px}.trainer-profile-head p{margin:0;color:#b8c6d9;font-size:10px}.trainer-name-form{display:flex;align-items:center;gap:10px;margin:14px 0}.trainer-name-form label{color:#dbe6f4;font-size:10px}.trainer-name-form input{width:min(260px,55%);padding:9px 10px;background:#101722;border:2px solid #53637b;color:#fff2ca;font:inherit;font-size:11px}.trainer-name-form button{padding:8px 12px!important;font-size:9px}.partner-picker-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-top:18px}.partner-picker-head h3{margin:0;color:#fff2ca;font-size:13px}.partner-picker-head span,.sprite-credit{color:#9fb0c8;font-size:9px}.partner-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:9px;margin-top:12px}.partner-option{display:grid;justify-items:center;align-content:center;gap:4px;min-width:0;min-height:106px;padding:8px 5px!important;background:#202e43!important;color:#eaf1fa!important;border:2px solid #53637b!important;box-shadow:3px 3px #080b12!important}.partner-option img{width:56px;height:56px;object-fit:contain;image-rendering:pixelated}.partner-option small{color:#ffd43b;font-size:8px;line-height:1.4}.partner-option b{font-size:9px;line-height:1.4;text-align:center;overflow-wrap:anywhere}.partner-option.selected{border-color:#ffd43b!important;background:#39425a!important;box-shadow:3px 3px #ffd43b!important}.partner-option:hover{border-color:#fff2ca!important}.sprite-credit{margin:12px 0 0;text-align:right}.sprite-credit a{color:#ffd43b}@media(max-width:760px){.partner-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:450px){.trainer-profile{padding:14px}.partner-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.partner-option{min-height:96px}.partner-picker-head{align-items:start;flex-direction:column;gap:4px}.trainer-name-form{flex-wrap:wrap}.trainer-name-form input{flex:1}}.partner-option{min-height:132px}.partner-option img{width:clamp(64px,6.5vw,82px);height:clamp(64px,6.5vw,82px)}.trainer-profile-head img{width:82px;height:82px}@media(max-width:450px){.partner-option{min-height:112px}.partner-option img{width:68px;height:68px}}.auth-page{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 50% 15%,#26354a 0,#101522 62%)}.auth-card{width:min(520px,100%);padding:30px;border:3px solid #52647c;background:#192337;box-shadow:8px 8px #080b12;text-align:center}.auth-mark{width:66px;height:66px;margin:0 auto 18px;display:grid;place-items:center;border:4px solid #101722;background:linear-gradient(#ef5350 0,#ef5350 43%,#101722 43%,#101722 57%,#f1f2ed 57%);box-shadow:4px 4px #080b12;color:transparent;position:relative}.auth-mark:after{content:"";position:absolute;width:15px;height:15px;left:21px;top:21px;border:4px solid #101722;background:#f6f6ee}.auth-card>.eyebrow{justify-content:center}.auth-card h1{margin:12px 0;color:#fff2ca;font-size:clamp(22px,5vw,31px);line-height:1.5}.auth-card>p{margin:0 auto 20px;color:#bdc9da;font-size:11px;line-height:1.7}.auth-choices{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:24px 0}.auth-choice{min-height:130px;display:grid;justify-items:center;align-content:center;gap:9px;padding:15px!important;background:#202e43!important;color:#fff2ca!important;border:2px solid #53637b!important;box-shadow:4px 4px #080b12!important}.auth-choice:hover:not(:disabled){border-color:#ffd43b!important}.auth-choice>span{color:#ffd43b;font-size:20px}.auth-choice b{font-size:11px}.auth-choice small{color:#aebbd0;font-size:9px;line-height:1.5}.auth-choice:disabled{opacity:.5;cursor:not-allowed}.auth-form{display:grid;gap:8px;text-align:left;margin:22px 0 14px}.auth-form label{margin-top:4px;color:#e4ecf7;font-size:10px}.auth-form input{width:100%;padding:11px 12px;border:2px solid #53637b;background:#101722;color:#fff2ca;font:inherit;font-size:11px}.auth-form .primary{margin-top:9px;justify-self:stretch}.signup-partner-field{min-width:0;margin:10px 0 2px;padding:0;border:0}.signup-partner-field legend{margin-bottom:9px;color:#e4ecf7;font-size:10px}.signup-partner-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:7px;max-height:228px;overflow:auto;padding:3px 5px 8px 3px}.signup-partner{min-width:0;min-height:76px;display:grid;justify-items:center;align-content:center;gap:2px;padding:5px 2px!important;border:2px solid #40516b!important;background:#121b2a!important;color:#fff2ca!important;box-shadow:2px 2px #080b12!important}.signup-partner img{width:42px;height:42px;object-fit:contain;image-rendering:pixelated}.signup-partner span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:8px}.signup-partner small{color:#aebbd0;font-size:7px}.signup-partner:hover,.signup-partner.selected{border-color:#ffd43b!important;background:#29374b!important}.signup-partner.selected{box-shadow:inset 0 0 0 1px #ffd43b,2px 2px #080b12!important}.trainer-card-identity{display:flex;align-items:center;gap:18px;margin:22px 0;padding:18px;border:3px solid #53637b;background:linear-gradient(115deg,#202e43,#192337);box-shadow:5px 5px #080b12}.trainer-card-identity>img{width:96px;height:96px;object-fit:contain;image-rendering:pixelated;background:#111a28;border:2px solid #ffd43b}.trainer-card-identity>div{flex:1;min-width:0}.trainer-card-identity>div small{color:#ffd43b;font-size:9px;letter-spacing:.14em}.trainer-card-identity h2{margin:5px 0;color:#fff2ca;font-size:clamp(18px,4vw,26px);overflow-wrap:anywhere}.trainer-card-identity>div span{color:#bdc9da;font-size:10px}.trainer-card-badge{align-self:flex-start;color:#aebbd0;font-size:8px;letter-spacing:.08em;text-align:right}.auth-back{justify-self:center;background:transparent!important;border:0!important;box-shadow:none!important;color:#bac9dc!important;font-size:10px}.auth-error{padding:9px;border:1px solid #f27781;background:#f2778115;color:#ffabb0!important}.auth-note{display:block;margin-top:18px;color:#94a7c0;font-size:9px;line-height:1.6}.account-actions{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:26px;padding-top:14px;border-top:1px solid #43516a}.account-actions .reset-button{margin:0}@media(max-width:480px){.auth-card{padding:22px 16px}.auth-choices{grid-template-columns:1fr}.auth-choice{min-height:96px}.account-actions{align-items:stretch;flex-direction:column}}.profile-heading-row{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;position:relative}.profile-heading-row h1{margin-bottom:8px}.settings-menu{position:relative;margin-top:4px;z-index:5}.settings-menu>summary{width:38px;height:38px;display:grid;place-items:center;list-style:none;cursor:pointer;border:1px solid #53637b;background:#192337;color:#fff2ca;font-size:19px;box-shadow:3px 3px #080b12}.settings-menu>summary::-webkit-details-marker{display:none}.settings-menu>summary:hover,.settings-menu[open]>summary{border-color:#ffd43b;color:#ffd43b}.settings-panel{position:absolute;right:0;top:46px;width:220px;padding:14px;display:grid;gap:9px;border:2px solid #53637b;background:#192337;box-shadow:5px 5px #080b12}.settings-panel>b{color:#fff2ca;font-size:12px;padding-bottom:5px;border-bottom:1px solid #43516a}.settings-panel label{color:#aebbd0;font-size:9px}.settings-panel select{width:100%;padding:9px;background:#101722;border:1px solid #53637b;color:#fff2ca;font:inherit;font-size:10px}.settings-action{padding:9px 10px!important;text-align:left;background:#202e43!important;border:1px solid #43516a!important;color:#e4ecf7!important;font-size:10px!important;box-shadow:none!important}.settings-action:hover{border-color:#ffd43b!important}.settings-action.danger{color:#ffabb0!important;border-color:#7b454f!important}:root[data-theme=lavender]{--green:#b38be8;--muted:#b9aecb;--line:#42364f;--purple:#e4a4ff}:root[data-theme=lavender] body{background:radial-gradient(ellipse at 55% -15%,#332541 0,transparent 52%),#110f1c}:root[data-theme=lavender] .primary{background:#b38be8;color:#21132f;box-shadow:0 4px 22px #c8a6ff33}:root[data-theme=lavender] .primary:hover{background:#c4a3f2}:root[data-theme=lavender] .eyebrow,:root[data-theme=lavender] .hero h1 em,:root[data-theme=lavender] .top-xp,:root[data-theme=lavender] .settings-menu>summary:hover{color:#d8c0ff}:root[data-theme=cerulean]{--green:#71d9ee;--muted:#a2b8c7;--line:#294458;--purple:#8dc9ff}:root[data-theme=cerulean] body{background:radial-gradient(ellipse at 55% -15%,#17374a 0,transparent 52%),#09141e}:root[data-theme=cerulean] .primary{background:#71d9ee;color:#09212a;box-shadow:0 4px 22px #71d9ee22}:root[data-theme=cerulean] .primary:hover{background:#9ce9f6}:root[data-theme=cerulean] .eyebrow,:root[data-theme=cerulean] .hero h1 em,:root[data-theme=cerulean] .top-xp,:root[data-theme=cerulean] .settings-menu>summary:hover{color:#91e7f5}:root[data-theme=lavender]{--theme-page:#181222;--theme-surface:#211a2d;--theme-raised:#30243f;--theme-deep:#100d18;--theme-text:#f6efff;--theme-muted:#c3b2d8;--theme-border:#59466e;--theme-accent:#b38be8;--theme-accent-ink:#21132f;--theme-wallpaper:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='480'%20height='320'%20viewBox='0%200%20480%20320'%3e%3cg%20fill='%23d8baff'%20opacity='.25'%20shape-rendering='crispEdges'%3e%3cpath%20d='M55%2050h12v12H55zM49%2056h24v4H49zM242%20118h10v10h-10zM237%20123h20v4h-20zM401%2062h12v12h-12zM395%2068h24v4h-24zM333%20245h10v10h-10zM328%20250h20v4h-20z'/%3e%3cpath%20d='M153%20210h20v20h-20z'%20opacity='.42'/%3e%3c/g%3e%3cg%20fill='none'%20stroke='%23c8a6ff'%20stroke-width='3'%20opacity='.18'%20shape-rendering='crispEdges'%3e%3cpath%20d='M154%2063h36v6h-36zM148%2069h6v18h-6zM184%2069h6v18h-6zM154%2087h30v6h-30z'/%3e%3cpath%20d='M344%20142h24v6h-24zM338%20148h6v18h-6zM368%20148h6v18h-6zM344%20166h24v6h-24z'/%3e%3c/g%3e%3c/svg%3e");color-scheme:dark}:root[data-theme=cerulean]{--theme-page:#09141e;--theme-surface:#10202c;--theme-raised:#183144;--theme-deep:#071019;--theme-text:#eaf8fc;--theme-muted:#a2b8c7;--theme-border:#29485b;--theme-accent:#71d9ee;--theme-accent-ink:#09212a;--theme-wallpaper:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='480'%20height='320'%20viewBox='0%200%20480%20320'%3e%3cg%20fill='none'%20stroke='%2371d9ee'%20stroke-width='4'%20opacity='.2'%20shape-rendering='crispEdges'%3e%3cpath%20d='M0%2076h44v8h24v8h40v-8h28v-8h44M290%2076h32v8h28v8h42v-8h28v-8h60'/%3e%3cpath%20d='M-20%20160h34v8h28v8h42v-8h26v-8h34M226%20160h45v8h24v8h42v-8h27v-8h42M430%20160h70'/%3e%3cpath%20d='M5%20253h40v8h24v8h38v-8h32v-8h44M295%20253h34v8h26v8h43v-8h26v-8h40'/%3e%3c/g%3e%3cg%20fill='%23a9eff8'%20opacity='.12'%20shape-rendering='crispEdges'%3e%3cpath%20d='M210%2042h8v8h-8zM218%2050h8v8h-8zM394%20205h8v8h-8zM402%20213h8v8h-8zM82%20121h8v8h-8z'/%3e%3c/g%3e%3c/svg%3e");color-scheme:dark}:root:is([data-theme=lavender],[data-theme=cerulean]){color:var(--theme-text)}:root:is([data-theme=lavender],[data-theme=cerulean]) body{color:var(--theme-text);background-color:var(--theme-page);background-image:radial-gradient(ellipse at 55% -15%,color-mix(in srgb,var(--theme-accent) 22%,transparent),transparent 58%),var(--theme-wallpaper);background-repeat:no-repeat,repeat;background-size:100% 100%,680px 453px;background-position:center top,center top;background-attachment:fixed,fixed}:root:is([data-theme=lavender],[data-theme=cerulean]) .shell{background:transparent!important;border-color:var(--theme-border)!important;box-shadow:none!important}:root:is([data-theme=lavender],[data-theme=cerulean]) :is(.hero,.terminal,.stat-strip,.quest-card,.rank-progress,.profile-box,.problem-panel,.editor-panel,.bug-shell,.bug-question,.lesson-card,.trainer-card-identity,.public-database,.free-editor-panel,.playground-side,.activity,.auth-card,.settings-panel,.settings-menu>summary,.profile-stats article,.beginner-note,.playground-note,.lesson-hint,.track-progress,.track-step,.animation-card,.animation-tab,.animation-query,.animation-narration,.table-shelf,.database-tables span,.explanation,.mode-tile,.trainer-profile,.partner-option,.auth-choice,.signup-partner,.review-lesson,.feedback){background:var(--theme-surface)!important;color:var(--theme-text);border-color:var(--theme-border)!important}:root:is([data-theme=lavender],[data-theme=cerulean]) :is(.auth-page,.shell){color:var(--theme-text)}:root:is([data-theme=lavender],[data-theme=cerulean]) .auth-page{background:radial-gradient(circle at 50% 15%,color-mix(in srgb,var(--theme-accent) 20%,var(--theme-page)),var(--theme-page) 65%)}:root:is([data-theme=lavender],[data-theme=cerulean]) :is(.topbar,.activity,.trainer-card-identity,.auth-choice,.settings-menu>summary,.settings-panel,.settings-action){border-color:var(--theme-border)!important}:root:is([data-theme=lavender],[data-theme=cerulean]) :is(.topbar nav button,.hero-copy>p,.muted,.quest-card>p,.trainer-card-identity>div span,.rank-info small,.profile-stats span,.settings-panel label,.auth-card>p,.auth-choice small,.activity>p){color:var(--theme-muted)!important}:root:is([data-theme=lavender],[data-theme=cerulean]) :is(.hero h1,.profile-page h1,.play-page h1,.quest-card h3,.activity h2,.trainer-card-identity h2,.public-database h2,.playground-side h2,.profile-stats b,.stat-strip b,.brand,.settings-panel>b,.auth-card h1){color:var(--theme-text)}:root:is([data-theme=lavender],[data-theme=cerulean]) :is(.primary,.top-xp){background:var(--theme-accent)!important;color:var(--theme-accent-ink)!important;border-color:var(--theme-accent)!important}:root:is([data-theme=lavender],[data-theme=cerulean]) :is(.eyebrow,.hero h1 em,.text-button span,.card-action,.brand-icon,.rank-mark,.completion b,.trainer-card-identity>div small){color:var(--theme-accent)}:root:is([data-theme=lavender],[data-theme=cerulean]) .top-xp{min-width:max-content;padding:10px 12px!important;line-height:1.2;text-align:center;font-weight:700;color:var(--theme-accent-ink)!important;border:2px solid var(--theme-accent)!important;box-shadow:2px 2px #0008!important}:root:is([data-theme=lavender],[data-theme=cerulean]) .progress-track i{background:var(--theme-accent)}:root:is([data-theme=lavender],[data-theme=cerulean]) :is(.auth-form input,.settings-panel select,#sql-editor,#lesson-editor,#free-editor,.feedback,.table-wrap th){background:var(--theme-deep)!important;color:var(--theme-text)!important;border-color:var(--theme-border)!important}:root:is([data-theme=lavender],[data-theme=cerulean]) :is(.auth-choice,.settings-action){background:var(--theme-raised)!important;color:var(--theme-text)!important}:root:is([data-theme=lavender],[data-theme=cerulean]) .auth-note{color:var(--theme-muted)}:root:is([data-theme=lavender],[data-theme=cerulean]) :is(.animation-card-head h2,.animation-card-head p,.animation-tab,.animation-tab b,.animation-tab small,.animation-tab span,.mode-tile b,.mode-tile p,.mode-tile small,.public-database p,.database-tables span,.trainer-card-badge,.lesson-card h1,.lesson-card h2,.lesson-card h3,.bug-question h1,.bug-question h2,.problem-panel h1,.problem-panel h2,.editor-title b,.playground-side li,.playground-side h2,.activity h2,.activity>div,.auth-form label,.auth-error,.hero h1,.terminal code,.terminal-dots span){color:var(--theme-text)}:root:is([data-theme=lavender],[data-theme=cerulean]) :is(.animation-card-head p,.animation-tab small,.mode-tile p,.mode-tile small,.public-database p,.trainer-card-badge,.playground-side li span,.editor-title small,.auth-form label,.terminal-dots span){color:var(--theme-muted)}:root:is([data-theme=lavender],[data-theme=cerulean]) .topbar nav button.active{color:var(--theme-accent)!important;border-bottom-color:var(--theme-accent)!important}:root:is([data-theme=lavender],[data-theme=cerulean]) .progress-track i{background:var(--theme-accent)!important}:root:is([data-theme=lavender],[data-theme=cerulean]) .quest-card .card-action{background:var(--theme-accent)!important;border-color:var(--theme-accent)!important;color:var(--theme-accent-ink)!important}:root:is([data-theme=lavender],[data-theme=cerulean]) .secondary{background:var(--theme-raised)!important;color:var(--theme-text)!important;border-color:var(--theme-border)!important}:root:is([data-theme=lavender],[data-theme=cerulean]) :is(.hint-button,.text-button,.back,.auth-back){color:var(--theme-accent)!important}:root[data-theme=kanto]{--theme-wallpaper:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='480'%20height='320'%20viewBox='0%200%20480%20320'%3e%3cg%20fill='%23ffd43b'%20opacity='.17'%20shape-rendering='crispEdges'%3e%3cpath%20d='M58%2052h12v12H58zM52%2058h24v4H52zM346%20206h10v10h-10zM341%20211h20v4h-20zM220%20132h8v8h-8zM228%20140h8v8h-8z'/%3e%3c/g%3e%3cg%20fill='none'%20stroke='%23ef5350'%20stroke-width='4'%20opacity='.16'%20shape-rendering='crispEdges'%3e%3cpath%20d='M164%2057h32v6h-32zM158%2063h6v18h-6zM196%2063h6v18h-6zM164%2081h32v6h-32zM393%2083h24v6h-24zM387%2089h6v18h-6zM417%2089h6v18h-6zM393%20107h24v6h-24z'/%3e%3c/g%3e%3c/svg%3e")}:root[data-theme=kanto] body{background-color:#101522;background-image:linear-gradient(#ffffff08 1px,transparent 1px),linear-gradient(90deg,#ffffff08 1px,transparent 1px);background-size:16px 16px;background-attachment:fixed}:root[data-theme=kanto] .shell{background:transparent!important;box-shadow:none!important}:root[data-theme=kanto] .top-xp{min-width:max-content;padding:10px 12px!important;line-height:1.2;text-align:center;font-weight:700;color:#101522!important;background:#ffd43b!important;border:2px solid #ffd43b!important;box-shadow:2px 2px #0008!important}:root:is([data-theme=lavender],[data-theme=cerulean]) body{background-image:radial-gradient(ellipse at 55% -15%,color-mix(in srgb,var(--theme-accent) 22%,transparent),transparent 58%);background-size:100% 100%;background-repeat:no-repeat;background-attachment:fixed}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background-image:var(--theme-wallpaper);background-repeat:repeat;background-size:680px 453px;background-position:center top;opacity:.9;transition:opacity .34s ease}body.theme-transitioning:before{opacity:0}#app{position:relative;z-index:1}body.theme-transitioning #app :is(*,:before,:after){transition-property:color,background-color,border-color,box-shadow!important;transition-duration:.34s!important;transition-timing-function:ease!important}button{transition:transform .2s ease,box-shadow .2s ease,background-color .24s ease,color .24s ease,border-color .24s ease!important}.animation-stage{animation:soft-arrive .38s cubic-bezier(.2,.75,.25,1)!important}.animated-table{animation:soft-arrive .42s cubic-bezier(.2,.75,.25,1)!important}@keyframes soft-arrive{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.pixel-cursor{animation:soft-blink 1.2s ease-in-out infinite alternate!important}@keyframes soft-blink{0%{opacity:.45}to{opacity:1}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}@media(max-width:480px){.signup-partner-grid{grid-template-columns:repeat(4,minmax(0,1fr));max-height:214px}.trainer-card-identity{gap:12px;padding:12px}.trainer-card-identity>img{width:72px;height:72px}.trainer-card-badge{display:none}}body{font-size:16px}.topbar nav button{font-size:clamp(11px,1vw,14px)}.eyebrow,.brand-wordmark small,.brand small,.stat-strip small,.profile-stats small,.badge,.difficulty,.card-meta,.card-action,.rank-info small,.rank-info>span,.completion,.text-button,.back,.concept,.subhead,.schema-block>strong,.hint-button,.editor-title small,.feedback,.explanation>b,.explanation details,.hunt-progress,.lives small,.answer-option,.bug-feedback p,.result-stats small,.profile-stats article span,.activity>div,.activity>div small,.activity>div b,.reset-button,footer,.track-progress small,.step-copy small,.step-copy i,.step-status,.lesson-hint,.lesson-editor>label,.animation-card-head p,.animation-narration small,.animation-narration p,.playground-side li b,.playground-side li span,.table-shelf>b,.table-shelf>span,.table-shelf>small,.play-example,.auth-form label,.settings-panel label,.settings-panel>b,.terminal-dots span,.terminal-ok,.completed-note{font-size:12px!important}.primary,.secondary,.settings-panel button,.settings-panel select{font-size:14px!important}.quest-card>p,.prompt,.hero-copy>p,.muted,.profile-page p{font-size:15px}.terminal code,#sql-editor,#lesson-editor,#free-editor,.table-wrap table,.bug-question>pre,.explanation pre{font-size:13px!important}@media(max-width:520px){.topbar nav button{font-size:clamp(9px,2.5vw,12px)!important}.primary,.secondary,.settings-panel button,.settings-panel select{font-size:13px!important}.eyebrow,.badge,.difficulty,.card-meta,.completion,.activity>div,.activity>div small,.activity>div b,footer{font-size:11px!important}}