body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.mg-root{align-items:center;background:radial-gradient(circle at 30% 30%,#0f1724 0,#080c13 100%);color:#e6eef8;display:flex;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;justify-content:center;min-height:100vh;overflow-x:hidden;padding:24px}.card{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#121821b3;border:1px solid #61dafb1f;border-radius:16px;box-shadow:0 8px 32px #020617cc;padding:20px 24px;transition:transform .2s ease,box-shadow .2s ease}.card:hover{box-shadow:0 12px 40px #61dafb40;transform:translateY(-2px)}.mg-welcome{text-align:center;width:520px}.mg-welcome h2{color:#61dafb;margin-bottom:6px;text-shadow:0 0 10px #61dafb66}.mg-welcome .muted{color:#b9c7d6;margin-bottom:12px}.form-row{display:flex;gap:10px;justify-content:center;margin-top:12px}.form-row input{background:#ffffff0d;border:1px solid #ffffff14;border-radius:8px;color:#e6eef8;outline:none;padding:10px 12px;transition:border .2s ease,background .2s ease}.form-row input:focus{background:#ffffff14;border:1px solid #61dafb}.btn{background:#61dafb;border:none;border-radius:8px;color:#071021;cursor:pointer;font-weight:700;padding:10px 14px;transition:background .2s ease,transform .1s ease}.btn:hover{background:#7fe1ff;transform:scale(1.05)}.btn.ghost{background:#0000;border:1px solid #ffffff1a;color:#cfe8ff}.mg-controls{display:flex;gap:8px;justify-content:center;margin-top:14px}.mg-game{display:flex;gap:24px;max-width:1200px;width:100%}.mg-left,.mg-right{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:12px}.player-box{background:#ffffff0a;border:1px solid #ffffff0f;border-radius:10px;padding:14px;text-align:center}.question-box{margin-top:8px}.q-text{color:#bfe0ff;font-size:1.1rem;margin-bottom:8px}.img-wrap{align-items:center;background:linear-gradient(180deg,#ffffff08,#ffffff03);border-radius:12px;box-shadow:0 0 20px #61dafb1a;display:flex;height:200px;justify-content:center;margin:10px 0;max-width:420px;overflow:hidden;width:100%}.img-wrap img{animation:fadeIn .6s ease;max-height:100%;max-width:100%;object-fit:contain}.options-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(2,1fr);margin-top:10px}.opt-btn{background:linear-gradient(145deg,#123,#0a1622);border:1px solid #ffffff0a;border-radius:8px;color:#e6eef8;cursor:pointer;font-weight:600;padding:10px 12px;transition:background .2s ease,transform .1s ease}.opt-btn:hover{background:linear-gradient(145deg,#1a2e44,#123);transform:scale(1.05)}.opt-btn.correct{background:linear-gradient(145deg,#22c55e,#16a34a);color:#061012}.opt-btn.wrong{background:linear-gradient(145deg,#ef4444,#b91c1c);color:#fff}.feedback{animation:fadeIn .4s ease;color:#9ad0ff;font-weight:700;margin-top:8px}.level-actions{display:flex;gap:8px;margin-top:12px}.mg-canvas{background:#ffffff05;border:1px solid #ffffff0d;border-radius:12px;height:360px;overflow:hidden;width:100%}.hud{color:#cfe8ff;display:flex;gap:12px;justify-content:center;margin-top:8px}.mg-footer{bottom:12px;color:#9fb6d1;font-size:.9rem;left:50%;opacity:.8;position:fixed;transform:translateX(-50%)}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.video-panel{align-items:center;background:#12182199;border:1px solid #61dafb1a;border-radius:12px;box-shadow:0 0 20px #61dafb1a;display:flex;flex-direction:column;max-width:420px;padding:10px;width:100%}.mg-video{background-color:#000;border-radius:10px;height:240px;object-fit:cover;width:100%}.video-controls{gap:10px;margin-top:8px}.video-controls input[type=range]{accent-color:#61dafb;flex:1 1}.background-video{filter:blur(6px) brightness(.45);height:100%;inset:0;width:100%;z-index:0}.background-video,.decor-video{object-fit:cover;pointer-events:none;position:fixed}.decor-video{border-radius:12px;box-shadow:0 8px 30px #01061499;height:140px;opacity:.85;width:220px;z-index:1}.decor-a{left:24px;top:20px;transform:scale(.95)}.decor-b{bottom:100px;right:28px;transform:scale(.9)}.mg-game{position:relative;z-index:2}.video-box{align-items:center;display:flex;flex-direction:column;gap:10px;margin-top:12px;max-width:420px}.side-video{background:#000;border:1px solid #ffffff08;box-shadow:0 8px 30px #02061799;height:240px}.video-controls{align-items:center;gap:8px;justify-content:space-between;width:100%}.volume-control{flex:1 1;margin-left:6px;margin-right:6px}.volume-control input[type=range]{accent-color:#61dafb;width:100%}.mg-root{position:relative;z-index:2}.mg-footer{position:relative;z-index:3}.video-box{transition:opacity .6s ease-in-out}.fade-in{opacity:1}.fade-out{opacity:0}.side-video{border-radius:12px}.video-box{background:#0000004d;border-radius:14px;height:280px;width:100%}.side-video{border-radius:inherit;opacity:1;transition:opacity .8s ease-in-out}.side-video.paused{filter:blur(1px);opacity:.6}.video-fade{background:linear-gradient(180deg,#0000 80%,#0006);inset:0;pointer-events:none;position:absolute;z-index:1}.mini-canvas{height:220px;margin-bottom:10px;width:100%}.mini-canvas,.video-box{border-radius:10px;overflow:hidden}.video-box{background:#000;height:300px;position:relative;width:450%}.side-video{height:100%;object-fit:cover;width:100%}.video-controls{background:#0006;border-radius:8px;bottom:5px;display:flex;gap:6px;left:5px;padding:4px 8px;position:absolute}
/*# sourceMappingURL=main.96381032.css.map*/