:root{--pavement-bg:#1e2023;--chalk-white:#f5f5f5;--chalk-yellow:#fef08a;--chalk-pink:#fecdd3;--chalk-blue:#bfdbfe;--chalk-green:#bbf7d0;--chalk-orange:#ffedd5;--glow-white:0 0 2px #f5f5f566, 0 0 6px #f5f5f533;--glow-yellow:0 0 2px #fef08a66, 0 0 6px #fef08a33;--glow-pink:0 0 2px #fecdd366, 0 0 6px #fecdd333;--glow-blue:0 0 2px #bfdbfe66, 0 0 6px #bfdbfe33;--glow-green:0 0 2px #bbf7d066, 0 0 6px #bbf7d033;--glow-orange:0 0 2px #ffedd566, 0 0 6px #ffedd533;--font-sketch:"Cabin Sketch", cursive, sans-serif;--font-hand:"Architects Daughter", cursive, sans-serif;--font-clean:"Outfit", sans-serif}body{background-color:var(--pavement-bg);color:var(--chalk-white);font-family:var(--font-clean);background-image:radial-gradient(circle,#1e20234d,#0f1011f2),url("data:image/svg+xml,%3Csvg viewBox='0 0 250 250' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.08'/%3E%3C/svg%3E");min-height:100vh;margin:0;padding:0;overflow-x:hidden}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#0000004d}::-webkit-scrollbar-thumb{background:#f5f5f533;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#f5f5f566}h1,h2,h3,h4,h5,h6{font-family:var(--font-sketch);letter-spacing:1.5px;text-shadow:var(--glow-white);margin-top:0}.handwritten{font-family:var(--font-hand)}.chalk-panel{-webkit-backdrop-filter:blur(6px);background:#14141466;border:3px dashed #f5f5f540;border-radius:8px;margin-bottom:24px;padding:24px;transition:border-color .3s,box-shadow .3s;box-shadow:inset 0 0 15px #000000b3,0 4px 20px #0009}.chalk-panel:hover{border-color:#f5f5f573}.chalk-panel.yellow-theme{border-color:#fef08a40}.chalk-panel.yellow-theme:hover{border-color:#fef08a73}.chalk-panel.pink-theme{border-color:#fecdd340}.chalk-panel.pink-theme:hover{border-color:#fecdd373}.chalk-panel.blue-theme{border-color:#bfdbfe40}.chalk-panel.blue-theme:hover{border-color:#bfdbfe73}.chalk-panel.green-theme{border-color:#bbf7d040}.chalk-panel.green-theme:hover{border-color:#bbf7d073}.chalk-btn{font-family:var(--font-sketch);color:var(--chalk-white);border:2px solid var(--chalk-white);cursor:pointer;text-shadow:var(--glow-white);background:0 0;border-radius:6px;padding:10px 20px;font-size:1.2rem;transition:all .2s;position:relative;overflow:hidden;box-shadow:0 0 2px #f5f5f533}.chalk-btn:hover:not(:disabled){background:#f5f5f514;transform:translateY(-2px);box-shadow:0 4px 10px #00000080,0 0 5px #fff3}.chalk-btn:active:not(:disabled){transform:translateY(1px)}.chalk-btn:disabled{opacity:.4;cursor:not-allowed}.chalk-btn.yellow{color:var(--chalk-yellow);border-color:var(--chalk-yellow);text-shadow:var(--glow-yellow)}.chalk-btn.yellow:hover:not(:disabled){background:#fef08a14}.chalk-btn.pink{color:var(--chalk-pink);border-color:var(--chalk-pink);text-shadow:var(--glow-pink)}.chalk-btn.pink:hover:not(:disabled){background:#fecdd314}.chalk-btn.blue{color:var(--chalk-blue);border-color:var(--chalk-blue);text-shadow:var(--glow-blue)}.chalk-btn.blue:hover:not(:disabled){background:#bfdbfe14}.chalk-btn.green{color:var(--chalk-green);border-color:var(--chalk-green);text-shadow:var(--glow-green)}.chalk-btn.green:hover:not(:disabled){background:#bbf7d014}.chalk-input{font-family:var(--font-hand);color:var(--chalk-white);box-sizing:border-box;background:#00000040;border:none;border-bottom:2px dashed #f5f5f580;outline:none;width:100%;padding:12px 8px;font-size:1.1rem;transition:border-bottom-color .3s}.chalk-input:focus{border-bottom-style:solid;border-bottom-color:var(--chalk-yellow)}.keyboard{grid-template-columns:repeat(auto-fit,minmax(40px,1fr));gap:8px;max-width:600px;margin:24px auto 0;display:grid}.keyboard-btn{font-family:var(--font-sketch);color:var(--chalk-white);cursor:pointer;-webkit-user-select:none;user-select:none;background:#14141480;border:2px solid #f5f5f54d;border-radius:4px;padding:10px 0;font-size:1.3rem;transition:all .1s}.keyboard-btn:hover:not(:disabled){border-color:var(--chalk-white);text-shadow:var(--glow-white);background:#f5f5f51a;transform:scale(1.05)}.keyboard-btn.correct{color:var(--chalk-green);border-color:var(--chalk-green);text-shadow:var(--glow-green);background:#bbf7d00d}.keyboard-btn.incorrect{color:var(--chalk-pink);border-color:var(--chalk-pink);text-shadow:var(--glow-pink);background:#fecdd30d;position:relative}.keyboard-btn.incorrect:after{content:"";background:var(--chalk-pink);height:3px;box-shadow:var(--glow-pink);pointer-events:none;position:absolute;top:50%;left:10%;right:10%;transform:rotate(-15deg)}.keyboard-btn:disabled{cursor:not-allowed;opacity:.6}.word-dashes{flex-wrap:wrap;justify-content:center;gap:12px;margin:32px 0;display:flex}.word-letter-box{width:40px;height:50px;font-family:var(--font-sketch);border-bottom:3px solid var(--chalk-white);text-shadow:var(--glow-white);justify-content:center;align-items:center;font-size:2.5rem;display:flex;box-shadow:0 2px #0000004d}.word-letter-box.filled{color:var(--chalk-yellow);text-shadow:var(--glow-yellow);border-bottom-color:var(--chalk-yellow)}.word-letter-box.completed-lost{color:var(--chalk-pink);text-shadow:var(--glow-pink);border-bottom-color:var(--chalk-pink)}.chalk-badge{font-family:var(--font-sketch);border:1px solid var(--chalk-white);text-shadow:var(--glow-white);border-radius:4px;padding:2px 8px;font-size:.9rem;display:inline-block}.chalk-badge.yellow{color:var(--chalk-yellow);border-color:var(--chalk-yellow);text-shadow:var(--glow-yellow)}.chalk-badge.pink{color:var(--chalk-pink);border-color:var(--chalk-pink);text-shadow:var(--glow-pink)}.chalk-badge.blue{color:var(--chalk-blue);border-color:var(--chalk-blue);text-shadow:var(--glow-blue)}.chalk-badge.green{color:var(--chalk-green);border-color:var(--chalk-green);text-shadow:var(--glow-green)}.scoreboard-table{border-collapse:collapse;width:100%;margin-top:12px}.scoreboard-table th{font-family:var(--font-sketch);text-align:left;border-bottom:2px dashed #f5f5f54d;padding:10px 8px;font-size:1.1rem}.scoreboard-table td{border-bottom:1px solid #f5f5f51a;padding:12px 8px;font-size:1rem}.scoreboard-table tr.highlighted{color:var(--chalk-yellow);background:#fef08a0d;font-weight:500}.tabs-container{border-bottom:2px dashed #f5f5f533;margin-bottom:20px;display:flex}.tab-btn{font-family:var(--font-sketch);color:#f5f5f599;cursor:pointer;background:0 0;border:none;border-bottom:3px solid #0000;margin-bottom:-2px;padding:10px 20px;font-size:1.2rem;transition:all .2s}.tab-btn:hover{color:var(--chalk-white)}.tab-btn.active{color:var(--chalk-yellow);border-bottom-color:var(--chalk-yellow);text-shadow:var(--glow-yellow)}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:16px;margin:16px 0;display:grid}.stat-card{text-align:center;background:#0003;border:1px dashed #f5f5f533;border-radius:6px;padding:12px;box-shadow:inset 0 0 5px #00000080}.stat-card-val{font-family:var(--font-sketch);margin-top:4px;font-size:1.8rem}.stat-card-val.yellow{color:var(--chalk-yellow);text-shadow:var(--glow-yellow)}.stat-card-val.pink{color:var(--chalk-pink);text-shadow:var(--glow-pink)}.stat-card-val.blue{color:var(--chalk-blue);text-shadow:var(--glow-blue)}.stat-card-val.green{color:var(--chalk-green);text-shadow:var(--glow-green)}svg{overflow:visible}@keyframes chalk-vibe{0%{transform:translate(0)scale(1)}25%{transform:translate(-.5px,.5px)scale(.995)}50%{transform:translate(.5px,-.5px)scale(1.005)}75%{transform:translate(-.5px,-.5px)scale(.995)}to{transform:translate(0)scale(1)}}.vibe-hover:hover{animation:.15s linear infinite chalk-vibe}