@font-face{font-family:__Inter_e8ce0c;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/55c55f0601d81cf3-s.woff2) format("woff2");unicode-range:U+0460-052f,U+1c80-1c8a,U+20b4,U+2de0-2dff,U+a640-a69f,U+fe2e-fe2f}@font-face{font-family:__Inter_e8ce0c;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/26a46d62cd723877-s.woff2) format("woff2");unicode-range:U+0301,U+0400-045f,U+0490-0491,U+04b0-04b1,U+2116}@font-face{font-family:__Inter_e8ce0c;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/97e0cb1ae144a2a9-s.woff2) format("woff2");unicode-range:U+1f??}@font-face{font-family:__Inter_e8ce0c;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/581909926a08bbc8-s.woff2) format("woff2");unicode-range:U+0370-0377,U+037a-037f,U+0384-038a,U+038c,U+038e-03a1,U+03a3-03ff}@font-face{font-family:__Inter_e8ce0c;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/df0a9ae256c0569c-s.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01a0-01a1,U+01af-01b0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1ea0-1ef9,U+20ab}@font-face{font-family:__Inter_e8ce0c;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/8e9860b6e62d6359-s.woff2) format("woff2");unicode-range:U+0100-02ba,U+02bd-02c5,U+02c7-02cc,U+02ce-02d7,U+02dd-02ff,U+0304,U+0308,U+0329,U+1d00-1dbf,U+1e00-1e9f,U+1ef2-1eff,U+2020,U+20a0-20ab,U+20ad-20c0,U+2113,U+2c60-2c7f,U+a720-a7ff}@font-face{font-family:__Inter_e8ce0c;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/e4af272ccee01ff0-s.p.woff2) format("woff2");unicode-range:U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+0304,U+0308,U+0329,U+2000-206f,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd}@font-face{font-family:__Inter_Fallback_e8ce0c;src:local("Arial");ascent-override:90.20%;descent-override:22.48%;line-gap-override:0.00%;size-adjust:107.40%}.__className_e8ce0c{font-family:__Inter_e8ce0c,__Inter_Fallback_e8ce0c;font-style:normal}*{box-sizing:border-box;padding:0;margin:0}body,html{max-width:100vw;overflow-x:hidden;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}a{color:inherit;text-decoration:none}.container{max-width:1200px;margin:0 auto;padding:2rem;min-height:100vh;display:flex;flex-direction:column;justify-content:flex-start}.game-card{background:#fff;border-radius:10px;padding:2rem;box-shadow:0 20px 40px rgba(0,0,0,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative}.game-header{position:relative;margin-bottom:2rem}.game-title{text-align:center;color:#333;font-size:2.5rem;font-weight:700;margin-bottom:.5rem}.game-description{text-align:center;color:#666;font-size:1.1rem;margin-bottom:2rem}.back-button:hover{background:rgba(0,0,0,.1)!important}.games-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:1.5rem;gap:1.5rem;margin-top:1.5rem}.game-item{background:#fff;border-radius:18px;box-shadow:0 2px 12px rgba(0,0,0,.07);padding:1.3rem 1.1rem 1.1rem;cursor:pointer;transition:box-shadow .2s,transform .2s;border:1px solid #f0f0f0;display:flex;flex-direction:column;align-items:flex-start;min-height:160px}.game-item:hover{box-shadow:0 6px 24px rgba(0,0,0,.13);transform:translateY(-4px) scale(1.03);border-color:#b3d1ff}.game-item-title{font-size:1.18rem;font-weight:600;margin-bottom:.5rem;color:#222}.game-item-description{font-size:1.01rem;color:#555;margin-bottom:.7rem}.game-item-meta{margin-top:auto;font-size:.98rem;color:#888}.question-count{background:#007bff;color:#fff;padding:.25rem .75rem;border-radius:20px;font-size:.9rem;font-weight:500}.question-container{margin-bottom:2rem}.question-text{font-size:1.3rem;color:#333;margin-bottom:1.5rem;line-height:1.6}.media-section{margin-bottom:2rem;background:#f8f9fa;border-radius:12px;padding:1rem;border:1px solid #e9ecef}.media-player{width:100%}.media-container,.video-container{margin-bottom:1rem}.video-container{position:relative;width:100%;height:0;padding-bottom:56.25%}.video-iframe{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:8px}.music-container{width:100%;height:120px;margin-bottom:1rem}.music-iframe{width:100%;height:100%;border-radius:8px;border:none}.music-fallback{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;background:#f8f9fa;border:2px dashed #dee2e6;border-radius:8px;padding:1rem;text-align:center}.music-fallback p{margin:.25rem 0;color:#666}.fallback-note{font-size:.9rem;font-style:italic;color:#999}.music-link{display:inline-block;background:#007bff;color:#fff;padding:.5rem 1rem;border-radius:6px;text-decoration:none;margin-top:.5rem;transition:background .3s ease}.music-link:hover{background:#0056b3;color:#fff}.media-error{background:#fff3cd;border:1px solid #ffeaa7;border-radius:6px;padding:.75rem;margin-top:.5rem;text-align:center}.media-error p{margin:.25rem 0;color:#856404;font-size:.9rem}.media-controls{display:flex;flex-direction:column;gap:.5rem}.control-buttons{display:flex;gap:.5rem;justify-content:center;flex-wrap:wrap}.pause-button,.play-button,.restart-button{background:#007bff;color:#fff;border:none;border-radius:6px;padding:.5rem 1rem;font-size:.9rem;cursor:pointer;transition:background .3s ease;display:flex;align-items:center;gap:.25rem}.pause-button:hover,.play-button:hover{background:#0056b3}.restart-button{background:#6c757d}.restart-button:hover{background:#545b62}.play-timer{text-align:center;font-size:.9rem;color:#666;font-style:italic}.options-container{display:grid;grid-gap:1rem;gap:1rem}.option-button{background:#f8f9fa;border:2px solid #e9ecef;border-radius:12px;padding:1rem 1.5rem;font-size:1rem;cursor:pointer;transition:all .3s ease;text-align:left;display:flex;align-items:center}.option-button:hover{background:#e9ecef;border-color:#dee2e6;transform:translateY(-2px)}.option-button.selected{background:#007bff;color:#fff;border-color:#007bff}.option-button.correct{background:#28a745;color:#fff;border-color:#28a745}.option-button.incorrect{background:#dc3545;color:#fff;border-color:#dc3545}.option-button:disabled{cursor:not-allowed;opacity:.7}.option-label{font-weight:700;margin-right:1rem;min-width:30px}.navigation-buttons{display:flex;gap:1rem;justify-content:center;margin-top:2rem}.nav-button{background:#007bff;color:#fff;border:none;border-radius:8px;padding:.75rem 1.5rem;font-size:1rem;cursor:pointer;transition:background .3s ease}.nav-button:hover{background:#0056b3}.nav-button:disabled{background:#6c757d;cursor:not-allowed}.score-display{text-align:center;font-size:1.2rem;color:#333;margin-bottom:1rem}.progress-bar{width:100%;height:8px;background:#e9ecef;border-radius:4px;overflow:hidden;margin-bottom:2rem}.progress-fill{height:100%;background:linear-gradient(90deg,#28a745,#20c997);transition:width .3s ease}.game-over{text-align:center;padding:2rem}.final-score{font-size:2rem;font-weight:700;color:#333;margin-bottom:1rem}.restart-button{background:#28a745;color:#fff;border:none;border-radius:8px;padding:1rem 2rem;font-size:1.1rem;cursor:pointer;transition:background .3s ease}.restart-button:hover{background:#218838}@media (max-width:900px){.games-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.games-grid{grid-template-columns:1fr}}@media (max-width:768px){.container{padding:1rem}.game-card{padding:1.5rem}.game-title{font-size:2rem}.control-buttons,.navigation-buttons{flex-direction:column}.video-container{padding-bottom:56.25%}.music-container{height:100px}}