#game-root{background:linear-gradient(145deg,#0a1220 0%,#040c18 100%);border:2px solid #0400ff;border-radius:4px;padding:10px;margin:0 auto;width:100%;max-width:850px;height:80vh;display:flex;flex-direction:column;box-shadow:0 0 6px #0026ff;color:#d4f4ff;text-shadow:0 0 6px #00a6ff;position:relative;overflow:hidden}#game-root::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:repeating-linear-gradient(0deg,rgb(0 255 255 / .03) 0,#fff0 2px,rgb(0 255 255 / .02) 4px);pointer-events:none;z-index:10;border-radius:25px}.step{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;flex:1;z-index:5;width:100%;min-height:0;position:relative;padding:10px}.hidden-step{display:none!important}.page-h1,.page-h2,.page-h3{text-align:center;letter-spacing:3px;text-transform:uppercase;font-weight:700;color:#e0f2ff;text-shadow:0 0 8px #00e0ff,0 0 6px #04f;margin:5px 0}.page-h1{font-size:2rem;margin-bottom:10px;color:#fff}.page-h2{font-size:1.5rem}.page-h3{font-size:1.2rem;color:#aad4ff}.difficulty-panel{display:flex;flex-wrap:wrap;justify-content:center;gap:20px;margin:10px 0;width:100%}.diff-btn{background:#0a1a26;border:2px solid #001aff;border-radius:4px;padding:15px 25px;font-size:1.1rem;font-weight:700;color:#b3f0ff;cursor:pointer;box-shadow:0 0 6px #0400ff;transition:all 0.2s ease;letter-spacing:2px;text-transform:uppercase;min-width:160px;text-align:center}.diff-btn:hover{background:#123044;box-shadow:0 0 12px #4b60be;transform:scale(1.02);color:#fff;border-color:#4956ca}.diff-btn.selected{background:#0e3e55;border-color:#0071f1;box-shadow:0 0 16px #6f71f1;color:#fff;transform:scale(1.06)}.diff-btn span{display:block;font-size:.8rem;opacity:.9;margin-top:8px}.action-btn{background:#0f1f2c;border:2px solid #00d0ff;border-radius:40px;padding:12px 35px;width:68%;font-size:1.1rem;font-weight:700;color:#eafcff;cursor:pointer;box-shadow:0 0 10px #09f;letter-spacing:3px;transition:0.3s ease-in-out;margin:5px 0;text-transform:uppercase}.action-btn:hover{background:#1b3b50;box-shadow:0 0 14px #0cf;transform:scale(1.02)}.action-btn:disabled{opacity:.4;cursor:not-allowed;transform:none;box-shadow:0 0 6px #034}.action-btn-abort{background:#0f1f2c;border:2px solid #00d0ff;border-radius:40px;padding:12px 35px;font-size:1.1rem;font-weight:700;color:#eafcff;cursor:pointer;box-shadow:0 0 4px #09f;letter-spacing:3px;transition:0.3s ease-in-out;margin:5px 0;text-transform:uppercase}.action-btn-abort:hover{background:#1b3b50;box-shadow:0 0 6px #0cf;transform:scale(1.01)}.stats-bar{display:flex;justify-content:space-between;align-items:center;width:100%;font-size:.95rem;background:#04121e;padding:8px 12px;border-radius:4px;border:1px solid #0084b4;box-shadow:0 0 6px #09f;margin:0 auto;flex-wrap:wrap;gap:10px}.stats-bar span{white-space:nowrap}.grid-container{display:grid;gap:4px;justify-content:center;align-items:center;width:100%;flex:1;min-height:0;margin:5px auto;background:rgb(0 20 40 / .3);border:none;overflow:hidden}.grid-cell{background:#030b12;border:1px solid #08c;border-radius:4px;aspect-ratio:1 / 1;display:flex;align-items:center;justify-content:center;font-weight:700;color:#b7f3ff;box-shadow:0 0 4px #09f;cursor:pointer;transition:all 0.1s ease;user-select:none;text-shadow:0 0 6px #0cf;position:relative;overflow:hidden;min-width:0;min-height:0;width:100%;height:100%}.grid-container[data-level="1"] .grid-cell{font-size:clamp(1.2rem, 3vw, 2rem)}.grid-container[data-level="2"] .grid-cell{font-size:clamp(0.9rem, 2vw, 1.4rem)}.grid-container[data-level="3"] .grid-cell{font-size:clamp(0.7rem, 1.5vw, 1.1rem)}.grid-cell::after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgb(0 255 255 / .1) 0%,transparent 70%);opacity:0;transition:opacity 0.2s}.grid-cell:hover::after{opacity:1}.grid-cell.removed{background:transparent!important;color:transparent!important;border:none!important;box-shadow:none!important;cursor:default;pointer-events:none;text-shadow:none!important;opacity:0;visibility:hidden;transition:all 0.15s ease}.grid-cell.removed::after{opacity:0;display:none}.grid-cell:hover:not(.removed){background:#0c2c40;box-shadow:0 0 18px #00e0ff,0 0 6px #0af;transform:scale(.95);border-color:cyan}.grid-cell.wrong{background:#2a0505!important;box-shadow:0 0 25px #ff0044,0 0 6px #ff0022!important;border-color:#ff0044!important;animation:shake 0.3s ease}@keyframes shake{0%,100%{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}.result-box{background:#07182a;padding:25px;border-radius:4px;border:2px solid #0cf;box-shadow:0 0 12px #062cd6;text-align:center;width:100%;max-width:500px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:15px;margin:0 auto}.iq-highlight{font-size:2.8rem;font-weight:800;color:#ffd966;text-shadow:0 0 25px #ffbb00,0 0 6px #ffaa00,0 0 50px rgb(255 200 0 / .5);letter-spacing:3px}.small-note{font-size:.85rem;opacity:.8;color:#9adfff}@media (max-width:768px){#game-root{height:80vh;padding:8px;border-radius:4px}.page-h1{font-size:1.5rem}.page-h2{font-size:1.2rem}.page-h3{font-size:1rem}.diff-btn{padding:10px 15px;font-size:.9rem;min-width:120px}.stats-bar{font-size:.8rem;padding:8px 12px}.action-btn{font-size:.9rem;padding:10px 25px}.grid-container{gap:5px;max-width:500px}.grid-container[data-level="1"] .grid-cell{font-size:clamp(1rem, 2.5vw, 1.8rem)}.grid-container[data-level="2"] .grid-cell{font-size:clamp(0.7rem, 1.8vw, 1.2rem)}.grid-container[data-level="3"] .grid-cell{font-size:clamp(0.6rem, 1.3vw, 1rem)}}@media (max-width:480px){.grid-container{gap:4px;padding:8px;max-width:350px}.grid-container[data-level="1"] .grid-cell{font-size:clamp(0.9rem, 2vw, 1.5rem)}.grid-container[data-level="2"] .grid-cell{font-size:clamp(0.6rem, 1.5vw, 1rem)}.grid-container[data-level="3"] .grid-cell{font-size:clamp(0.5rem, 1.2vw, 0.9rem)}}