@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Inter:wght@400;500;600;700;800&display=swap";html,body,#root{width:100%;min-height:100%;margin:0}body{color:#f4f4f5;background:#08090b;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button{font:inherit}.app{background:#08090b;min-height:100vh;display:flex}.sidebar{background:#0b0c0f;border-right:1px solid #202126;flex-direction:column;width:240px;min-height:100vh;padding:28px 16px;display:flex}.logo{align-items:center;gap:10px;margin-bottom:42px;padding:0 10px;font-size:19px;font-weight:700;display:flex}.logo-mark{color:#8b7cff;font-family:monospace}nav{flex-direction:column;gap:6px;display:flex}.nav-item{color:#85868d;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:9px;align-items:center;gap:12px;padding:12px 13px;transition:all .2s;display:flex}.nav-item:hover{color:#fff;background:#15161a}.nav-item.active{color:#fff;background:#17151f}.sidebar-bottom{margin-top:auto}.main{flex:1;width:100%;max-width:1400px;margin:0 auto;padding:42px 52px 70px}.topbar{justify-content:space-between;align-items:center;margin-bottom:42px;display:flex}.eyebrow{letter-spacing:.14em;color:#777980;margin:0 0 8px;font-size:11px;font-weight:700}h1,h2,h3,p{margin-top:0}h1{letter-spacing:-.04em;margin-bottom:0;font-size:32px}.profile{align-items:center;gap:18px;display:flex}.level{flex-direction:column;align-items:flex-end;gap:3px;display:flex}.level span{color:#777980;letter-spacing:.1em;font-size:10px}.level strong{font-size:14px}.avatar{background:#1c1d22;border:1px solid #303138;border-radius:50%;place-items:center;width:40px;height:40px;display:grid}.hero{background:#101115;border:1px solid #25262b;border-radius:18px;grid-template-columns:1.2fr .8fr;gap:40px;padding:42px;display:grid;overflow:hidden}.hero h2{letter-spacing:-.04em;margin-bottom:14px;font-size:35px}.description{color:#999aa1;max-width:620px;line-height:1.7}.tags span{color:#999aa1;border:1px solid #2b2c32;border-radius:999px;padding:6px 10px;font-size:10px}.primary-button{color:#fff;cursor:pointer;background:#8b7cff;border:0;border-radius:9px;padding:12px 18px;font-weight:700}.primary-button:hover{opacity:.9}.challenge-preview{background:#090a0c;border:1px solid #27282e;border-radius:12px;place-items:center;min-height:230px;display:grid}.preview-grid{background-image:linear-gradient(#17181d 1px,#0000 1px),linear-gradient(90deg,#17181d 1px,#0000 1px);background-size:30px 30px;border:1px solid #202127;width:80%;height:70%;position:relative}.player{color:#8b7cff;font-size:28px;position:absolute;bottom:25px;left:35px}.coin{color:#f4c95d;font-size:22px;position:absolute;top:35px;right:45px}.section{margin-top:50px}.section-heading{justify-content:space-between;align-items:flex-end;margin-bottom:20px;display:flex}.section-heading h2{margin:0;font-size:21px}.text-button{color:#8b7cff;cursor:pointer;background:0 0;border:0}.cards{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.lesson-card{background:#0e0f12;border:1px solid #222329;border-radius:13px;padding:20px}.card-icon{color:#8b7cff;margin-bottom:24px;font-family:monospace;font-size:12px}.lesson-card h3{margin-bottom:7px;font-size:16px}.lesson-card p{color:#777980;font-size:13px;line-height:1.5}.progress{align-items:center;gap:10px;margin-top:22px;display:flex}.progress span{color:#777980;font-size:11px}.progress-bar{background:#24252b;border-radius:99px;flex:1;height:4px;overflow:hidden}.progress-fill{background:#8b7cff;height:100%}.progress-fill.first{width:100%}.progress-fill.second{width:60%}.progress-fill.third{width:20%}.bottom-grid{grid-template-columns:1.3fr .7fr;gap:14px;margin-top:50px;display:grid}.activity-card,.xp-card{background:#0e0f12;border:1px solid #222329;border-radius:13px;padding:24px}.activity-card h2{margin-bottom:24px;font-size:20px}.activity{border-top:1px solid #202126;gap:13px;padding:14px 0;display:flex}.activity>span{color:#71d99a}.activity strong{font-size:13px}.activity p{color:#777980;margin:4px 0 0;font-size:11px}.xp-header{justify-content:space-between;margin:25px 0 12px;display:flex}.xp-header strong{font-size:18px}.xp-header span{color:#777980;font-size:12px}.xp-bar{background:#24252b;border-radius:99px;height:7px;overflow:hidden}.xp-bar div{background:#8b7cff;width:24%;height:100%}.xp-card>p:last-child{color:#777980;margin-top:14px;font-size:12px}@media (width<=900px){.sidebar{width:190px}.main{padding:30px}.hero,.cards{grid-template-columns:1fr}}@media (width<=650px){.sidebar{display:none}.main{padding:24px 18px}.hero{padding:25px}.hero h2{font-size:27px}.bottom-grid{grid-template-columns:1fr}}:root{color:#f4f1ff;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--bg:#09070f;--panel:#11101a;--panel-2:#171521;--border:#292536;--purple:#9b5cff;--purple-light:#b987ff;--purple-soft:#9b5cff1f;--text:#f4f1ff;--muted:#9b96aa;--green:#5ee6a8;--yellow:#ffd166;--red:#ff6b81;--mono:"DM Mono", monospace;background:#09070f;font-family:Inter,system-ui,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 50% -20%, #9b5cff29, transparent 45%), var(--bg);min-width:320px;min-height:100vh;margin:0}button,input,textarea{font:inherit}button{cursor:pointer}.logo{letter-spacing:-.5px;font-size:20px;font-weight:800}.logo span{color:var(--purple-light)}.auth-page{justify-content:center;align-items:center;min-height:100vh;padding:32px 20px;display:flex}.auth-card{border:1px solid var(--border);background:#11101af0;border-radius:24px;width:100%;max-width:460px;padding:42px;box-shadow:0 30px 80px #00000059}.auth-card .logo{margin-bottom:50px}.auth-heading{margin-bottom:28px}.eyebrow,.home-eyebrow,.card-eyebrow{color:var(--purple-light);letter-spacing:1.5px;font-size:11px;font-weight:800}.auth-heading h1{letter-spacing:-1.5px;margin:10px 0;font-size:36px;line-height:1.08}.subtitle{color:var(--muted);line-height:1.6}.auth-card form{flex-direction:column;gap:10px;display:flex}.auth-card label{color:#d7d2e5;margin-top:8px;font-size:13px;font-weight:600}.auth-card input{width:100%;color:var(--text);border:1px solid var(--border);background:#0c0a12;border-radius:10px;outline:none;padding:14px 15px}.auth-card input:focus{border-color:var(--purple);box-shadow:0 0 0 3px var(--purple-soft)}.primary-button{color:#fff;background:linear-gradient(135deg,#8f4fff,#b06cff);border:0;border-radius:10px;justify-content:center;align-items:center;gap:8px;margin-top:12px;padding:14px 20px;font-weight:700;transition:all .2s;display:flex;box-shadow:0 10px 30px #9b5cff2e}.primary-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 14px 35px #9b5cff47}.primary-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.secondary-button{border:1px solid var(--border);color:#c4bfd6;background:#ffffff08;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:12px 18px;font-size:13px;font-weight:600;transition:all .2s;display:inline-flex}.secondary-button:hover:not(:disabled){color:#fff;background:#ffffff14;border-color:#fff3}.auth-alert{border-radius:10px;align-items:center;gap:10px;margin-bottom:14px;padding:12px 14px;font-size:13px;line-height:1.4;display:flex}.auth-alert.error{color:#ff9aa8;background:#ff6b811f;border:1px solid #ff6b814d}.auth-alert.success{color:#5ee6a8;background:#5ee6a81f;border:1px solid #5ee6a84d}.auth-alert.info{color:#d1b5ff;background:#9b5cff1f;border:1px solid #9b5cff4d}.auth-divider{color:#635f72;text-transform:uppercase;align-items:center;gap:12px;margin:18px 0;font-size:12px;font-weight:600;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:var(--border);flex:1;height:1px}.verify-box{text-align:center;padding:10px 0 20px}.verify-icon-wrapper{background:#9b5cff26;border:1px solid #9b5cff4d;border-radius:20px;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 20px;font-size:30px;display:flex}.verify-email-target{color:#fff;font-weight:700;font-family:var(--mono);background:#9b5cff1a;border-radius:6px;padding:3px 8px}.verify-actions{flex-direction:column;gap:10px;margin-top:24px;display:flex}.switch-auth{text-align:center;color:var(--muted);margin-top:24px;font-size:13px}.switch-auth button{color:var(--purple-light);background:0 0;border:0;margin-left:6px;padding:0;font-weight:700}.experience-options{flex-direction:column;gap:12px;display:flex}.experience-card{text-align:left;width:100%;color:var(--text);border:1px solid var(--border);background:#0d0b14;border-radius:14px;align-items:center;gap:16px;padding:17px;transition:all .2s;display:flex}.experience-card:hover{border-color:var(--purple);background:#14101f;transform:translate(4px)}.experience-number{width:40px;height:40px;color:var(--purple-light);background:var(--purple-soft);font-family:var(--mono);border-radius:10px;flex-shrink:0;place-items:center;font-size:12px;display:grid}.experience-card strong{margin-bottom:4px;display:block}.experience-card p{color:var(--muted);margin:0;font-size:13px}.assessment-page{background:radial-gradient(circle at 50% 0%, #9b5cff21, transparent 35%), var(--bg);min-height:100vh}.assessment-header{border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#09070fcc;justify-content:space-between;align-items:center;height:76px;padding:0 5%;display:flex}.assessment-progress{align-items:center;gap:14px;width:260px;display:flex}.assessment-progress>span{white-space:nowrap;color:var(--muted);font-family:var(--mono);font-size:12px}.progress-track{background:#25212f;border-radius:99px;width:100%;height:5px;overflow:hidden}.progress-fill{border-radius:inherit;background:linear-gradient(90deg,#8750ff,#c08cff);height:100%;transition:width .4s}.assessment-content{width:min(1120px,90%);margin:0 auto;padding:65px 0 80px}.assessment-content:before{content:"DEBUG  →  BUILD  →  CREATE";border:1px solid var(--border);width:fit-content;color:var(--muted);font-family:var(--mono);letter-spacing:1px;background:#11101acc;border-radius:99px;margin:0 auto 48px;padding:9px 18px;font-size:11px;display:block}.stage-heading{text-align:center;max-width:760px;margin:0 auto 34px}.stage-badge{color:var(--purple-light);background:var(--purple-soft);font-family:var(--mono);letter-spacing:1px;border:1px solid #9b5cff59;border-radius:99px;margin-bottom:15px;padding:7px 12px;font-size:10px;font-weight:500;display:inline-block}.stage-heading h1{letter-spacing:-2px;margin:0;font-size:clamp(32px,5vw,52px);line-height:1}.stage-heading p{max-width:650px;color:var(--muted);margin:16px auto 0;line-height:1.65}.code-layout{grid-template-columns:1fr 1fr;gap:16px;display:grid}.code-panel,.single-editor{border:1px solid var(--border);background:#0d0b13;border-radius:16px;overflow:hidden;box-shadow:0 20px 50px #0000002e}.code-panel-header{border-bottom:1px solid var(--border);color:#b8b2c7;height:46px;font-family:var(--mono);letter-spacing:.5px;background:#15121e;align-items:center;padding:0 16px;font-size:11px;display:flex}.code-panel pre{color:#c9c1d9;min-height:280px;font-family:var(--mono);margin:0;padding:24px;font-size:13px;line-height:1.8;overflow:auto}.editor-panel textarea,.single-editor textarea{resize:vertical;color:#e6ddf5;width:100%;min-height:280px;font-family:var(--mono);background:#0d0b13;border:0;outline:none;padding:24px;font-size:13px;line-height:1.8;display:block}.editor-panel textarea:focus,.single-editor textarea:focus{box-shadow:inset 0 0 0 1px #9b5cff80}.objective-card{background:#9b5cff12;border:1px solid #9b5cff40;border-radius:14px;gap:15px;max-width:760px;margin:0 auto 18px;padding:18px 20px;display:flex}.objective-card:before{content:"🎯";font-size:20px}.objective-card strong{margin-bottom:5px;display:block}.objective-card p{color:var(--muted);margin:0;font-size:13px;line-height:1.5}.creator-prompt{background:#ffd1660d;border:1px solid #ffd16633;border-radius:14px;align-items:flex-start;gap:16px;max-width:760px;margin:0 auto 18px;padding:20px;display:flex}.creator-icon{background:#ffd1661a;border-radius:10px;flex-shrink:0;place-items:center;width:40px;height:40px;display:grid}.creator-prompt strong{margin-bottom:6px;display:block}.creator-prompt p{color:var(--muted);margin:0;font-size:13px;line-height:1.6}.creator-editor textarea{min-height:330px}.assessment-bottom{justify-content:space-between;align-items:center;margin-top:18px;display:flex}.assessment-bottom>span{color:#7f798e;font-family:var(--mono);font-size:11px}.assessment-bottom .primary-button{min-width:175px}.assessment-message{z-index:20;color:#eee7ff;background:#171321;border:1px solid #9b5cff66;border-radius:12px;max-width:90%;padding:14px 22px;animation:.25s slideUp;position:fixed;bottom:30px;left:50%;transform:translate(-50%);box-shadow:0 20px 50px #0006}@keyframes slideUp{0%{opacity:0;transform:translate(-50%,10px)}to{opacity:1;transform:translate(-50%)}}.result-card{text-align:center}.level-result{background:radial-gradient(circle at 50% 0,#9b5cff2e,#0000 65%),#0d0b14;border:1px solid #9b5cff4d;border-radius:18px;margin:30px 0 22px;padding:28px}.level-result p{color:var(--purple-light);font-family:var(--mono);letter-spacing:1px;margin:0 0 8px;font-size:10px}.level-result h2{margin:0;font-size:48px}.level-result h3{color:var(--purple-light);margin:4px 0 10px}.level-result span{color:var(--muted);font-size:13px;line-height:1.5}.skill-results{gap:8px;margin-bottom:18px;display:grid}.skill-results div{border:1px solid var(--border);background:#0d0b14;border-radius:9px;justify-content:space-between;padding:12px 14px;font-size:12px;display:flex}.skill-results span{color:var(--muted)}.skill-results strong{color:var(--green)}.home-page{background:var(--bg);min-height:100vh;display:flex}.sidebar{border-right:1px solid var(--border);background:#0d0b14;flex-direction:column;flex-shrink:0;justify-content:space-between;width:240px;padding:28px 18px;display:flex}.sidebar .logo{margin-bottom:40px;padding:0 12px}.sidebar nav{flex-direction:column;gap:5px;display:flex}.sidebar nav button{text-align:left;color:var(--muted);background:0 0;border:0;border-radius:9px;padding:12px;font-size:13px}.sidebar nav button:hover,.sidebar nav .nav-active{color:#fff;background:var(--purple-soft)}.sidebar-footer{border-top:1px solid var(--border);flex-direction:column;gap:12px;margin-top:auto;padding-top:20px;display:flex}.sidebar-user{align-items:center;gap:10px;padding:0 4px;display:flex}.user-avatar{background:linear-gradient(135deg, var(--purple), #6332c7);color:#fff;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:13px;font-weight:700;display:flex}.user-details{flex-direction:column;display:flex;overflow:hidden}.user-name{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.user-email{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.signout-button{border:1px solid var(--border);width:100%;color:var(--muted);background:#ffffff08;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:10px 12px;font-size:12px;font-weight:600;transition:all .2s;display:flex}.signout-button:hover{color:#ff9aa8;background:#ff6b811f;border-color:#ff6b814d}.home-content{width:min(1000px,100%);padding:70px 60px}.home-content h1{letter-spacing:-1.5px;margin:8px 0;font-size:42px}.home-subtitle{color:var(--muted);margin:0 0 35px}.home-level-card{border:1px solid var(--border);background:var(--panel);border-radius:16px;justify-content:space-between;margin-bottom:18px;padding:25px;display:flex}.home-level-card span,.home-level-card strong{display:block}.home-level-card span{color:var(--muted);font-size:11px}.home-level-card h2{margin:5px 0}.xp{text-align:right}.xp strong{color:var(--purple-light)}.challenge-card,.learning-card{border:1px solid var(--border);background:var(--panel);border-radius:16px;margin-bottom:18px;padding:28px}.challenge-card h2,.learning-card h2{margin:8px 0}.challenge-card p{max-width:650px;color:var(--muted);line-height:1.6}.tags{gap:8px;margin:20px 0;display:flex}.tags span{color:var(--purple-light);background:var(--purple-soft);font-family:var(--mono);border-radius:6px;padding:6px 9px;font-size:9px}.lesson-grid{grid-template-columns:repeat(3,1fr);gap:12px;margin-top:20px;display:grid}.lesson{border:1px solid var(--border);background:#0d0b14;border-radius:12px;padding:18px}.lesson>span{color:var(--purple-light);font-family:var(--mono);font-size:11px}.lesson h3{margin:12px 0 18px;font-size:15px}.lesson-bar{background:#292536;border-radius:99px;height:4px;overflow:hidden}.lesson-bar div{border-radius:inherit;background:var(--purple);height:100%}.lesson small{color:var(--muted);margin-top:8px;font-size:10px;display:block}@media (width<=800px){.assessment-header{padding:0 20px}.assessment-progress{width:150px}.assessment-content{padding-top:40px}.code-layout{grid-template-columns:1fr}.home-page{display:block}.sidebar{border-right:0;border-bottom:1px solid var(--border);width:100%}.sidebar nav{grid-template-columns:repeat(2,1fr);display:grid}.home-content{padding:40px 20px}.lesson-grid{grid-template-columns:1fr}}@media (width<=550px){.auth-card{padding:28px 22px}.auth-heading h1{font-size:30px}.assessment-header .logo{font-size:16px}.assessment-progress{width:110px}.assessment-progress>span{display:none}.assessment-content{width:94%}.stage-heading h1{font-size:34px}.assessment-bottom{flex-direction:column;align-items:stretch;gap:12px}.assessment-bottom .primary-button{width:100%}.home-content h1{font-size:32px}.home-level-card{flex-direction:column;gap:20px}.xp{text-align:left}}.studio-layout{min-height:100vh;color:var(--text);background:#08060d;flex-direction:column;display:flex}.studio-header{border-bottom:1px solid var(--border);background:#0d0b14;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:14px 24px;display:flex}.studio-header-left{align-items:center;gap:16px;display:flex}.back-to-home-btn{padding:8px 14px}.studio-title-badge{align-items:center;gap:10px;display:flex}.studio-title-badge h2{letter-spacing:-.3px;margin:0;font-size:18px;font-weight:700}.level-chip{background:linear-gradient(135deg, var(--purple), #6a35d9);color:#fff;letter-spacing:.5px;border-radius:6px;padding:4px 8px;font-size:11px;font-weight:800}.level-tabs{gap:6px;display:flex}.level-tab{border:1px solid var(--border);color:var(--muted);background:#ffffff08;border-radius:8px;flex-direction:column;align-items:center;padding:6px 12px;font-size:11px;font-weight:600;transition:all .15s;display:flex}.level-tab.active{background:var(--purple-soft);border-color:var(--purple);color:#fff}.level-tab.locked{opacity:.45;cursor:not-allowed}.level-tab:hover:not(:disabled){color:#fff;background:#ffffff14}.level-tab small{opacity:.8;font-size:9px}.challenge-subnav{color:var(--muted);background:#09070f;border-bottom:1px solid #ffffff0d;align-items:center;gap:8px;padding:8px 24px;font-size:12px;display:flex;overflow-x:auto}.challenge-pill{border:1px solid var(--border);color:#c4bfd6;white-space:nowrap;background:#ffffff08;border-radius:99px;padding:5px 12px;font-size:11px;font-weight:600}.challenge-pill.active{background:var(--purple-soft);border-color:var(--purple);color:#fff}.challenge-pill.completed{color:var(--green);border-color:#5ee6a84d}.studio-workspace{flex:1;grid-template-columns:1fr 1.15fr;gap:16px;width:100%;max-width:1600px;margin:0 auto;padding:16px 24px 24px;display:grid}@media (width<=1100px){.studio-workspace{grid-template-columns:1fr}}.studio-code-pane{flex-direction:column;gap:14px;display:flex}.idea-statement-card{border:1px solid var(--border);background:#0f0d1a;border-radius:14px;padding:18px 20px}.idea-card-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.idea-chip{letter-spacing:1px;color:var(--purple-light);font-size:10px;font-weight:800}.xp-chip{color:var(--green);background:#5ee6a81f;border:1px solid #5ee6a840;border-radius:6px;padding:2px 8px;font-size:11px;font-weight:700}.genre-tag{color:var(--yellow);background:#ffd1661f;border:1px solid #ffd16640;border-radius:6px;padding:2px 8px;font-size:11px;font-weight:700}.idea-statement-text{color:#fff;margin:4px 0 8px;font-size:17px;font-weight:700;line-height:1.35}.idea-description{color:var(--muted);margin-bottom:12px;font-size:12px;line-height:1.5}.objectives-list{background:#00000040;border-radius:8px;margin-top:10px;padding:10px 14px;font-size:12px}.objectives-list strong{color:#ded9f0;text-transform:uppercase;margin-bottom:6px;font-size:11px;display:block}.objectives-list ul{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.objectives-list li{color:#c4bfd6;align-items:center;gap:6px;display:flex}.obj-bullet{color:var(--purple-light)}.hint-toggle-btn{color:var(--purple-light);background:0 0;border:0;margin-top:10px;padding:0;font-size:12px;font-weight:600}.hint-toggle-btn:hover{text-decoration:underline}.hint-drawer{color:#ded9f0;background:#9b5cff14;border:1px solid #9b5cff33;border-radius:8px;margin-top:10px;padding:12px 14px;font-size:12px}.solution-details{margin-top:8px;font-size:11px}.solution-details summary{cursor:pointer;color:var(--purple-light);font-weight:600}.solution-details pre{font-family:var(--mono);background:#000;border-radius:6px;margin-top:6px;padding:8px;overflow-x:auto}.code-editor-wrapper{border:1px solid var(--border);background:#0d0b14;border-radius:14px;flex-direction:column;display:flex;overflow:hidden}.editor-top-bar{border-bottom:1px solid var(--border);font-size:12px;font-family:var(--mono);color:var(--muted);background:#13101e;justify-content:space-between;align-items:center;padding:8px 14px;display:flex}.editor-actions{align-items:center;gap:8px;display:flex}.editor-btn{border:1px solid var(--border);color:var(--muted);background:#ffffff0a;border-radius:6px;padding:5px 10px;font-size:11px;font-weight:600}.editor-btn:hover{color:#fff;background:#ffffff1a}.run-code-btn{margin-top:0;padding:6px 14px;font-size:12px}.code-textarea{color:#f1edff;width:100%;min-height:260px;font-family:var(--mono);resize:vertical;background:#09070f;border:0;outline:none;padding:16px;font-size:13px;line-height:1.6}.code-textarea:focus{background:#07050d}.studio-alert{border-top:1px solid var(--border);padding:10px 14px;font-size:12px}.studio-alert.error{color:#ff8597;background:#ff6b811a;border-color:#ff6b8140}.studio-alert.success{color:var(--green);background:#5ee6a81a;border-color:#5ee6a840}.studio-console{border-top:1px solid var(--border);font-family:var(--mono);background:#09070f;max-height:120px;padding:10px 14px;font-size:11px;overflow-y:auto}.console-header{text-transform:uppercase;color:#635f72;margin-bottom:4px;font-size:10px;font-weight:700}.console-body{flex-direction:column;gap:3px;display:flex}.console-empty{color:#555163;font-style:italic}.studio-canvas-pane{flex-direction:column;gap:10px;display:flex}.canvas-header-title{color:#ded9f0;justify-content:space-between;align-items:center;font-size:12px;font-weight:700;display:flex}.canvas-header-title small{color:var(--muted);font-weight:400}.canvas-wrapper{border:1px solid var(--border);background:#0d0b14;border-radius:14px;flex-direction:column;display:flex;overflow:hidden}.canvas-hud{border-bottom:1px solid var(--border);background:#110e1c;flex-wrap:wrap;align-items:center;gap:16px;padding:10px 16px;display:flex}.hud-metric{align-items:center;gap:6px;font-size:12px;display:flex}.hud-label{color:#716c80;font-size:10px;font-weight:700;font-family:var(--mono)}.hud-value{font-weight:800;font-family:var(--mono)}.hud-value.score{color:var(--purple-light)}.hud-value.coins{color:var(--yellow)}.hud-hearts{gap:2px;font-size:13px;display:flex}.hud-fps{color:#5ee6a8;font-family:var(--mono);font-size:11px}.hud-actions{align-items:center;gap:8px;margin-left:auto;display:flex}.hud-btn{border:1px solid var(--border);color:var(--text);background:#ffffff0a;border-radius:6px;padding:4px 10px;font-size:11px;font-weight:600;transition:all .15s}.hud-btn:hover{background:#ffffff1a}.record-btn{color:#ff6b81;border-color:#ff6b814d}.record-active{animation:1s infinite pulse;color:#fff!important;background:#ff6b81!important}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.canvas-container{aspect-ratio:800/480;background:#09070f;justify-content:center;align-items:center;width:100%;display:flex;position:relative}.game-canvas{cursor:crosshair;outline:none;width:100%;height:100%;display:block}.recording-badge{color:#ff6b81;background:#000000bf;border:1px solid #ff6b8180;border-radius:99px;align-items:center;gap:6px;padding:4px 10px;font-size:11px;font-weight:800;display:flex;position:absolute;top:14px;right:14px}.record-dot{background:#ff6b81;border-radius:99px;width:8px;height:8px}.recorded-download-banner{color:var(--green);background:#5ee6a81f;border-bottom:1px solid #5ee6a840;justify-content:space-between;align-items:center;padding:10px 16px;font-size:13px;font-weight:600;display:flex}.download-btn{margin-top:0;padding:6px 12px;font-size:11px}.canvas-controls-guide{border-top:1px solid var(--border);background:#09070f;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:10px 16px;display:flex}.key-badges{color:var(--muted);flex-wrap:wrap;align-items:center;gap:14px;font-size:11px;display:flex}kbd{font-family:var(--mono);color:#fff;background:#1f1b2e;border:1px solid #38324e;border-radius:4px;padding:2px 6px;font-size:10px}.virtual-dpad{gap:6px;display:flex}.virtual-dpad button{border:1px solid var(--border);color:var(--text);background:#ffffff0d;border-radius:6px;padding:6px 10px;font-size:11px;font-weight:700}.virtual-dpad button:active{background:var(--purple);color:#fff}.generator-card{background:linear-gradient(135deg,#110e1f,#14101a);border-color:#ffd1664d}.generator-breakdown{flex-direction:column;gap:6px;margin-top:10px;font-size:12px;display:flex}.breakdown-item{flex-direction:column;gap:2px;display:flex}.breakdown-item span{color:var(--muted);text-transform:uppercase;font-size:10px}.breakdown-item strong{color:#f1edff}.spin-btn{color:#000;background:linear-gradient(135deg,#ffd166,#ff6b81);margin-top:0;font-weight:800}.subnav-left{flex-wrap:wrap;flex:1;align-items:center;gap:8px;display:flex}.practice-gen-btn{font-weight:700;color:var(--purple-light)!important;background:#9b5cff1f!important;border-color:#9b5cff66!important}.practice-gen-btn:hover{color:#fff!important;background:#9b5cff40!important}.take-exam-btn{color:#0d0b14;white-space:nowrap;background:linear-gradient(135deg,#ffd166,#ff6b81);border:0;border-radius:99px;padding:6px 14px;font-size:11px;font-weight:800;transition:all .2s;box-shadow:0 4px 15px #ffd16640}.take-exam-btn:hover{transform:translateY(-1px);box-shadow:0 6px 20px #ffd16666}.exam-mode-banner{color:#ffd166;background:linear-gradient(90deg,#ffd16626,#ff6b8126);border-bottom:1px solid #ffd1664d;align-items:center;gap:14px;padding:10px 24px;font-size:13px;display:flex}.exam-mode-banner p{color:#f1edff;margin:0}.exam-mode-banner strong{color:#ffd166}.exam-badge{color:#000;background:#ffd166;border-radius:6px;padding:3px 8px;font-size:10px;font-weight:800}.exam-idea-card{box-shadow:0 0 30px #ffd1661a;border-color:#ffd16666!important}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:9999;background:#000000d9;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.levelup-modal-card{text-align:center;background:#110e1f;border:1px solid #ffd16666;border-radius:24px;width:100%;max-width:480px;padding:36px;animation:.3s cubic-bezier(.175,.885,.32,1.275) modalPop;box-shadow:0 30px 80px #000000b3,0 0 50px #9b5cff40}@keyframes modalPop{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}.levelup-sparkle{margin-bottom:8px;font-size:48px}.levelup-modal-card h1{background:linear-gradient(135deg,#ffd166,#ff6b81);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin:4px 0;font-size:38px;font-weight:800}.levelup-modal-card h2{color:#ded9f0;margin:0 0 16px;font-size:18px;font-weight:700}.modal-text{color:var(--muted);margin-bottom:20px;font-size:13px;line-height:1.6}.reward-box{background:#5ee6a81f;border:1px solid #5ee6a84d;border-radius:12px;justify-content:space-between;align-items:center;padding:12px 18px;display:flex}.reward-box span{color:var(--green);font-size:12px;font-weight:700}.reward-box strong{color:#fff;font-size:13px}.modal-backdrop{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:9999;background:#040308d9;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.level-test-modal{background:#110f1c;border:1px solid #9b5cff4d;border-radius:20px;flex-direction:column;width:100%;max-width:980px;max-height:90vh;animation:.3s cubic-bezier(.175,.885,.32,1.275) modalPop;display:flex;overflow:hidden;box-shadow:0 30px 100px #000c,0 0 40px #9b5cff33}.level-test-header{border-bottom:1px solid var(--border);background:#ffffff05;justify-content:space-between;align-items:flex-start;padding:20px 28px;display:flex}.test-badge-row{align-items:center;gap:10px;margin-bottom:8px;display:flex}.exam-badge{color:#000;letter-spacing:.5px;background:linear-gradient(135deg,#ffd166,#ff6b81);border-radius:6px;padding:4px 10px;font-size:11px;font-weight:800}.level-target-badge{color:var(--purple-light);background:#9b5cff26;border:1px solid #9b5cff4d;border-radius:6px;padding:4px 10px;font-size:12px;font-weight:700}.level-test-header h2{color:#fff;margin:0;font-size:22px}.close-btn{color:#aaa;background:0 0;border:1px solid #ffffff1a;border-radius:8px;padding:6px 12px;font-size:16px}.close-btn:hover{color:#fff;border-color:#ffffff4d}.level-test-body{flex:1;grid-template-columns:420px 1fr;min-height:520px;display:grid;overflow:hidden}.level-test-left{border-right:1px solid var(--border);background:#0d0b14;flex-direction:column;gap:18px;padding:24px;display:flex;overflow-y:auto}.scenario-card h3,.instructions-card h4,.expected-signature h4{color:var(--purple-light);text-transform:uppercase;letter-spacing:.5px;margin:0 0 8px;font-size:14px}.instructions-card ul{color:#b5adc9;margin:0;padding-left:18px;font-size:13px;line-height:1.6}.expected-signature code{color:#5ee6a8;font-family:var(--mono);background:#181524;border-radius:6px;padding:6px 12px;font-size:13px;display:inline-block}.test-results-panel{background:#141220;border:1px solid #ffffff0f;border-radius:12px;padding:14px}.test-results-panel h4{color:#fff;margin:0 0 10px;font-size:13px}.test-case-list{flex-direction:column;gap:8px;display:flex}.test-row{border-radius:8px;align-items:flex-start;gap:10px;padding:8px 10px;font-size:12px;display:flex}.test-row.passed{color:#5ee6a8;background:#5ee6a81a;border:1px solid #5ee6a840}.test-row.failed{color:#ff6b81;background:#ff6b811a;border:1px solid #ff6b8140}.test-err{color:#ff8e9e;margin-top:2px;font-size:11px;display:block}.level-test-right{background:var(--editor-bg,#0b0912);flex-direction:column;display:flex}.editor-top-bar{border-bottom:1px solid var(--border);color:#aaa;justify-content:space-between;align-items:center;padding:12px 20px;font-size:12px;display:flex}.code-editor-wrapper{flex:1;display:flex}.test-code-textarea{width:100%;height:100%;min-height:380px;color:var(--editor-text,#f4f1ff);font-family:var(--mono);resize:none;background:0 0;border:none;outline:none;padding:20px;font-size:14px;line-height:1.6}.editor-bottom-actions{border-top:1px solid var(--border);background:#110f1c;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.unlock-level-btn{color:#000!important;background:linear-gradient(135deg,#ffd166,#ff6b81)!important;font-weight:800!important}.unlock-level-btn:disabled{opacity:.4;cursor:not-allowed}.promotion-celebration{text-align:center;padding:60px 40px}.promo-stars{margin-bottom:10px;font-size:32px}.promo-icon{margin-bottom:16px;font-size:64px;animation:1.5s infinite alternate pulseIcon}@keyframes pulseIcon{0%{transform:scale(1)}to{transform:scale(1.15)}}.promotion-celebration h1{background:linear-gradient(135deg,#ffd166,#ff6b81);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin:0 0 10px;font-size:36px}.promo-sub{color:#d1cbe0;margin-bottom:24px;font-size:16px}.promo-rewards{justify-content:center;gap:16px;display:flex}.reward-chip.gold{color:#ffd166;background:#ffd16626;border:1px solid #ffd16666}.reward-chip.purple{color:#b987ff;background:#9b5cff26;border:1px solid #9b5cff66}.battle-lobby-container{background:radial-gradient(circle at 50% 20%,#9b5cff26,#0000 60%),#07050d;justify-content:center;align-items:center;min-height:100vh;padding:40px 20px;display:flex}.battle-lobby-card{border:1px solid var(--border);background:#110f1c;border-radius:24px;width:100%;max-width:820px;padding:36px;box-shadow:0 30px 100px #000c,0 0 50px #9b5cff26}.battle-lobby-header{justify-content:space-between;align-items:center;margin-bottom:30px;display:flex}.battle-logo{align-items:center;gap:14px;display:flex}.swords-icon{font-size:38px}.battle-logo h1{letter-spacing:-.5px;background:linear-gradient(135deg,#fff,#b987ff);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin:0;font-size:26px}.battle-logo p{color:var(--muted);margin:4px 0 0;font-size:13px}.lobby-players-showcase{background:#ffffff05;border:1px solid #ffffff0f;border-radius:18px;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;margin-bottom:24px;padding:24px;display:grid}.player-badge-card{background:#161324;border:1px solid #ffffff14;border-radius:14px;align-items:center;gap:16px;padding:16px 20px;display:flex}.player-avatar-wrapper{background:#1f1b32;border-radius:14px;justify-content:center;align-items:center;width:56px;height:56px;font-size:28px;display:flex}.player-avatar-wrapper.searching{animation:1.2s ease-in-out infinite pulseSearching}@keyframes pulseSearching{0%{opacity:.5;transform:scale(.95)}to{opacity:1;transform:scale(1.05)}}.player-tag{color:var(--purple-light);letter-spacing:1px;font-size:10px;font-weight:800}.player-info h3{color:#fff;margin:2px 0;font-size:17px}.player-title{font-size:12px;font-weight:600}.vs-divider{text-align:center}.vs-divider span{color:#ff6b81;font-size:22px;font-weight:900}.time-badge{color:#ffd166;margin-top:4px;font-size:11px;font-weight:800}.battle-rules-banner{grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:24px;display:grid}.rule-item{color:#bbb;background:#141220;border:1px solid #ffffff0d;border-radius:10px;align-items:flex-start;gap:10px;padding:12px;font-size:12px;display:flex}.rule-item span{font-size:16px}.mode-selector-tabs{gap:10px;margin-bottom:20px;display:flex}.mode-tab{border:1px solid var(--border);color:#aaa;background:#161324;border-radius:12px;flex:1;padding:14px;font-size:14px;font-weight:700}.mode-tab.active{border-color:var(--purple);color:#fff;background:#9b5cff26}.mode-action-area{background:#141220;border:1px solid #ffffff0f;border-radius:16px;padding:24px}.start-battle-btn{width:100%;padding:16px;font-size:17px;font-weight:800;background:linear-gradient(135deg,#9b5cff,#ff6b81)!important}.searching-indicator{text-align:center;padding:20px}.spinner{border:3px solid #9b5cff33;border-top-color:var(--purple);border-radius:50%;width:36px;height:36px;margin:0 auto 12px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.cancel-search-btn{margin-top:14px}.friend-action-box{grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;display:grid}.friend-create-section h4,.friend-join-section h4{color:#fff;margin:0 0 6px;font-size:15px}.friend-create-section p{color:var(--muted);margin:0 0 14px;font-size:12px}.create-room-btn{width:100%}.friend-divider{color:#666;font-size:12px;font-weight:800}.join-input-group{gap:8px;display:flex}.join-input-group input{border:1px solid var(--border);color:#fff;text-align:center;letter-spacing:2px;background:#0b0910;border-radius:10px;flex:1;padding:12px;font-weight:700}.battle-arena-container{color:#fff;background:#08060f;flex-direction:column;min-height:100vh;display:flex;position:relative}.battle-countdown-overlay{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:10000;text-align:center;background:#05030af0;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.swords-pulse{margin-bottom:12px;font-size:54px;animation:.8s infinite alternate pulseSwords;display:block}@keyframes pulseSwords{0%{transform:scale(.9)}to{transform:scale(1.15)}}.countdown-digit{color:#ffd166;margin-bottom:8px;font-size:110px;font-weight:900;line-height:1;animation:.9s cubic-bezier(.175,.885,.32,1.275) popNum}@keyframes popNum{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.arena-header{border-bottom:1px solid var(--border);z-index:100;background:#110f1c;justify-content:space-between;align-items:center;height:72px;padding:0 24px;display:flex}.arena-header-left{align-items:center;gap:16px;display:flex}.arena-exit-btn{color:#ff6b81;background:0 0;border:1px solid #ffffff1f;border-radius:8px;padding:6px 14px;font-size:12px;font-weight:700}.arena-exit-btn:hover{background:#ff6b8126;border-color:#ff6b81}.badge-swords{color:var(--purple-light);letter-spacing:1px;font-size:11px;font-weight:800}.challenge-title-box h3{color:#fff;margin:2px 0 0;font-size:15px}.arena-timer-box{background:#191629;border:2px solid #9b5cff66;border-radius:30px;align-items:center;gap:10px;padding:8px 24px;display:flex;box-shadow:0 0 20px #9b5cff33}.timer-clock{font-family:var(--mono);color:#fff;letter-spacing:1px;font-size:24px;font-weight:800}.arena-timer-box.warning{border-color:#ffd166;box-shadow:0 0 20px #ffd1664d}.arena-timer-box.warning .timer-clock{color:#ffd166}.arena-timer-box.critical-pulse{border-color:#ff4757;animation:.8s infinite alternate timerPulse}.arena-timer-box.critical-pulse .timer-clock{color:#ff4757}@keyframes timerPulse{0%{transform:scale(1);box-shadow:0 0 10px #ff475766}to{transform:scale(1.06);box-shadow:0 0 30px #ff4757cc}}.arena-header-right{align-items:center;gap:14px;display:flex}.arena-player{align-items:center;gap:10px;display:flex}.arena-player-avatar{background:#1b182b;border-radius:10px;justify-content:center;align-items:center;width:38px;height:38px;font-size:20px;display:flex}.name-row{align-items:center;gap:6px;display:flex}.name-row strong{font-size:13px}.you-pill{color:#5ee6a8;background:#5ee6a833;border-radius:4px;padding:2px 6px;font-size:9px;font-weight:800}.status-coding{color:#aaa;font-size:11px}.status-submitted{color:#5ee6a8;font-size:11px;font-weight:700}.arena-vs{color:#666;font-size:12px;font-weight:900}.arena-main-grid{flex:1;grid-template-columns:460px 1fr;height:calc(100vh - 72px);display:grid;overflow:hidden}.arena-left-pane{border-right:1px solid var(--border);background:#0d0b16;flex-direction:column;display:flex}.pane-tabs{border-bottom:1px solid var(--border);background:#110f1c;display:flex}.pane-tab{color:#888;background:0 0;border:none;border-bottom:2px solid #0000;flex:1;padding:12px 10px;font-size:12px;font-weight:700}.pane-tab.active{color:#fff;border-bottom-color:var(--purple);background:#ffffff05}.pane-content-scroll{flex:1;padding:24px;overflow-y:auto}.prompt-section h4,.examples-section h4,.scoring-weights-notice h4{color:var(--purple-light);text-transform:uppercase;margin:0 0 8px;font-size:13px}.prompt-text{color:#e2dcee;margin:0 0 10px;font-size:14px;line-height:1.6}.explanation-text{color:#a49cb5;font-size:13px;line-height:1.5}.example-box{background:#141122;border:1px solid #ffffff0f;border-radius:10px;margin-bottom:10px;padding:12px}.example-row{align-items:center;gap:8px;margin-bottom:4px;font-size:12px;display:flex}.example-row span{color:#777;width:105px}.example-row code{color:#5ee6a8;font-family:var(--mono)}.example-note{color:#999;margin:6px 0 0;font-size:11px}.scoring-weights-notice{background:#141122;border:1px solid #9b5cff33;border-radius:10px;margin-top:24px;padding:14px}.weights-grid{grid-template-columns:1fr 1fr;gap:8px;font-size:12px;display:grid}.weights-grid span{color:#aaa}.weights-grid strong{color:#ffd166}.test-summary-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.all-pass-badge{color:#5ee6a8;background:#5ee6a826;border-radius:20px;padding:4px 12px;font-size:13px;font-weight:800}.partial-badge{color:#ffd166;background:#ffd16626;border-radius:20px;padding:4px 12px;font-size:13px;font-weight:800}.test-item-card{border-radius:10px;margin-bottom:10px;padding:12px 14px;font-size:12px}.test-item-card.passed{background:#5ee6a80f;border:1px solid #5ee6a833}.test-item-card.failed{background:#ff6b810f;border:1px solid #ff6b8133}.test-item-header{align-items:center;gap:8px;display:flex}.time-tag{color:#777;font-family:var(--mono);margin-left:auto;font-size:11px}.test-item-body{border-top:1px solid #ffffff0f;margin-top:8px;padding-top:8px}.test-item-body div{color:#bbb;margin-bottom:2px}.test-item-body code{color:#fff;font-family:var(--mono)}.arena-right-pane{background:var(--editor-bg,#0b0912);flex-direction:column;display:flex}.editor-action-header{border-bottom:1px solid var(--border);background:#110f1c;justify-content:space-between;align-items:center;height:52px;padding:0 20px;display:flex}.file-chip{color:#ccc;font-size:12px;font-family:var(--mono);background:#1a1727;border-radius:6px;padding:4px 10px}.signature-hint{color:#888;margin-left:10px;font-size:12px}.editor-buttons{gap:10px;display:flex}.run-code-btn{padding:8px 16px!important;font-size:13px!important;font-weight:700!important}.submit-battle-btn{color:#000!important;background:linear-gradient(135deg,#5ee6a8,#00f0ff)!important;padding:8px 18px!important;font-size:13px!important;font-weight:800!important}.battle-code-editor{flex:1;display:flex}.battle-textarea{width:100%;height:100%;color:var(--editor-text,#f4f1ff);font-family:var(--mono);resize:none;background:0 0;border:none;outline:none;padding:24px;font-size:15px;line-height:1.6}.submission-locked-banner{color:#5ee6a8;text-align:center;background:#5ee6a826;border-top:1px solid #5ee6a84d;padding:12px 20px;font-size:13px;font-weight:700}.battle-results-page{background:radial-gradient(circle at 50% 10%,#9b5cff33,#0000 50%),#07050d;justify-content:center;align-items:center;min-height:100vh;padding:40px 20px;display:flex}.battle-results-card{border:1px solid var(--border);background:#110f1c;border-radius:24px;width:100%;max-width:860px;padding:36px;box-shadow:0 30px 100px #000c,0 0 60px #9b5cff33}.results-banner{text-align:center;border-radius:18px;margin-bottom:28px;padding:24px 20px}.results-banner.win-banner{background:linear-gradient(#5ee6a826,#5ee6a805);border:1px solid #5ee6a84d}.results-banner.loss-banner{background:linear-gradient(#ff6b8126,#ff6b8105);border:1px solid #ff6b814d}.results-banner.draw-banner{background:linear-gradient(#ffd16626,#ffd16605);border:1px solid #ffd1664d}.result-icon-anim{margin-bottom:8px;font-size:54px}.results-banner h1{letter-spacing:-.5px;margin:0;font-size:40px;font-weight:900}.win-banner h1{color:#5ee6a8}.loss-banner h1{color:#ff6b81}.draw-banner h1{color:#ffd166}.result-subtext{color:#bbb;margin:6px 0 16px;font-size:14px}.rewards-earned-row{justify-content:center;gap:12px;display:flex}.reward-badge-pill{border-radius:20px;padding:8px 18px;font-size:14px;font-weight:800}.reward-badge-pill.coins{color:#ffd166;background:#ffd16626;border:1px solid #ffd16666}.reward-badge-pill.xp{color:#b987ff;background:#9b5cff26;border:1px solid #9b5cff66}.score-comparison-grid{grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;margin-bottom:24px;display:grid}.player-score-column{border:1px solid var(--border);background:#151224;border-radius:18px;padding:24px}.player-score-column.winner{border-color:#5ee6a880;box-shadow:0 0 25px #5ee6a826}.player-meta-header{align-items:center;gap:14px;margin-bottom:18px;display:flex}.score-avatar{background:#1d1932;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;font-size:24px;display:flex}.big-total-score{text-align:center;background:#0e0c18;border-radius:12px;margin-bottom:18px;padding:14px}.score-label{color:#777;letter-spacing:1px;font-size:11px;font-weight:800;display:block}.score-number{color:#fff;font-size:42px;font-weight:900;font-family:var(--mono)}.score-metrics-list{flex-direction:column;gap:8px;display:flex}.metric-row{color:#aaa;justify-content:space-between;font-size:12px;display:flex}.metric-row strong{color:#fff;font-family:var(--mono)}.vs-center-col{text-align:center}.vs-badge{color:#ff6b81;margin-bottom:6px;font-size:24px;font-weight:900}.vs-center-col small{color:#777;max-width:120px;font-size:11px;display:block}.code-review-toggle{text-align:center;margin-bottom:20px}.code-solutions-compare{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:24px;display:grid}.code-pane{border:1px solid var(--border);background:#0b0912;border-radius:12px;padding:16px}.code-pane h4{color:var(--purple-light);margin:0 0 10px;font-size:12px}.code-pane pre{color:#ccc;font-size:12px;font-family:var(--mono);max-height:180px;margin:0;overflow-y:auto}.results-actions-footer{justify-content:center;gap:12px;display:flex}.battle-history-modal{border:1px solid var(--border);background:#110f1c;border-radius:20px;flex-direction:column;width:100%;max-width:780px;max-height:85vh;padding:28px;display:flex}.history-header{justify-content:space-between;align-items:flex-start;margin-bottom:20px;display:flex}.history-header h2{color:#fff;margin:0 0 4px;font-size:22px}.history-header p{color:var(--muted);margin:0;font-size:13px}.history-stats-bar{grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:20px;display:grid}.stat-card{text-align:center;background:#161324;border:1px solid #ffffff0f;border-radius:12px;padding:14px}.stat-card span{color:#888;font-size:11px;font-weight:700;display:block}.stat-card strong{color:#fff;font-size:22px;font-family:var(--mono)}.history-list-scroll{flex:1;max-height:380px;margin-bottom:20px;overflow-y:auto}.empty-history-state{text-align:center;padding:40px 20px}.empty-history-state span{font-size:48px}.empty-history-state h3{color:#fff;margin:12px 0 6px}.empty-history-state p{color:#888;margin-bottom:18px;font-size:13px}.history-table{flex-direction:column;gap:10px;display:flex}.history-row{background:#161324;border:1px solid #ffffff0f;border-radius:12px;grid-template-columns:100px 1fr 100px 140px;align-items:center;gap:14px;padding:12px 18px;display:grid}.result-tag{border-radius:6px;padding:3px 8px;font-size:11px;font-weight:800}.result-tag.win{color:#5ee6a8;background:#5ee6a826}.result-tag.loss{color:#ff6b81;background:#ff6b8126}.result-tag.draw{color:#ffd166;background:#ffd16626}.history-match-info strong{color:#fff;font-size:14px;display:block}.history-match-info span{color:#888;font-size:12px}.scores-text{font-family:var(--mono);color:#fff;font-size:14px;font-weight:800}.coins-text{color:#ffd166;font-size:12px;font-weight:700;display:block}.xp-text{color:#b987ff;font-size:12px;font-weight:700}.history-footer{justify-content:flex-end;gap:12px;display:flex}.shop-modal-card{border:1px solid var(--border);background:#110f1c;border-radius:24px;flex-direction:column;width:100%;max-width:960px;max-height:90vh;padding:28px;display:flex;box-shadow:0 30px 100px #000c}.shop-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.shop-title-area{align-items:center;gap:14px;display:flex}.shop-icon-badge{font-size:32px}.shop-title-area h2{color:#fff;margin:0;font-size:22px}.shop-title-area p{color:var(--muted);margin:4px 0 0;font-size:13px}.shop-header-right{align-items:center;gap:16px;display:flex}.shop-coins-counter{background:#ffd1661f;border:1px solid #ffd1664d;border-radius:20px;align-items:center;gap:8px;padding:8px 18px;display:flex}.shop-coins-counter strong{color:#ffd166;font-size:18px;font-family:var(--mono)}.shop-coins-counter small{color:#bbb;font-size:11px}.shop-alert-bar{color:#fff;text-align:center;background:#9b5cff26;border:1px solid #9b5cff4d;border-radius:10px;margin-bottom:16px;padding:10px 16px;font-size:13px;font-weight:700}.shop-category-tabs{gap:8px;margin-bottom:16px;padding-bottom:12px;display:flex;overflow-x:auto}.shop-tab{border:1px solid var(--border);color:#aaa;white-space:nowrap;background:#161324;border-radius:10px;padding:8px 16px;font-size:13px;font-weight:700}.shop-tab.active{border-color:var(--purple);color:#fff;background:#9b5cff2e}.shop-tab.inventory-tab{color:#5ee6a8;border-color:#5ee6a84d;margin-left:auto}.shop-items-grid-scroll{flex:1;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:16px;max-height:480px;padding:6px;display:grid;overflow-y:auto}.cosmetic-card{background:#161324;border:1px solid #ffffff0f;border-radius:16px;flex-direction:column;padding:16px;transition:transform .2s,border-color .2s;display:flex}.cosmetic-card:hover{border-color:#9b5cff4d;transform:translateY(-2px)}.cosmetic-card.equipped{background:#5ee6a80a;border-color:#5ee6a8}.card-top-row{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.rarity-tag{letter-spacing:.5px;font-size:10px;font-weight:800}.category-pill{text-transform:uppercase;color:#777;font-size:9px;font-weight:700}.cosmetic-preview-box{background:#0d0b14;border-radius:12px;justify-content:center;align-items:center;height:90px;margin-bottom:12px;display:flex;position:relative}.cosmetic-main-icon{font-size:40px}.theme-palette-dots{gap:4px;display:flex;position:absolute;bottom:8px;right:8px}.theme-palette-dots span{border:1px solid #ffffff4d;border-radius:50%;width:12px;height:12px}.item-meta h3{color:#fff;margin:0 0 4px;font-size:15px}.item-meta p{color:#999;height:32px;margin:0 0 14px;font-size:11px;line-height:1.4;overflow:hidden}.card-action-bottom{margin-top:auto}.equipped-badge{text-align:center;color:#5ee6a8;background:#5ee6a826;border-radius:8px;padding:8px;font-size:12px;font-weight:800}.equip-btn{width:100%;padding:8px!important;font-size:12px!important}.buy-btn{color:#ffd166;background:#ffd1661f;border:1px solid #ffd16666;border-radius:8px;justify-content:center;align-items:center;gap:6px;width:100%;padding:8px 12px;font-size:13px;display:flex}.buy-btn.cannot-afford{opacity:.5}.shop-footer-notice{border-top:1px solid var(--border);color:#888;text-align:center;margin-top:16px;padding-top:12px;font-size:11px}.dashboard-coins-pill{color:#ffd166;cursor:pointer;background:#ffd1661a;border:1px solid #ffd1664d;border-radius:20px;align-items:center;gap:8px;padding:6px 14px;font-weight:800;display:inline-flex}.dashboard-coins-pill:hover{background:#ffd1662e}.level-exam-widget{background:#ffd16614;border:1px solid #ffd16640;border-radius:12px;justify-content:space-between;align-items:center;margin-top:14px;padding:14px 18px;display:flex}.level-exam-info span{color:#ffd166;font-size:11px;font-weight:800;display:block}.level-exam-info strong{color:#fff;font-size:14px}.take-level-test-btn{color:#000!important;background:linear-gradient(135deg,#ffd166,#ff6b81)!important;border:none!important;border-radius:8px!important;padding:8px 18px!important;font-size:13px!important;font-weight:800!important}.battle-banner-cta{background:linear-gradient(135deg,#9b5cff33,#ff6b8133),#120f20;border:1px solid #9b5cff66;border-radius:18px;justify-content:space-between;align-items:center;margin-bottom:24px;padding:24px;display:flex}.battle-banner-cta h2{color:#fff;margin:4px 0 6px;font-size:22px}.battle-banner-cta p{color:#bbb;margin:0;font-size:13px}.start-arena-btn{color:#fff!important;background:linear-gradient(135deg,#9b5cff,#ff6b81)!important;border:none!important;border-radius:10px!important;padding:12px 24px!important;font-size:15px!important;font-weight:800!important}.idea-generator-container{color:#fff;background:#08060f;flex-direction:column;min-height:100vh;display:flex}.generator-nav-header{border-bottom:1px solid var(--border);z-index:100;background:#110f1c;justify-content:space-between;align-items:center;height:72px;padding:0 28px;display:flex}.nav-header-left{align-items:center;gap:18px;display:flex}.title-box{align-items:center;gap:12px;display:flex}.sparkle-icon{font-size:30px}.title-box h2{background:linear-gradient(135deg,#ffd166,#ff6b81);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin:0;font-size:18px}.title-box p{color:var(--muted);margin:2px 0 0;font-size:12px}.nav-header-right{align-items:center;gap:12px;display:flex}.surprise-btn{color:#000!important;background:linear-gradient(135deg,#ffd166,#ff6b81)!important;padding:10px 18px!important;font-weight:800!important}.generator-toast{text-align:center;color:#fff;background:#9b5cff33;border-bottom:1px solid #9b5cff66;padding:10px 20px;font-size:13px;font-weight:700;animation:.3s fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.generator-main-layout{flex:1;grid-template-columns:380px 1fr;gap:28px;width:100%;max-width:1400px;margin:0 auto;padding:28px;display:grid}.generator-controls-card{border:1px solid var(--border);background:#110f1c;border-radius:20px;flex-direction:column;gap:20px;height:fit-content;padding:24px;display:flex;box-shadow:0 10px 40px #00000080}.controls-header h3{color:#fff;margin:0 0 4px;font-size:16px}.controls-header p{color:var(--muted);margin:0;font-size:12px}.pref-group label{color:#aaa;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;font-size:12px;font-weight:700;display:block}.pill-group{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.category-pills{grid-template-columns:repeat(2,1fr)}.pref-pill{border:1px solid var(--border);color:#bbb;text-align:center;background:#161324;border-radius:10px;padding:8px 12px;font-size:12px;font-weight:700;transition:all .15s}.pref-pill:hover{color:#fff;border-color:#9b5cff66}.pref-pill.active{border-color:var(--purple);color:#fff;background:#9b5cff33;box-shadow:0 0 12px #9b5cff33}.concepts-header-row{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.concepts-header-row label{margin-bottom:0}.use-skills-btn{color:#5ee6a8;cursor:pointer;background:#5ee6a81f;border:1px solid #5ee6a84d;border-radius:6px;padding:3px 8px;font-size:11px;font-weight:800}.use-skills-btn:hover{background:#5ee6a840}.concepts-chips-grid{flex-wrap:wrap;gap:6px;max-height:180px;padding:2px;display:flex;overflow-y:auto}.concept-chip{color:#888;cursor:pointer;background:#161324;border:1px solid #ffffff0f;border-radius:6px;padding:5px 10px;font-size:11px;font-weight:600;transition:all .15s}.concept-chip.selected{color:#5ee6a8;background:#5ee6a826;border-color:#5ee6a866}.generate-cta-btn{margin-top:8px;box-shadow:0 4px 20px #9b5cff4d;background:linear-gradient(135deg,#9b5cff,#ff6b81)!important;border-radius:12px!important;padding:14px!important;font-size:15px!important;font-weight:800!important}.generator-idea-card{background:#110f1c;border:1px solid #9b5cff4d;border-radius:24px;flex-direction:column;gap:20px;padding:32px;animation:.3s fadeIn;display:flex;box-shadow:0 20px 60px #0009,0 0 40px #9b5cff1a}.idea-card-top-bar{justify-content:space-between;align-items:center;display:flex}.tags-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.category-badge{color:var(--purple-light);letter-spacing:.5px;background:#9b5cff26;border:1px solid #9b5cff4d;border-radius:6px;padding:4px 10px;font-size:11px;font-weight:800}.difficulty-badge{background:#181524;border:1px solid #ffffff14;border-radius:6px;padding:4px 10px;font-size:11px;font-weight:800}.level-badge{color:#aaa;background:#181524;border-radius:6px;padding:4px 10px;font-size:11px;font-weight:700}.save-idea-btn{color:#fff;cursor:pointer;background:#181524;border:1px solid #ffffff1f;border-radius:8px;padding:6px 14px;font-size:12px;font-weight:700;transition:all .2s}.save-idea-btn.saved{color:#ff6b81;background:#ff6b8126;border-color:#ff6b8166}.idea-title{color:#fff;letter-spacing:-.5px;margin:0;font-size:32px;font-weight:900}.idea-block{background:#161324;border:1px solid #ffffff0f;border-radius:14px;padding:16px 20px}.idea-block h3{color:var(--purple-light);text-transform:uppercase;letter-spacing:.5px;margin:0 0 8px;font-size:13px}.skills-columns{grid-template-columns:1fr 1fr;align-items:center;gap:16px;display:grid}.skills-tags-wrap{flex-wrap:wrap;gap:8px;margin-top:4px;display:flex}.skill-tag{border:1px solid var(--border);color:#5ee6a8;background:#0f0d18;border-radius:6px;padding:4px 10px;font-size:12px;font-weight:700}.new-skill-box{background:#ffd16614;border:1px solid #ffd1664d;border-radius:10px;padding:10px 14px}.unlock-chip{color:#ffd166;letter-spacing:.5px;margin-bottom:2px;font-size:10px;font-weight:800;display:block}.new-skill-box strong{color:#fff;font-size:13px}.steps-list{flex-direction:column;gap:10px;margin-top:10px;display:flex}.step-item{color:#ccc;align-items:flex-start;gap:14px;font-size:13px;line-height:1.5;display:flex}.step-num{background:var(--purple-soft);width:24px;height:24px;color:var(--purple-light);border:1px solid #9b5cff66;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:11px;font-weight:800;display:flex}.idea-card-actions-footer{justify-content:flex-end;gap:14px;margin-top:8px;display:flex}.give-another-btn{padding:12px 20px!important;font-weight:700!important}.build-this-btn{color:#000!important;background:linear-gradient(135deg,#5ee6a8,#00f0ff)!important;border-radius:10px!important;padding:12px 28px!important;font-size:15px!important;font-weight:800!important}.builder-workspace{height:calc(100vh - 72px)}.builder-specs-card{border-bottom:1px solid var(--border);background:#141122;padding:16px 20px}.specs-header{justify-content:space-between;align-items:flex-start;margin-bottom:8px;display:flex}.specs-header h2{color:#fff;margin:4px 0 0;font-size:18px}.specs-concept{color:#bbb;margin:0 0 12px;font-size:12px;line-height:1.5}.builder-steps-accordion h4{color:var(--purple-light);text-transform:uppercase;margin:0 0 6px;font-size:11px}.builder-step-check{color:#aaa;gap:6px;margin-bottom:4px;font-size:11px;display:flex}.builder-step-check span{color:#5ee6a8;font-weight:700}.saved-ideas-modal{border:1px solid var(--border);background:#110f1c;border-radius:24px;flex-direction:column;width:100%;max-width:880px;max-height:85vh;padding:28px;display:flex}.saved-modal-header{justify-content:space-between;align-items:flex-start;margin-bottom:20px;display:flex}.saved-modal-header h2{color:#fff;margin:0 0 4px;font-size:22px}.saved-modal-header p{color:var(--muted);margin:0;font-size:13px}.saved-ideas-list-scroll{flex:1;max-height:520px;overflow-y:auto}.empty-saved-state{text-align:center;padding:60px 20px}.empty-saved-state span{font-size:48px}.empty-saved-state h3{color:#fff;margin:12px 0 6px}.empty-saved-state p{color:#888;font-size:13px}.saved-cards-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px;display:grid}.saved-project-card{background:#161324;border:1px solid #ffffff0f;border-radius:16px;flex-direction:column;padding:18px;display:flex}.saved-card-top{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.saved-project-card h3{color:#fff;margin:0 0 8px;font-size:16px}.saved-concept-text{color:#aaa;height:48px;margin-bottom:12px;font-size:12px;line-height:1.4;overflow:hidden}.saved-meta-row{color:#777;justify-content:space-between;align-items:center;margin-bottom:14px;font-size:11px;display:flex}.status-select{border:1px solid var(--border);color:#fff;background:#0d0b14;border-radius:6px;outline:none;padding:4px 6px;font-size:11px}.saved-actions-row{gap:8px;margin-top:auto;display:flex}.load-idea-btn{flex:1;padding:8px!important;font-size:12px!important;font-weight:700!important}.remove-idea-btn{padding:8px 10px!important;font-size:13px!important}.idea-generator-card-dashboard{background:linear-gradient(135deg,#ffd1661f,#ff6b811a),#120f20;border:1px solid #ffd1664d;border-radius:18px;justify-content:space-between;align-items:center;margin-bottom:24px;padding:24px;display:flex}.idea-generator-card-dashboard h2{color:#fff;margin:4px 0 6px;font-size:22px}.idea-generator-card-dashboard p{color:#bbb;margin:0;font-size:13px}.generate-idea-dashboard-btn{white-space:nowrap;color:#000!important;background:linear-gradient(135deg,#ffd166,#ff6b81)!important;border:none!important;border-radius:10px!important;padding:12px 24px!important;font-size:15px!important;font-weight:800!important}.home-dashboard-layout{flex-direction:column;gap:22px;max-width:1040px;margin:0 auto;padding-bottom:40px;display:flex}.home-top-header{justify-content:space-between;align-items:flex-start;padding-bottom:6px;display:flex}.home-top-header h1{letter-spacing:-.5px;color:#fff;margin:0 0 4px;font-size:28px;font-weight:800}.home-top-header p{color:var(--muted);margin:0;font-size:14px}.header-right-actions{align-items:center;gap:10px;display:flex}.coin-balance-chip{color:#ffd166;cursor:pointer;background:#ffd1661a;border:1px solid #ffd1664d;border-radius:12px;align-items:center;gap:6px;padding:8px 16px;font-size:14px;font-weight:800;transition:all .2s;display:flex}.coin-balance-chip:hover{background:#ffd16633}.shop-shortcut-chip{color:#fff;cursor:pointer;background:#191629;border:1px solid #9b5cff4d;border-radius:12px;align-items:center;gap:6px;padding:8px 16px;font-size:14px;font-weight:700;transition:all .2s;display:flex}.shop-shortcut-chip:hover{border-color:var(--purple);background:#9b5cff33}.hero-battle-card{text-align:center;background:radial-gradient(circle at 50% 30%,#9b5cff33,#0000 70%),#120f20;border:1px solid #9b5cff59;border-radius:20px;flex-direction:column;align-items:center;gap:8px;padding:38px 24px;display:flex;box-shadow:0 10px 40px #0006,0 0 30px #9b5cff1a}.hero-battle-card .battle-icon-title{color:#fff;letter-spacing:.5px;justify-content:center;align-items:center;gap:10px;font-size:26px;font-weight:900;display:flex}.hero-battle-card .battle-sub-1{color:#d1cbe0;margin:0;font-size:15px;font-weight:600}.hero-battle-card .battle-sub-2{color:var(--muted);margin:0 0 14px;font-size:13px}.enter-arena-hero-btn{color:#fff!important;letter-spacing:.5px!important;background:linear-gradient(135deg,#9b5cff,#ff6b81)!important;border-radius:12px!important;padding:12px 32px!important;font-size:14px!important;font-weight:800!important;box-shadow:0 6px 25px #9b5cff66!important}.dashboard-two-col-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.dash-panel{border:1px solid var(--border);background:#110f1c;border-radius:18px;flex-direction:column;justify-content:space-between;min-height:210px;padding:24px;display:flex}.dash-eyebrow{letter-spacing:1px;color:var(--purple-light);align-items:center;gap:6px;margin-bottom:12px;font-size:11px;font-weight:800;display:flex}.dash-main-title{color:#fff;margin:0 0 12px;font-size:20px;font-weight:800}.dash-progress-wrap{margin-bottom:16px}.progress-track-dash{background:#1a1728;border:1px solid #ffffff0f;border-radius:10px;width:100%;height:10px;margin-bottom:6px;overflow:hidden}.progress-fill-dash{background:linear-gradient(90deg,#9b5cff,#5ee6a8);border-radius:10px;height:100%;transition:width .3s}.progress-fill-dash.gold{background:linear-gradient(90deg,#ffd166,#ff6b81)}.dash-progress-label{color:#aaa;justify-content:space-between;font-size:12px;font-weight:600;display:flex}.dash-panel-btn{width:100%;text-align:center!important;border-radius:10px!important;padding:10px 16px!important;font-size:13px!important;font-weight:800!important}.dash-panel-btn.gold-btn{color:#000!important;background:linear-gradient(135deg,#ffd166,#ff6b81)!important}.dash-build-card{text-align:center;background:#110f1c;border:1px solid #ffd16640;border-radius:18px;flex-direction:column;align-items:center;gap:8px;padding:30px 24px;display:flex}.dash-build-card h2{color:#fff;letter-spacing:.5px;margin:0;font-size:20px;font-weight:800}.dash-build-card p{color:var(--muted);margin:0 0 12px;font-size:14px}.generate-idea-center-btn{color:#000!important;background:linear-gradient(135deg,#ffd166,#ff6b81)!important;border-radius:10px!important;padding:11px 28px!important;font-size:14px!important;font-weight:800!important;box-shadow:0 4px 20px #ffd16640!important}.dash-activity-card{border:1px solid var(--border);background:#110f1c;border-radius:18px;padding:24px}.activity-list{flex-direction:column;gap:12px;margin-top:14px;display:flex}.activity-row{background:#161324;border:1px solid #ffffff0d;border-radius:10px;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.activity-left{align-items:center;gap:10px;display:flex}.activity-icon{font-size:16px}.activity-title{color:#eee;font-size:13px;font-weight:600}.activity-rewards{align-items:center;gap:8px;display:flex}.activity-xp-tag{color:#5ee6a8;background:#5ee6a81f;border-radius:6px;padding:3px 8px;font-size:12px;font-weight:800}.activity-coins-tag{color:#ffd166;background:#ffd1661f;border-radius:6px;padding:3px 8px;font-size:12px;font-weight:800}@media (width<=768px){.dashboard-two-col-grid{grid-template-columns:1fr}.home-top-header{flex-direction:column;gap:14px}}.learn-hub-container{color:#e5e5eb;min-height:100vh;font-family:var(--font,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif);background:#09080e;padding:24px 36px 80px}.learn-hub-header{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;margin-bottom:28px;padding-bottom:18px;display:flex}.header-brand{align-items:center;gap:20px;display:flex}.hub-back-home-btn,.learn-nav-back-btn{color:#d1d5db;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:8px;padding:8px 14px;font-size:13px;font-weight:600;transition:all .2s}.hub-back-home-btn:hover,.learn-nav-back-btn:hover{color:#fff;background:#9b5cff33;border-color:#9b5cff}.hub-title-tag{align-items:center;gap:12px;display:flex}.hub-emoji{font-size:28px}.hub-title-tag h1{background:linear-gradient(135deg,#fff,#bba7f5);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin:0;font-size:24px;font-weight:800}.hub-title-tag p{color:#9ca3af;margin:2px 0 0;font-size:13px}.hub-header-stats,.lesson-header-right{align-items:center;gap:10px;display:flex}.stat-pill{border-radius:20px;padding:6px 12px;font-size:13px;font-weight:700}.stat-pill.xp-pill{color:#d4bbfd;background:#9b5cff26;border:1px solid #9b5cff4d}.stat-pill.coin-pill{color:#ffd166;background:#ffd16626;border:1px solid #ffd1664d}.learn-hero-overview-grid{grid-template-columns:1.4fr 1fr;gap:20px;margin-bottom:36px;display:grid}.hub-resume-card{background:linear-gradient(135deg,#1a1528e6,#100d1af2);border:1px solid #9b5cff4d;border-radius:14px;flex-direction:column;justify-content:space-between;padding:24px;display:flex;box-shadow:0 10px 30px #0000004d}.resume-lesson-title{color:#fff;margin:8px 0 6px;font-size:20px;font-weight:700}.resume-lesson-desc{color:#a1a1aa;margin-bottom:16px;font-size:13px;line-height:1.5}.resume-action-box{margin-top:18px}.resume-big-btn{letter-spacing:.5px;border-radius:8px;width:100%;padding:12px 20px;font-size:14px;font-weight:800}.hub-stats-card{background:#141020cc;border:1px solid #ffffff14;border-radius:14px;padding:24px}.journey-metrics-grid{grid-template-columns:1fr 1fr;gap:12px;margin-top:14px;display:grid}.journey-metric-box{background:#ffffff08;border:1px solid #ffffff0f;border-radius:10px;align-items:center;gap:12px;padding:12px;display:flex}.metric-icon{font-size:22px}.metric-number{color:#fff;font-size:16px;font-weight:800;display:block}.metric-label{color:#9ca3af;font-size:11px}.hub-mastery-section{margin-bottom:40px}.section-title-row{margin-bottom:18px}.sec-eyebrow{letter-spacing:1px;color:#9b5cff;margin-bottom:4px;font-size:11px;font-weight:800;display:block}.section-title-row h2{color:#fff;margin:0 0 4px;font-size:20px;font-weight:800}.section-title-row p{color:#9ca3af;margin:0;font-size:13px}.mastery-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px;display:grid}.mastery-card{background:#14102099;border:1px solid #ffffff0f;border-radius:12px;padding:16px;transition:transform .2s,border-color .2s}.mastery-card:hover{border-color:#9b5cff4d;transform:translateY(-2px)}.mastery-card.status-mastered{background:linear-gradient(135deg,#5ee6a80d,#141020b3);border-color:#5ee6a866}.mastery-top{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.mastery-icon{font-size:22px}.mastery-badge{border-radius:6px;padding:3px 8px;font-size:11px;font-weight:700}.badge-mastered{color:#5ee6a8;background:#5ee6a826}.badge-learning{color:#ffd166;background:#ffd16626}.badge-locked{color:#6b7280;background:#6b728026}.mastery-card h4{color:#fff;margin:0 0 6px;font-size:14px;font-weight:700}.mastery-card p{color:#9ca3af;margin:0;font-size:12px;line-height:1.4}.curriculum-header-row{justify-content:space-between;align-items:flex-end;margin-bottom:20px;display:flex}.module-filter-tabs{gap:8px;display:flex}.mod-tab-btn{color:#9ca3af;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff14;border-radius:6px;padding:6px 12px;font-size:12px;font-weight:600;transition:all .2s}.mod-tab-btn.active,.mod-tab-btn:hover{color:#fff;background:#9b5cff33;border-color:#9b5cff}.modules-stack{flex-direction:column;gap:24px;display:flex}.module-card-container{background:#120e1eb3;border:1px solid #ffffff14;border-radius:14px;padding:20px}.module-header-banner{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.module-banner-left{align-items:center;gap:14px;display:flex}.module-icon-large{font-size:32px}.module-eyebrow{color:#9b5cff;letter-spacing:1px;font-size:10px;font-weight:800}.module-banner-left h3{color:#fff;margin:2px 0;font-size:18px;font-weight:800}.module-subtitle{color:#9ca3af;margin:0;font-size:12px}.module-count-badge{color:#a78bfa;background:#a78bfa1f;border-radius:8px;padding:4px 10px;font-size:12px;font-weight:700}.module-lessons-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;margin-bottom:16px;display:grid}.lesson-item-card{cursor:pointer;background:#ffffff08;border:1px solid #ffffff0f;border-radius:10px;flex-direction:column;justify-content:space-between;padding:14px;transition:all .2s;display:flex}.lesson-item-card.unlocked:hover{background:#9b5cff14;border-color:#9b5cff;transform:translateY(-2px)}.lesson-item-card.completed{background:#5ee6a80a;border-color:#5ee6a84d}.lesson-item-card.locked{opacity:.55;cursor:not-allowed}.lesson-item-top{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.lesson-index-tag{color:#a78bfa;font-size:11px;font-weight:700}.lesson-item-title{color:#fff;margin:0 0 6px;font-size:13px;font-weight:700}.lesson-item-summary{color:#9ca3af;margin:0 0 10px;font-size:11px;line-height:1.3}.lesson-item-footer{color:#6b7280;justify-content:space-between;align-items:center;font-size:11px;display:flex}.lesson-reward-tag{color:#ffd166;font-weight:600}.module-special-actions-row{grid-template-columns:1fr 1fr;gap:12px;margin-top:14px;display:grid}.special-action-card{cursor:pointer;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:10px;justify-content:space-between;align-items:center;padding:14px 18px;transition:all .2s;display:flex}.special-action-card.unlocked:hover{background:#ffd16614;border-color:#ffd166;transform:translateY(-2px)}.special-action-card.completed{border-color:#5ee6a866}.special-action-card.locked{opacity:.5;cursor:not-allowed}.special-card-left{align-items:center;gap:12px;display:flex}.special-emoji{font-size:22px}.special-card-left strong{color:#fff;font-size:13px;display:block}.special-card-left p{color:#9ca3af;margin:2px 0 0;font-size:11px}.special-card-right{flex-direction:column;align-items:flex-end;gap:4px;display:flex}.status-label{color:#a78bfa;font-size:11px;font-weight:700}.capstone-grand-card{cursor:pointer;background:linear-gradient(135deg,#2e1065cc,#141020f2);border:2px solid #ffd16666;border-radius:14px;justify-content:space-between;align-items:center;padding:24px;transition:all .2s;display:flex;box-shadow:0 8px 30px #ffd1661a}.capstone-grand-card.unlocked:hover{border-color:#ffd166;transform:scale(1.01)}.capstone-left{align-items:center;gap:18px;display:flex}.capstone-crown{font-size:38px}.capstone-tag{color:#ffd166;letter-spacing:1px;font-size:10px;font-weight:800}.capstone-left h3{color:#fff;margin:4px 0;font-size:18px;font-weight:800}.capstone-left p{color:#d1d5db;max-width:500px;margin:0;font-size:12px}.capstone-right{flex-direction:column;align-items:flex-end;gap:10px;display:flex}.reward-bounty{color:#ffd166;gap:8px;font-size:13px;font-weight:700;display:flex}.lesson-page-container{color:#e5e5eb;background:#09080e;min-height:100vh;padding:16px 28px 60px}.lesson-top-header{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:12px;display:flex}.lesson-header-left{align-items:center;gap:16px;display:flex}.lesson-breadcrumbs{align-items:center;gap:8px;font-size:12px;font-weight:700;display:flex}.module-tag{color:#a78bfa}.lesson-number-tag{color:#d1d5db}.learn-home-btn{color:#d1d5db;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:6px;padding:6px 12px;font-size:12px}.lesson-main-grid{grid-template-columns:1.1fr 1fr;align-items:start;gap:20px;display:grid}.lesson-left-pane,.lesson-right-pane{flex-direction:column;gap:18px;display:flex}.lesson-hero-card{background:linear-gradient(135deg,#9b5cff26,#14102099);border:1px solid #9b5cff40;border-radius:12px;padding:16px 20px}.lesson-hero-badge{color:#c4b5fd;justify-content:space-between;margin-bottom:6px;font-size:11px;font-weight:800;display:flex}.lesson-main-title{color:#fff;margin:0;font-size:22px;font-weight:800}.lesson-section-card{background:#120e1eb3;border:1px solid #ffffff14;border-radius:12px;padding:20px}.section-header-tag{align-items:center;gap:8px;margin-bottom:14px;display:flex}.sec-num{color:#9b5cff;background:#9b5cff26;border-radius:4px;padding:2px 6px;font-size:10px;font-weight:800}.section-header-tag h2{color:#fff;margin:0;font-size:16px;font-weight:800}.section-subtext{color:#9ca3af;margin-bottom:12px;font-size:12px}.idea-block{margin-bottom:14px}.idea-block h3{color:#c4b5fd;margin:0 0 4px;font-size:13px;font-weight:700}.idea-block p{color:#d1d5db;margin:0;font-size:13px;line-height:1.5}.game-context-block{background:#9b5cff14;border-left:3px solid #9b5cff;border-radius:0 8px 8px 0;padding:10px 14px}.code-example-box{background:#08060d;border:1px solid #ffffff1a;border-radius:8px;margin-bottom:14px;padding:14px}.example-label{color:#a78bfa;text-transform:uppercase;margin-bottom:6px;font-size:10px;font-weight:700}.example-code code{color:#5ee6a8;white-space:pre-wrap;font-family:Fira Code,Courier New,monospace;font-size:14px;display:block}.example-caption{color:#9ca3af;margin-top:6px;font-size:11px;font-style:italic}.token-breakdown-list h4{color:#fff;margin:0 0 8px;font-size:12px;font-weight:700}.token-row{align-items:center;gap:8px;margin-bottom:6px;font-size:12px;display:flex}.token-chip{color:#c4b5fd;background:#9b5cff33;border-radius:4px;padding:2px 6px;font-family:monospace;font-weight:700}.token-arrow{color:#6b7280}.token-expl{color:#d1d5db}.challenge-objective-banner{background:#ffd16614;border:1px solid #ffd1664d;border-radius:8px;margin-bottom:14px;padding:12px 14px}.challenge-objective-banner strong{color:#ffd166;letter-spacing:.5px;margin-bottom:4px;font-size:11px;display:block}.challenge-objective-banner p{color:#fff;margin:0;font-size:13px;font-weight:600}.instructions-checklist h4{color:#fff;margin:0 0 6px;font-size:12px;font-weight:700}.instructions-checklist ul{margin:0 0 14px;padding:0;list-style:none}.instructions-checklist li{color:#d1d5db;margin-bottom:4px;font-size:12px}.check-bullet{color:#9b5cff;font-weight:700}.hint-system-container{margin-bottom:14px}.hint-header-row{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.hint-title-tag{color:#ffd166;font-size:12px;font-weight:700}.reveal-hint-btn{color:#ffd166;cursor:pointer;background:#ffd1661f;border:1px solid #ffd1664d;border-radius:6px;padding:4px 10px;font-size:11px;font-weight:700}.hint-box{border-radius:6px;margin-top:6px;padding:10px 12px;font-size:12px}.hint-level-1{background:#ffffff0a;border-left:3px solid #ffd166}.hint-level-2{background:#9b5cff0f;border-left:3px solid #9b5cff}.hint-level-3{background:#5ee6a80f;border-left:3px solid #5ee6a8}.hint-level-3 pre code{color:#5ee6a8;font-family:monospace}.interactive-code-panel{background:#08060d;border:1px solid #ffffff1f;border-radius:8px;margin-bottom:12px;overflow:hidden}.code-panel-top{background:#ffffff08;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:8px 12px;display:flex}.panel-dots{align-items:center;gap:6px;display:flex}.dot{border-radius:50%;width:8px;height:8px}.dot.red{background:#ff5f56}.dot.yellow{background:#ffbd2e}.dot.green{background:#27c93f}.editor-file-label{color:#9ca3af;margin-left:6px;font-family:monospace;font-size:11px}.clear-code-btn{color:#6b7280;cursor:pointer;background:0 0;border:none;font-size:11px}.clear-code-btn:hover{color:#ef4444}.learn-textarea-editor{box-sizing:border-box;color:#5ee6a8;resize:vertical;background:#08060d;border:none;outline:none;width:100%;padding:12px;font-family:Fira Code,Courier New,monospace;font-size:14px;line-height:1.5}.test-action-bar{align-items:center;gap:14px;margin-bottom:12px;display:flex}.run-code-btn{letter-spacing:.5px;padding:10px 24px;font-size:13px;font-weight:800}.run-tip-text{color:#9ca3af;font-size:12px}.learn-console-output{background:#050408;border:1px solid #ffffff14;border-radius:8px;margin-bottom:12px;padding:10px 12px;font-family:monospace;font-size:12px}.console-header{color:#9ca3af;margin-bottom:4px;font-size:11px;font-weight:700}.console-line{color:#5ee6a8}.console-prompt{color:#9b5cff;margin-right:6px}.error-diagnostics-card{background:#ef444414;border:1px solid #ef44444d;border-radius:10px;margin-bottom:14px;padding:14px}.error-badge-title{align-items:center;gap:8px;margin-bottom:10px;display:flex}.error-badge-title h3{color:#f87171;margin:0;font-size:14px;font-weight:800}.error-detail-block{margin-bottom:8px}.error-detail-block h4{color:#fff;margin:0 0 2px;font-size:12px;font-weight:700}.error-detail-block p{color:#d1d5db;margin:0;font-size:12px;line-height:1.4}.error-tip-box{color:#ffd166;background:#ffffff0a;border-radius:6px;margin-bottom:8px;padding:6px 10px;font-size:12px}.try-again-prompt{color:#9ca3af;font-size:11px;font-style:italic}.lesson-success-card{background:linear-gradient(135deg,#5ee6a81f,#141020cc);border:1px solid #5ee6a866;border-radius:12px;margin-top:14px;padding:18px}.success-header{align-items:center;gap:12px;margin-bottom:12px;display:flex}.celebrate-emoji{font-size:28px}.success-header h3{color:#5ee6a8;margin:0 0 2px;font-size:16px;font-weight:800}.takeaway-text{color:#d1d5db;margin:0;font-size:12px}.reward-badges-row{gap:10px;margin-bottom:14px;display:flex}.reward-chip{border-radius:6px;padding:4px 10px;font-size:12px;font-weight:800}.reward-chip.xp-chip{color:#c4b5fd;background:#9b5cff33}.reward-chip.coin-chip{color:#ffd166;background:#ffd16633}.next-lesson-btn{width:100%;padding:10px 18px;font-size:14px;font-weight:800}.checkpoint-modal-container{background:#100d1c;border:1px solid #ffd1664d;border-radius:16px;width:90%;max-width:800px;max-height:90vh;padding:24px;overflow-y:auto;box-shadow:0 10px 40px #00000080}.checkpoint-badge{color:#ffd166;letter-spacing:1px;font-size:10px;font-weight:800}.checkpoint-modal-header h2{color:#fff;margin:4px 0 2px;font-size:20px;font-weight:800}.checkpoint-sub{color:#9ca3af;margin:0;font-size:12px}.checkpoint-tab-nav{border-bottom:1px solid #ffffff14;gap:8px;margin:16px 0;padding-bottom:8px;display:flex}.tab-btn{color:#9ca3af;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:8px 14px;font-size:13px;font-weight:700}.tab-btn.active{color:#fff;background:#9b5cff33}.quiz-card{background:#ffffff08;border:1px solid #ffffff0f;border-radius:8px;margin-bottom:12px;padding:14px}.quiz-card h4{color:#fff;margin:0 0 10px;font-size:13px;font-weight:700}.quiz-options-list{flex-direction:column;gap:6px;display:flex}.quiz-opt-btn{color:#d1d5db;text-align:left;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff14;border-radius:6px;align-items:center;gap:10px;padding:8px 12px;font-size:12px;transition:all .15s;display:flex}.quiz-opt-btn:hover:not(:disabled){background:#9b5cff26;border-color:#9b5cff}.quiz-opt-btn.selected{color:#fff;background:#9b5cff40;border-color:#9b5cff}.quiz-opt-btn.correct{color:#5ee6a8;background:#5ee6a833;border-color:#5ee6a8}.quiz-opt-btn.incorrect{color:#ef4444;background:#ef444433;border-color:#ef4444}.quiz-feedback-text{border-radius:4px;margin-top:8px;padding:6px 10px;font-size:11px}.quiz-feedback-text.pass{color:#5ee6a8;background:#5ee6a81a}.quiz-feedback-text.fail{color:#f87171;background:#ef44441a}.checkpoint-celebration-card{text-align:center;background:#5ee6a814;border:1px solid #5ee6a84d;border-radius:12px;margin-top:14px;padding:24px}.project-workspace-page{color:#e5e5eb;background:#09080e;min-height:100vh;padding:16px 28px 60px}.project-workspace-header{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:12px;display:flex}.project-title-group h2{color:#fff;margin:2px 0 0;font-size:20px;font-weight:800}.project-badge-pill{color:#ffd166;font-size:11px;font-weight:800}.project-main-layout{grid-template-columns:1fr 1.2fr;gap:20px;display:grid}.project-left-col,.project-right-col{flex-direction:column;gap:16px;display:flex}.scenario-card,.project-requirements-card,.simulation-hud-card,.project-hints-card{background:#120e1eb3;border:1px solid #ffffff14;border-radius:10px;padding:16px}.scenario-card h3,.project-requirements-card h3,.simulation-hud-card h3{color:#c4b5fd;margin:0 0 8px;font-size:14px;font-weight:700}.scenario-card p{color:#d1d5db;margin:0;font-size:12px;line-height:1.5}.reqs-list{flex-direction:column;gap:8px;display:flex}.req-item{font-size:12px}.req-header{color:#fff;align-items:center;gap:6px;display:flex}.req-bullet{color:#ffd166}.req-item p{color:#9ca3af;margin:2px 0 0 14px}.hud-display-screen{background:#050408;border:1px solid #ffffff14;border-radius:8px;padding:12px}.hud-metric-row{border-bottom:1px solid #ffffff0a;justify-content:space-between;padding:4px 0;font-size:12px;display:flex}.health-val{color:#5ee6a8;font-weight:700}.coin-val{color:#ffd166;font-weight:700}.inv-val{color:#a78bfa}.loot-val{color:#f472b6;font-weight:700}.project-editor{min-height:320px}.project-success-card{text-align:center;background:linear-gradient(135deg,#5ee6a826,#141020e6);border:1px solid #5ee6a8;border-radius:12px;margin-top:14px;padding:24px}.project-success-card h2{color:#5ee6a8;margin:8px 0;font-size:18px;font-weight:800}.project-success-card p{color:#d1d5db;margin-bottom:14px;font-size:13px}@media (width<=900px){.learn-hero-overview-grid,.lesson-main-grid,.project-main-layout,.module-special-actions-row{grid-template-columns:1fr}.capstone-grand-card{flex-direction:column;align-items:flex-start;gap:16px}.capstone-right{align-items:stretch;width:100%}.curriculum-header-row{flex-direction:column;align-items:flex-start;gap:12px}}