:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}body{margin:0}#root{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;width:1126px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}:root{--bg-dark:#fff9c4;--panel-bg:#fff;--card-bg:#fff;--border-color:#000;--accent-green:#4ade80;--accent-blue:#60a5fa;--accent-purple:#c084fc;--accent-red:#f87171;--text-main:#000;--text-muted:#333;--module-afd-primary:#60a5fa;--module-ap-primary:#a78bfa;--module-mt-primary:#f97316;--exercise-easy:#4ade80;--exercise-medium:#fbbf24;--exercise-hard:#ef4444}*,:before,:after{box-sizing:border-box;margin:0;padding:0;font-family:Comic Sans MS,Comic Neue,cursive,sans-serif}html,body,#root{background-color:var(--bg-dark);-webkit-user-select:none;user-select:none;width:100vw;height:100vh;overflow:hidden}@media (height<=640px){html,body,#root{height:auto;min-height:100vh;overflow-y:auto}}input,textarea,[contenteditable]{-webkit-user-select:text;user-select:text}body{color:var(--text-main)}.modules-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;width:100%;max-width:900px;display:grid}.module-card{border:4px solid var(--module-afd-primary);cursor:pointer;background:#fff;border-radius:12px;flex-direction:column;gap:12px;padding:20px;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:8px 8px #000}.module-card:hover{transform:translate(-4px,-4px);box-shadow:12px 12px #000}.module-card.module-afd{border-color:var(--module-afd-primary);background:linear-gradient(135deg,#e0f2fe 0%,#fff9c4 100%)}.module-card.module-ap{border-color:var(--module-ap-primary);background:linear-gradient(135deg,#f3e8ff 0%,#fff9c4 100%)}.module-card.module-mt{border-color:var(--module-mt-primary);background:linear-gradient(135deg,#fed7aa 0%,#fff9c4 100%)}.module-header{justify-content:space-between;align-items:center;gap:8px;display:flex}.module-icon{font-size:32px}.module-category{text-transform:uppercase;background:var(--module-afd-primary);color:#000;white-space:nowrap;border-radius:4px;padding:4px 8px;font-size:10px;font-weight:900}.module-title{color:#000;margin:0;font-size:16px;font-weight:900;line-height:1.2}.module-description{color:#666;margin:0;font-size:12px}.module-stars{justify-content:flex-end;gap:4px;font-size:18px;display:flex}.module-btn{background:var(--module-afd-primary);cursor:pointer;text-transform:uppercase;border:3px solid #000;border-radius:8px;margin-top:auto;padding:10px;font-family:Comic Sans MS,cursive;font-size:13px;font-weight:900;transition:transform .1s;box-shadow:4px 4px #000}.module-btn:hover{transform:translate(-2px,-2px);box-shadow:6px 6px #000}.game-header{background:#fff;border-bottom:4px solid #000;justify-content:space-between;align-items:center;padding:16px 24px;display:flex;box-shadow:0 4px #000}.game-header h2{text-transform:uppercase;text-align:center;flex:1;margin:0;font-size:18px;font-weight:900}.back-btn{background:var(--accent-red);cursor:pointer;text-transform:uppercase;color:#fff;border:3px solid #000;border-radius:6px;padding:8px 16px;font-size:12px;font-weight:900;transition:transform .1s;box-shadow:3px 3px #000}.back-btn:hover{transform:translate(-2px,-2px);box-shadow:5px 5px #000}.back-btn-large{cursor:pointer;text-transform:uppercase;color:#fff;background:#ef4444;border:4px solid #000;border-radius:8px;padding:12px 24px;font-size:14px;font-weight:900;transition:transform .1s;box-shadow:4px 4px #000}.back-btn-large:hover{transform:translate(-2px,-2px);box-shadow:6px 6px #000}.module-selection-screen{background:var(--bg-dark);flex-direction:column;height:100vh;padding:20px;display:flex;overflow-y:auto}.header-with-back{align-items:center;gap:20px;margin-bottom:30px;display:flex}.header-with-back h1{text-shadow:4px 4px #60a5fa;flex:1;margin:0;font-size:48px;font-weight:900}.modules-grid-large{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:40px;display:grid}.module-btn-large{cursor:pointer;background:#fff;border:4px solid #000;border-radius:12px;flex-direction:column;align-items:center;gap:12px;padding:30px 20px;font-family:Comic Sans MS,cursive;transition:all .2s;display:flex;box-shadow:8px 8px #000}.module-btn-large:hover{transform:translate(-4px,-4px);box-shadow:12px 12px #000}.module-icon-large{font-size:48px}.module-btn-large h3{color:#000;text-transform:uppercase;text-align:center;margin:0;font-size:18px;font-weight:900}.module-btn-large p{color:#666;text-align:center;margin:0;font-size:12px;line-height:1.3}.module-btn-large .arrow{margin-top:10px;font-size:24px;transition:transform .2s}.module-btn-large:hover .arrow{transform:translate(5px)}.submodule-selection-screen{background:var(--bg-dark);flex-direction:column;height:100vh;padding:20px;display:flex;overflow-y:auto}.submodules-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-bottom:40px;display:grid}.submodule-btn{cursor:pointer;background:#fff;border:3px solid #000;border-radius:10px;flex-direction:column;gap:8px;padding:20px;font-family:Comic Sans MS,cursive;transition:all .2s;display:flex;box-shadow:6px 6px #000}.submodule-btn:hover:not(:disabled){transform:translate(-3px,-3px);box-shadow:9px 9px #000}.submodule-btn:disabled{opacity:.5;cursor:not-allowed;background:#f3f4f6}.submodule-btn h3{color:#000;text-align:left;margin:0;font-size:14px;font-weight:900}.submodule-btn p{color:#666;text-align:left;margin:0;font-size:11px}.menu-screen{background:var(--bg-dark);flex-direction:column;justify-content:center;align-items:center;height:100vh;display:flex}.menu-title{color:var(--text-main);text-shadow:4px 4px 0 var(--accent-green);letter-spacing:2px;background:#fff;border:3px solid #000;border-radius:12px;margin-bottom:40px;padding:8px 30px 24px;font-size:64px;font-weight:900;transform:rotate(-2deg);box-shadow:8px 8px #000}.levels-grid{grid-template-columns:repeat(5,1fr);gap:15px;max-width:900px;display:grid}.menu-btn{background:var(--panel-bg);border:3px solid var(--border-color);color:var(--text-main);cursor:pointer;will-change:transform;text-align:center;border-radius:8px;padding:15px;font-size:18px;font-weight:700;transition:transform .15s,box-shadow .15s,background .15s;box-shadow:4px 4px #000}.menu-btn:hover{background:var(--accent-blue);transform:translate(-2px,-2px);box-shadow:6px 6px #000}.menu-btn.primary{background:var(--accent-green)}.menu-btn.primary:hover{background:var(--accent-green);transform:translate(-2px,-2px);box-shadow:6px 6px #000}.workspace-wrapper{contain:layout;flex-direction:column;height:100vh;display:flex}.game-header{background:var(--panel-bg);z-index:10;border-bottom:3px solid #000;flex-shrink:0;justify-content:space-between;align-items:center;padding:10px 20px;display:flex;box-shadow:0 4px #000}.header-left{align-items:center;gap:12px;width:150px;display:flex}.sidebar-toggle{color:var(--text-main);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;font-size:24px;transition:transform .15s;display:flex}.sidebar-toggle:hover{transform:scale(1.1)}.mission-label{color:var(--text-main);text-transform:uppercase;background:var(--accent-green);white-space:nowrap;border:3px solid #000;border-radius:8px;margin-right:12px;padding:4px 8px;font-size:13px;font-weight:800;transform:rotate(-2deg);box-shadow:2px 2px #000}.mission-formula{color:#000;background:#fff;border:3px solid #000;border-radius:8px;padding:4px 16px;font-size:20px;font-weight:700;box-shadow:4px 4px #000}.back-btn{color:var(--text-main);cursor:pointer;background:#fff;border:3px solid #000;border-radius:8px;padding:5px 10px;font-size:14px;font-weight:700;transition:transform .1s,box-shadow .1s,background .1s;box-shadow:3px 3px #000}.back-btn:hover{background:var(--accent-red);transform:translate(-2px,-2px);box-shadow:5px 5px #000}.workspace{flex:1;min-height:0;display:flex;position:relative;overflow:hidden}.formal-panel{z-index:50;background:#fff;border-right:3px solid #000;flex-direction:column;gap:8px;width:280px;padding:16px;transition:transform .25s ease-in-out;display:flex;position:absolute;top:0;bottom:0;left:0;overflow-y:auto;transform:translate(-100%);box-shadow:4px 0 #000}.formal-panel.open{transform:translate(0)}.section-header{color:var(--text-main);text-transform:uppercase;letter-spacing:1px;background:var(--accent-blue);text-align:center;border:3px solid #000;border-radius:6px;padding:5px;font-size:12px;font-weight:900;box-shadow:2px 2px #000}.math-item{border-bottom:2px dashed #000;justify-content:space-between;padding:6px 0;font-size:15px;font-weight:700;display:flex}.math-val{color:var(--text-main);background:var(--bg-dark);border:2px solid #000;border-radius:4px;padding:2px 8px;box-shadow:2px 2px #000}.canvas-area{background:var(--bg-dark);cursor:default;flex:1;min-width:0;position:relative;overflow:auto}.canvas-area::-webkit-scrollbar{width:6px;height:6px}.canvas-area::-webkit-scrollbar-track{background:0 0}.canvas-area::-webkit-scrollbar-thumb{background:#0003;border-radius:4px}.canvas-area::-webkit-scrollbar-thumb:hover{background:#0006}.canvas-inner{width:2000px;height:2000px;position:relative}.canvas-inner:before{content:"";opacity:.1;pointer-events:none;z-index:0;background-image:radial-gradient(#000 1.5px,#0000 1.5px);background-size:22px 22px;position:absolute;inset:0}.locked-overlay{z-index:10;background:#00000080;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.node{color:#000;z-index:2;cursor:grab;will-change:transform;background:#fff;border:4px solid #000;border-radius:50%;justify-content:center;align-items:center;width:65px;height:65px;font-size:20px;font-weight:900;transition:background .1s,box-shadow .1s;display:flex;position:absolute;transform:translate(-50%,-50%);box-shadow:4px 4px #000}.node:hover{background:#fde047}.node.initial:before{content:"▶";color:#000;text-shadow:2px 2px #fff;font-size:22px;position:absolute;left:-28px}.node.final{background:#bbf7d0;border:6px double #000;box-shadow:6px 6px #000}.node.selected{background:#eff6ff;border-color:#3b82f6;box-shadow:0 0 0 4px #93c5fd,6px 6px #000}.node.sim-active{background:#fbbf24!important;border-color:#d97706!important;box-shadow:0 0 0 4px #fde68a,6px 6px #000!important}.node.sim-error{background:#fecaca!important;border-color:#dc2626!important;box-shadow:0 0 0 4px #fca5a5,6px 6px #000!important}.node.sim-done{background:#bbf7d0!important;border-color:#16a34a!important;box-shadow:0 0 0 4px #86efac,6px 6px #000!important}.test-panel{z-index:5;background:#fff;border-left:3px solid #000;flex-direction:column;flex-shrink:0;gap:7px;width:270px;min-height:0;padding:10px;display:flex;overflow:hidden;box-shadow:-4px 0 #000}.test-input-area{flex-shrink:0;gap:6px;display:flex}.word-input{color:#000;background:#fff;border:3px solid #000;border-radius:8px;outline:none;flex:1;padding:6px 8px;font-size:14px;font-weight:700;transition:background .1s;box-shadow:inset 2px 2px #0000001a}.word-input:focus{background:#fef08a}.add-test-btn{background:var(--accent-green);cursor:pointer;border:3px solid #000;border-radius:8px;flex-shrink:0;padding:6px 12px;font-size:18px;font-weight:900;transition:transform .1s,box-shadow .1s;box-shadow:3px 3px #000}.add-test-btn:active{transform:translate(3px,3px);box-shadow:0 0 #000}.words-list{-webkit-overflow-scrolling:touch;flex-direction:column;flex:1;gap:3px;min-height:0;display:flex;overflow-y:auto}.words-list::-webkit-scrollbar{width:7px}.words-list::-webkit-scrollbar-track{background:0 0}.words-list::-webkit-scrollbar-thumb{background:#000;border-radius:4px}.word-row{background:#fff;border:2px solid #000;border-radius:6px;flex-shrink:0;justify-content:space-between;align-items:center;min-height:30px;padding:4px 8px;font-size:12px;font-weight:700;display:flex;box-shadow:3px 3px #000}.word-row.correct{background:#bbf7d0}.word-row.wrong{background:#fecaca}.word-row.shortest{background:#fef08a;border:3px solid #000;font-size:13px}.validate-btn{background:var(--accent-green);color:#000;cursor:pointer;text-transform:uppercase;border:3px solid #000;border-radius:10px;flex-shrink:0;padding:9px 6px;font-size:15px;font-weight:900;transition:transform .1s,box-shadow .1s;box-shadow:5px 5px #000}.validate-btn:active{transform:translate(4px,4px);box-shadow:1px 1px #000}.validate-btn:hover{background:#22c55e}.simulate-btn{background:var(--accent-blue);color:#000;cursor:pointer;text-transform:uppercase;border:3px solid #000;border-radius:8px;flex-shrink:0;padding:7px 6px;font-size:12px;font-weight:900;transition:transform .1s,box-shadow .1s;box-shadow:4px 4px #000}.simulate-btn:active{transform:translate(3px,3px);box-shadow:1px 1px #000}.simulate-btn:hover{background:#38bdf8}.bottom-hand{z-index:20;background:#fff;border-top:3px solid #000;flex-shrink:0;align-items:center;height:168px;padding:6px 0 6px 16px;display:flex;overflow:hidden;box-shadow:0 -4px #000}.cards-scroll-wrapper{-webkit-overflow-scrolling:touch;scroll-behavior:smooth;flex:1;align-items:center;gap:14px;height:100%;padding-bottom:10px;padding-right:16px;display:flex;overflow-x:auto}.cards-scroll-wrapper::-webkit-scrollbar{height:9px}.cards-scroll-wrapper::-webkit-scrollbar-track{background:0 0}.cards-scroll-wrapper::-webkit-scrollbar-thumb{background:#000;border-radius:6px}.card{background:var(--card-bg);cursor:pointer;will-change:transform;border:3px solid #000;border-radius:12px;flex-direction:column;flex-shrink:0;width:88px;height:136px;padding:6px;transition:transform .12s,box-shadow .12s;display:flex;position:relative;overflow:hidden;box-shadow:4px 4px #000}.card:after{content:attr(data-icon);color:#000;pointer-events:none;font-size:12px;font-weight:900;line-height:1;position:absolute;top:5px;right:7px}.card:hover:not(.disabled){transform:translateY(-16px)rotate(-2deg);box-shadow:6px 6px #000}.card.disabled{opacity:.55;pointer-events:none;filter:grayscale(80%)}.card-header{text-transform:uppercase;color:#000;text-align:center;letter-spacing:.5px;border-bottom:2px solid #000;margin-bottom:3px;padding-bottom:3px;font-size:8px;font-weight:900}.card-icon{flex:1;justify-content:center;align-items:center;font-size:32px;display:flex}.card-footer{text-align:center;color:#000;border-top:2px solid #000;padding-top:3px;font-size:9px;font-weight:900;line-height:1.2}.card.initial{background:#bae6fd}.card.state{background:#fde68a}.card.transition{background:#f9a8d4}.card.final{background:#86efac}.card.erase{background:#fca5a5}.symbol-card{background:#c4b5fd}.card.selected-card{border:4px solid var(--accent-blue);box-shadow:0 0 0 4px var(--accent-blue), 6px 6px 0px #000;transform:translateY(-20px)rotate(-1deg)scale(1.04)}.connections-svg{pointer-events:none;z-index:1;width:2000px;height:2000px;position:absolute;inset:0}.transition-line{stroke:#000;stroke-width:4px;fill:none}.line-error{stroke:#dc2626!important;stroke-width:6px!important}.transition-label{z-index:5;position:absolute;transform:translate(-50%,-50%)}.transition-input{text-align:center;color:#000;background:#fff;border:3px solid #000;border-radius:6px;outline:none;width:30px;height:30px;font-size:15px;font-weight:900;transition:transform .1s,background .1s;box-shadow:3px 3px #000}.transition-input:focus{transform:scale(1.2);box-shadow:4px 4px #000;background:#93c5fd!important;border-color:#1d4ed8!important}.node.dragging{cursor:grabbing;z-index:100;transform:translate(-50%,-50%)scale(1.1);box-shadow:10px 10px #000}.node.selected-source{border:4px dashed #000;box-shadow:0 0 0 4px #fef08a,6px 6px #000}.connecting-mode,.connecting-mode .node,.erase-mode{cursor:crosshair}.node-id-input{color:inherit;font:inherit;text-align:center;width:100%;cursor:inherit;pointer-events:auto;background:0 0;border:none;outline:none}.node-id-input:focus{cursor:text;background:#ffffff80;border-radius:4px}.erasable-node:hover{cursor:pointer!important;background:#fecaca!important;border:4px dashed #000!important}.transition-line.erasable:hover{stroke:#ef4444!important;stroke-width:6px!important}.erasable-target:hover .transition-input{transform:scale(1.2);cursor:pointer!important;background:#fecaca!important;border-color:#ef4444!important}@keyframes slideUpFade{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.slide-up-fade{animation:.5s cubic-bezier(.16,1,.3,1) both slideUpFade}.card-separator{background:#000;border-radius:2px;flex-shrink:0;width:3px;height:75%;margin:0 4px}.transition-label.clickable{cursor:pointer}.transition-label.clickable .transition-input{cursor:pointer;pointer-events:none}.transition-label.action-target:hover .transition-input{background:var(--accent-green);transform:scale(1.1)}@keyframes slideDown{0%{opacity:0;top:-50px}to{opacity:1;top:20px}}.toast-notification{color:#000;z-index:99999;pointer-events:none;text-align:center;border:4px solid #000;border-radius:12px;max-width:90vw;padding:12px 24px;font-size:15px;font-weight:900;animation:.3s ease-out slideDown;position:fixed;top:20px;left:50%;transform:translate(-50%);box-shadow:6px 6px #000}.toast-notification.error{background-color:var(--accent-red)}.toast-notification.success{background-color:var(--accent-green)}.toast-notification.info{background-color:var(--accent-blue)}@keyframes severePulse{0%{background-color:#fecaca;transform:scale(1);box-shadow:0 0 #dc2626cc}50%{background-color:#f87171;transform:scale(1.05);box-shadow:0 0 0 12px #dc262600}to{background-color:#fecaca;transform:scale(1);box-shadow:0 0 #dc262600}}.error-pulse-severe{color:#991b1b!important;border-color:#991b1b!important;animation:.8s infinite severePulse!important}.locked-letter{opacity:.5;filter:grayscale();pointer-events:none}.professor-hud{z-index:10000;pointer-events:none;flex-direction:column;align-items:center;display:flex;position:fixed;bottom:178px;right:18px}.professor-hud .prof-img{pointer-events:auto;cursor:pointer;filter:drop-shadow(2px 4px 6px #0006);will-change:transform;height:160px;display:block;transform:scaleX(-1)}.professor-balloon{pointer-events:none;width:200px;height:135px;margin-bottom:-6px;position:relative}.professor-balloon img{width:100%;height:100%;position:absolute;inset:0}.professor-balloon-text{box-sizing:border-box;color:#000;text-align:center;z-index:1;justify-content:center;align-items:center;padding:14px 24px 34px;font-size:12px;font-weight:700;display:flex;position:absolute;inset:0}.deck-drag-ghost{opacity:.85;pointer-events:none;z-index:9999;background:#fed7aa;border:3px solid #000;border-radius:50%;width:40px;height:40px;position:fixed;transform:translate(-50%,-50%);box-shadow:3px 3px #000}.nav-screen{background:#fff9c4;flex-direction:column;align-items:center;min-height:100vh;padding:28px 32px 40px;display:flex;overflow-y:auto}.nav-header{grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;width:100%;max-width:960px;margin-bottom:20px;display:grid}.nav-title-badge{white-space:nowrap;letter-spacing:.5px;background:#fff;border:3px solid #000;border-radius:10px;padding:6px 20px;font-size:18px;font-weight:900;box-shadow:4px 4px #000}.nav-section-label{text-transform:uppercase;letter-spacing:2px;background:#fbbf24;border:3px solid #000;border-radius:8px;margin-bottom:28px;padding:5px 18px;font-size:12px;font-weight:900;transform:rotate(-1deg);box-shadow:3px 3px #000}.nav-ribbon{color:#000;letter-spacing:.5px;pointer-events:none;background:#f87171;border:1.5px solid #000;padding:3px 30px;font-size:10px;font-weight:900;position:absolute;top:12px;right:-26px;transform:rotate(35deg)}.module-cards{flex-wrap:wrap;justify-content:center;gap:22px;width:100%;max-width:1020px;display:flex}.module-card-neo{cursor:pointer;text-align:center;background:#fff;border:4px solid #000;border-radius:14px;flex-direction:column;align-items:center;gap:10px;width:230px;min-height:260px;padding:32px 20px 22px;font-family:Comic Sans MS,Comic Neue,cursive,sans-serif;transition:transform .13s,box-shadow .13s;display:flex;position:relative;overflow:hidden;box-shadow:6px 6px #000}.module-card-neo:before{content:"";background:var(--mc,#60a5fa);border-bottom:2px solid #000;height:8px;position:absolute;top:0;left:0;right:0}.module-card-neo:hover:not(:disabled){transform:translate(-4px,-4px);box-shadow:10px 10px #000}.module-card-neo:disabled{opacity:.55;cursor:not-allowed;filter:grayscale(25%)}.module-card-icon{font-size:52px;line-height:1}.module-card-name{color:#000;flex-direction:column;align-items:center;gap:4px;font-size:15px;font-weight:900;line-height:1.25;display:flex}.module-badge-tag{letter-spacing:2px;background:var(--mc,#60a5fa);color:#000;border:3px solid #000;border-radius:6px;padding:2px 12px;font-size:22px;font-weight:900;display:inline-block;box-shadow:3px 3px #000}.module-card-desc{color:#444;flex:1;font-size:11px;line-height:1.45}.module-card-cta{color:#000;border:3px solid #000;border-radius:8px;margin-top:4px;padding:6px 18px;font-family:Comic Sans MS,Comic Neue,cursive,sans-serif;font-size:13px;font-weight:900;transition:transform .1s,box-shadow .1s;box-shadow:3px 3px #000}.module-card-neo:hover:not(:disabled) .module-card-cta{transform:translate(-1px,-1px);box-shadow:4px 4px #000}.submodule-cards{flex-wrap:wrap;justify-content:center;gap:20px;width:100%;max-width:860px;display:flex}.submodule-card-neo{background:var(--sc,#fff);cursor:pointer;text-align:center;border:4px solid #000;border-radius:14px;flex-direction:column;align-items:center;gap:10px;width:210px;min-height:210px;padding:26px 18px 20px;font-family:Comic Sans MS,Comic Neue,cursive,sans-serif;transition:transform .13s,box-shadow .13s;display:flex;position:relative;overflow:hidden;box-shadow:6px 6px #000}.submodule-card-neo:hover:not(:disabled){transform:translate(-4px,-4px);box-shadow:10px 10px #000}.submodule-card-neo:disabled{opacity:.45;cursor:not-allowed;filter:grayscale(35%);background:#e5e7eb!important}.submodule-card-icon{font-size:44px;line-height:1}.submodule-card-name{color:#000;font-size:14px;font-weight:900;line-height:1.25}.submodule-card-desc{color:#444;font-size:11px;line-height:1.45}.module-progress{flex-direction:column;gap:4px;width:100%;margin-top:auto;display:flex}.module-progress-text{color:#000;text-align:center;font-size:11px;font-weight:900}.module-progress-bar-bg{background:#0000001f;border:2px solid #000;border-radius:6px;width:100%;height:8px;overflow:hidden}.module-progress-bar-fill{background:#facc15;border-radius:4px;height:100%;transition:width .4s}.module-progress-bar-fill.complete{background:#f59e0b;box-shadow:0 0 8px #f59e0b99}.main-menu-wrapper{box-sizing:border-box;background:linear-gradient(135deg,#fff9c4 0%,#fef3c7 50%,#fde68a 100%);flex-direction:row;justify-content:center;align-items:center;gap:48px;width:100vw;min-height:100vh;padding:30px 60px;font-family:Comic Sans MS,Comic Neue,cursive,sans-serif;display:flex;position:relative;overflow-y:auto}.main-menu-bg{pointer-events:none;background-image:radial-gradient(circle at 20%,#60a5fa1a 0%,#0000 50%),radial-gradient(circle at 80% 80%,#a084fc1a 0%,#0000 50%);position:absolute;inset:0}.main-menu-content{z-index:1;text-align:center;flex-direction:column;align-items:center;gap:16px;width:100%;max-width:700px;padding:24px 20px;display:flex;position:relative}.main-menu-left{flex-direction:column;flex-shrink:0;justify-content:flex-end;align-items:center;animation:.5s cubic-bezier(.16,1,.3,1) both slideDownFade;display:flex}.maurilio-img{filter:drop-shadow(4px 4px #000);width:190px;height:auto;margin-top:-10px;animation:3s ease-in-out infinite float}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.speech-bubble{background:#fff;border:4px solid #000;border-radius:20px;max-width:300px;padding:16px 20px;position:relative;box-shadow:6px 6px #000}.speech-bubble:after{content:"";border:8px solid #0000;border-top:9px solid #000;width:0;height:0;position:absolute;bottom:-15px;left:50%;transform:translate(-50%)}.speech-bubble:before{content:"";border:5px solid #0000;border-top:6px solid #fff;width:0;height:0;position:absolute;bottom:-8px;left:50%;transform:translate(-50%)}.speech-bubble p{color:#000;margin:4px 0;font-size:13px;font-weight:700}.speech-bubble p.small{color:#666;font-size:11px}.menu-logo-section{flex-direction:column;align-items:center;gap:16px;animation:.6s cubic-bezier(.16,1,.3,1) both slideDownFade;display:flex}.logo-badge{font-size:80px;animation:.8s infinite bounce}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.main-title{color:#000;text-shadow:5px 5px #60a5fa;letter-spacing:2px;margin:0;font-size:52px;font-weight:900;line-height:1;animation:.7s cubic-bezier(.16,1,.3,1) .1s both slideDownFade}.main-subtitle{color:#666;margin:0;font-size:15px;font-weight:700;animation:.8s cubic-bezier(.16,1,.3,1) .2s both slideDownFade}.progress-section{animation:.9s cubic-bezier(.16,1,.3,1) .3s both slideDownFade}.progress-badge{background:#fff;border:4px solid #000;border-radius:12px;padding:12px 20px;box-shadow:6px 6px #000}.progress-circle{width:100px;height:100px;margin:0 auto;position:relative}.progress-circle svg{width:100%;height:100%}svg circle.progress-bg{fill:none;stroke:#e5e7eb;stroke-width:8px}svg circle.progress-fill{fill:none;stroke:#fbbf24;stroke-width:8px;stroke-linecap:round;stroke-dasharray:314;transition:stroke-dashoffset .5s}.progress-text{flex-direction:column;justify-content:center;align-items:center;gap:2px;display:flex;position:absolute;inset:0}.progress-pct{color:#000;font-size:24px;font-weight:900}.progress-label{color:#666;font-size:12px;font-weight:700}.cta-section{flex-direction:column;align-items:center;gap:16px;animation:1s cubic-bezier(.16,1,.3,1) .4s both slideDownFade;display:flex}.cta-btn{color:#000;cursor:pointer;text-transform:uppercase;letter-spacing:1px;background:#4ade80;border:4px solid #000;border-radius:12px;padding:14px 36px;font-family:Comic Sans MS,Comic Neue,cursive,sans-serif;font-size:20px;font-weight:900;transition:transform .15s,box-shadow .15s;box-shadow:6px 6px #000}.cta-btn:hover{transform:translate(-4px,-4px);box-shadow:12px 12px #000}.cta-btn:active{transform:translate(4px,4px);box-shadow:2px 2px #000}.cta-hint{color:#666;font-size:14px;font-weight:700}.features-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:20px;width:100%;max-width:700px;animation:1.1s cubic-bezier(.16,1,.3,1) .5s both slideDownFade;display:grid}.feature-card{background:#fff;border:3px solid #000;border-radius:12px;flex-direction:column;align-items:center;gap:10px;padding:20px;transition:transform .2s;display:flex;box-shadow:6px 6px #000}.feature-card:hover{transform:translateY(-8px);box-shadow:10px 10px #000}.feature-icon{font-size:40px}.feature-card h4{color:#000;text-transform:uppercase;letter-spacing:.5px;margin:0;font-size:14px;font-weight:900}.feature-card p{color:#666;text-align:center;margin:0;font-size:11px}.menu-footer{color:#999;margin-top:20px;font-size:12px;font-weight:700;animation:1.2s cubic-bezier(.16,1,.3,1) .6s both slideDownFade}.last-commit-date{color:#000;background:#fff;border:2px solid #000;border-radius:8px;margin-top:4px;padding:4px 24px 4px 8px;font-size:11px;font-weight:400;position:relative;overflow:hidden}.last-commit-today-flag{color:#fff;text-transform:uppercase;text-align:center;letter-spacing:.3px;pointer-events:none;background:#ef4444;width:84px;padding:0;font-size:7px;font-weight:900;position:absolute;top:1px;right:-30px;transform:rotate(45deg)}@keyframes slideDownFade{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@media (width<=768px){.main-menu-wrapper{flex-direction:column;align-items:center;gap:20px;padding:24px 16px}.main-menu-left{flex-direction:row;justify-content:center;align-items:flex-end;gap:16px}.maurilio-img{width:120px}.main-title{text-shadow:4px 4px #60a5fa;font-size:48px}.main-subtitle{font-size:16px}.features-grid{grid-template-columns:repeat(2,1fr)}.cta-btn{padding:14px 32px;font-size:18px}}@media (width<=480px){.main-content{gap:30px;padding:20px}.main-title{text-shadow:2px 2px #60a5fa;font-size:36px}.logo-badge{font-size:60px}.features-grid{grid-template-columns:1fr}}.feedback-fab{z-index:9999;color:#000;white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;background:#fff;border:3px solid #000;border-radius:999px;align-items:center;gap:8px;padding:10px 18px;font-family:Comic Sans MS,Comic Neue,cursive,sans-serif;font-size:15px;font-weight:800;line-height:1;text-decoration:none;transition:transform .12s,box-shadow .12s,background .12s;display:inline-flex;position:fixed;bottom:20px;right:20px;box-shadow:3px 3px #000}.feedback-fab:hover{background:#fde68a;transform:translate(-2px,-2px);box-shadow:5px 5px #000}.feedback-fab:active{transform:translate(1px,1px);box-shadow:1px 1px #000}.feedback-fab:focus-visible{outline:3px solid var(--accent-purple,#c084fc);outline-offset:3px}.feedback-fab-icon{font-size:18px;line-height:1}@media (width<=480px){.feedback-fab{padding:9px 14px;font-size:13px;bottom:14px;right:14px}.feedback-fab-icon{font-size:16px}}.repo-fab{z-index:9999;color:#fff;white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;background:#24292e;border:3px solid #000;border-radius:999px;align-items:center;gap:8px;padding:10px 18px;font-family:Comic Sans MS,Comic Neue,cursive,sans-serif;font-size:15px;font-weight:800;line-height:1;text-decoration:none;transition:transform .12s,box-shadow .12s,background .12s;display:inline-flex;position:fixed;bottom:20px;left:20px;box-shadow:3px 3px #000}.repo-fab:hover{background:#4b5563;transform:translate(2px,-2px);box-shadow:5px 5px #000}.repo-fab:active{transform:translate(1px,1px);box-shadow:1px 1px #000}.repo-fab:focus-visible{outline:3px solid var(--accent-purple,#c084fc);outline-offset:3px}.repo-fab-icon{flex-shrink:0;width:18px;height:18px}@media (width<=480px){.repo-fab{padding:9px 14px;font-size:13px;bottom:14px;left:14px}.repo-fab-icon{width:16px;height:16px}}.consent-banner{z-index:99999;color:#e5e7eb;box-sizing:border-box;background:#111827f7;border:3px solid #000;border-radius:14px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;width:calc(100% - 40px);max-width:860px;padding:12px 20px;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;display:flex;position:fixed;bottom:18px;left:50%;transform:translate(-50%);box-shadow:6px 6px #000}.consent-banner-text{flex:320px;max-width:820px;margin:0;font-size:13px;line-height:1.45}.consent-banner-text strong{color:#fff}.consent-banner-actions{flex-shrink:0;align-items:center;gap:6px;display:flex}.consent-banner-accept{color:#052e16;cursor:pointer;white-space:nowrap;background:#4ade80;border:2px solid #000;border-radius:8px;padding:7px 20px;font-size:13px;font-weight:700;transition:background .15s}.consent-banner-accept:hover{background:#22c55e}.consent-banner-accept:active{transform:translateY(1px)}.consent-banner-close{color:#9ca3af;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px 8px;font-size:16px;line-height:1;transition:color .15s}.consent-banner-close:hover{color:#fff}@media (width<=600px){.consent-banner{gap:8px;width:calc(100% - 20px);padding:10px 14px;bottom:10px;box-shadow:4px 4px #000}.consent-banner-text{flex-basis:100%;font-size:12px}}.fb-overlay{z-index:10000;background:#0000008c;justify-content:center;align-items:center;padding:20px;animation:.15s fb-fade;display:flex;position:fixed;inset:0}@keyframes fb-fade{0%{opacity:0}to{opacity:1}}.fb-card{box-sizing:border-box;color:#111827;background:#fff;border:3px solid #000;border-radius:16px;width:100%;max-width:420px;padding:26px 24px 22px;font-family:Comic Sans MS,Comic Neue,cursive,sans-serif;animation:.18s fb-pop;position:relative;box-shadow:6px 6px #000}@keyframes fb-pop{0%{opacity:0;transform:translateY(8px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.fb-close{color:#111827;cursor:pointer;background:#fff;border:2.5px solid #000;border-radius:8px;justify-content:center;align-items:center;width:30px;height:30px;font-size:15px;font-weight:900;line-height:1;display:flex;position:absolute;top:10px;right:12px;box-shadow:2px 2px #000}.fb-close:hover{background:#fecaca}.fb-close:active{transform:translate(1px,1px);box-shadow:1px 1px #000}.fb-title{color:#111827;margin:0 26px 4px 0;font-size:20px;font-weight:900}.fb-sub{color:#4b5563;margin:0 0 16px;font-size:13px;font-weight:700}.fb-stars{justify-content:center;gap:6px;margin-bottom:16px;display:flex}.fb-star{color:#d1d5db;cursor:pointer;background:0 0;border:none;padding:0 2px;font-size:38px;line-height:1;transition:transform .1s,color .1s}.fb-star:hover{transform:scale(1.15)}.fb-star.on{color:#f59e0b;text-shadow:1px 1px #00000040}.fb-star:focus-visible{outline-offset:2px;border-radius:6px;outline:3px solid #c084fc}.fb-comment{box-sizing:border-box;resize:vertical;color:#111827;background:#f9fafb;border:2.5px solid #000;border-radius:10px;outline:none;width:100%;min-height:60px;margin-bottom:12px;padding:9px 11px;font-family:inherit;font-size:13px;font-weight:600}.fb-comment:focus{background:#fff;box-shadow:inset 0 0 0 2px #fde68a}.fb-error{color:#dc2626;margin:-4px 0 12px;font-size:12px;font-weight:800}.fb-submit{color:#111827;cursor:pointer;background:#fde047;border:3px solid #000;border-radius:12px;width:100%;padding:12px 0;font-family:inherit;font-size:16px;font-weight:900;transition:transform .12s,box-shadow .12s,background .12s;display:block;box-shadow:3px 3px #000}.fb-submit:hover:not(:disabled){background:#facc15;transform:translate(-2px,-2px);box-shadow:5px 5px #000}.fb-submit:active:not(:disabled){transform:translate(1px,1px);box-shadow:1px 1px #000}.fb-submit:disabled{opacity:.45;cursor:not-allowed;box-shadow:2px 2px #000}.fb-secondary{color:#374151;cursor:pointer;background:#fff;border:2.5px solid #000;border-radius:10px;width:100%;margin-top:10px;padding:9px 0;font-family:inherit;font-size:13px;font-weight:800;display:block;box-shadow:2px 2px #000}.fb-secondary:hover{background:#f3f4f6}.fb-secondary:active{transform:translate(1px,1px);box-shadow:1px 1px #000}.fb-note{color:#92400e;background:#fef3c7;border:2px solid #000;border-radius:8px;margin:-6px 0 14px;padding:6px 10px;font-size:12px;font-weight:800}.fb-thanks{text-align:center;padding:6px 0 2px}.fb-thanks-emoji{margin-bottom:6px;font-size:46px;line-height:1}.fb-thanks .fb-title{margin:0 0 6px}.fb-thanks .fb-sub{margin-bottom:18px}@media (prefers-color-scheme:dark){.fb-card{color:#f3f4f6;background:#1f2430}.fb-title{color:#f9fafb}.fb-sub{color:#cbd5e1}.fb-close{color:#f3f4f6;background:#2b3242}.fb-comment{color:#f3f4f6;background:#111827;border-color:#000}.fb-comment:focus{background:#0b1120}.fb-secondary{color:#e5e7eb;background:#2b3242}.fb-secondary:hover{background:#374151}.fb-note{color:#fde68a;background:#3a2f12}}:root[data-theme=dark] .fb-card{color:#f3f4f6;background:#1f2430}:root[data-theme=dark] .fb-title{color:#f9fafb}:root[data-theme=dark] .fb-sub{color:#cbd5e1}:root[data-theme=dark] .fb-close{color:#f3f4f6;background:#2b3242}:root[data-theme=dark] .fb-comment{color:#f3f4f6;background:#111827}:root[data-theme=light] .fb-card{color:#111827;background:#fff}@media (width<=480px){.fb-card{padding:22px 16px 18px}.fb-star{font-size:32px}.fb-title{font-size:18px}}.loading-screen{background:var(--bg-dark,#fff9c4);background-image:radial-gradient(circle,#00000014 1.5px,#0000 1.5px);background-size:22px 22px;justify-content:center;align-items:center;height:100vh;display:flex}.loading-card{background:#fff;border:4px solid #000;border-radius:16px;flex-direction:column;align-items:center;gap:18px;padding:32px 44px;display:flex;box-shadow:8px 8px #000}.loading-spinner{gap:10px;display:flex}.loading-spinner span{background:var(--accent-blue,#60a5fa);border:2.5px solid #000;border-radius:50%;width:16px;height:16px;animation:.9s ease-in-out infinite loading-bounce}.loading-spinner span:first-child{background:var(--accent-green,#4ade80);animation-delay:0s}.loading-spinner span:nth-child(2){background:var(--accent-blue,#60a5fa);animation-delay:.15s}.loading-spinner span:nth-child(3){background:var(--accent-purple,#c084fc);animation-delay:.3s}@keyframes loading-bounce{0%,80%,to{transform:translateY(0)}40%{transform:translateY(-14px)}}.loading-text{color:#000;margin:0;font-family:Comic Sans MS,Comic Neue,cursive,sans-serif;font-size:18px;font-weight:900}