:root{font-family:Comic Sans MS,Chalkboard SE,Inter,system-ui,sans-serif;line-height:1.5;font-weight:400;color-scheme:light;color:#2c3e50;background-color:#f0f9ff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}#root{width:100%;max-width:1280px;margin:0 auto;padding:2rem;text-align:center}h1{font-size:3.2em;line-height:1.1;color:#2563eb}button{border-radius:12px;border:1px solid transparent;padding:.6em 1.2em;font-size:1.2em;font-weight:600;font-family:inherit;background-color:#3b82f6;color:#fff;cursor:pointer;transition:transform .1s,background-color .2s;box-shadow:0 4px 6px -1px #0000001a}button:hover{background-color:#2563eb;transform:translateY(-2px)}button:active{transform:translateY(0)}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.pokemon-theme{--poke-red: #ee1515;--poke-blue: #3b4cca;--poke-yellow: #ffde00;--poke-dark: #222222}.game-container{max-width:1000px;margin:0 auto;padding:2rem;min-height:100vh;text-align:center}.exclusive-banner{background:var(--poke-red);color:#fff;font-weight:900;padding:.5rem;letter-spacing:3px;border:4px solid var(--poke-dark);margin-bottom:2rem;animation:blink 1s infinite}@keyframes blink{50%{opacity:.5}}.game-header h1{color:var(--poke-blue);text-shadow:3px 3px var(--poke-yellow);font-size:4rem;margin:0;text-transform:uppercase}.hub-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-top:2rem}.hub-card{cursor:pointer;transition:all .2s;padding:2rem 1rem;background:#fff;border:8px solid var(--poke-dark);position:relative}.hub-card:not(.locked):hover{transform:scale(1.05);box-shadow:0 15px 0 var(--poke-dark)}.hub-card.locked{filter:grayscale(1);opacity:.7;cursor:not-allowed;background:#eee}.lock-icon{font-weight:700;color:#666;margin-top:1rem}.hub-card h2{color:var(--poke-blue);margin-top:1rem}.grade-tag{display:inline-block;background:var(--poke-blue);color:#fff;padding:.2rem .6rem;border-radius:10px;font-weight:700;font-size:.8rem;margin-bottom:1rem}.card{background:#fff;border-radius:1.5rem;border:10px solid var(--poke-dark);position:relative;overflow:hidden;padding:2rem}.lobby{background:linear-gradient(to bottom,var(--poke-red) 50%,white 50%);padding-top:4rem}.start-btn{background:var(--poke-yellow);color:var(--poke-blue);border:4px solid var(--poke-blue);font-size:1.5rem;padding:.5rem 2rem;border-radius:50px;cursor:pointer;font-weight:700;box-shadow:0 4px 0 var(--poke-blue)}.game-status-bar{display:flex;align-items:center;justify-content:space-between;background:#333;color:#fff;padding:1rem;border-radius:1rem;gap:1.5rem;margin-bottom:1rem}.stat-item{font-weight:700;font-family:monospace}.timer-container{flex:1;height:20px;background:#555;border-radius:10px;overflow:hidden;border:2px solid #000}.timer-fill{height:100%;background:#4ade80;transition:width 1s linear}.timer-fill.low{background:var(--poke-red)}.problem-area{margin:1.5rem 0;background:#f0f4f8;padding:2rem;border-radius:2rem;border:5px dashed var(--poke-blue)}.problem{font-size:4rem;font-weight:900;color:var(--poke-dark)}.options{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.option-btn{background:var(--poke-yellow);color:var(--poke-blue);border:5px solid var(--poke-blue);font-size:2rem;padding:1rem;border-radius:1.5rem;cursor:pointer;font-weight:900;box-shadow:0 6px 0 var(--poke-blue)}.option-btn:hover{background:#fff;transform:translateY(-3px);box-shadow:0 9px 0 var(--poke-blue)}.feedback-box{margin-top:1rem;padding:1rem;border-radius:1rem;font-weight:700;font-size:1.5rem;border:4px solid var(--poke-dark);animation:pop .3s}@keyframes pop{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.feedback-box.wrong{animation:shake .4s;background:#fee2e2}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-10px)}75%{transform:translate(10px)}}.exit-btn{margin-top:2rem;background:#eee;border:3px solid #ccc;padding:.5rem 1rem;border-radius:1rem;cursor:pointer}.reset-btn{background:none;border:none;color:#888;text-decoration:underline;cursor:pointer}.fraction-row{display:flex;align-items:center;justify-content:center;gap:1rem}.frac{display:flex;flex-direction:column;align-items:center}.frac hr{width:100%;border:3px solid var(--poke-dark);margin:5px 0}@media(max-width:700px){.options{grid-template-columns:repeat(2,1fr)}.problem{font-size:2.5rem}}