:root{--bg: #f0f4ff;--text: #222c3c;--primary: #009688;--primary-dark: #00695c;--correct: #388e3c;--incorrect: #d32f2f;--card-bg: #ffffff;--shadow: rgba(0, 0, 0, .1)}*{user-select:none!important;-webkit-user-select:none!important;-ms-user-select:none!important}body{margin:0;font-family:Segoe UI,sans-serif;background:linear-gradient(-45deg,#b2ebf2,#e0f7fa,#b3e5fc,#e1f5fe);background-size:400% 400%;animation:gradientShift 60s ease infinite;color:var(--text);min-height:100vh;display:flex;justify-content:center;align-items:center;overflow:hidden}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.center{width:90vw;max-width:900px;background:var(--card-bg);padding:40px 30px;border-radius:16px;box-shadow:0 10px 30px var(--shadow);flex-direction:column;justify-content:center;box-sizing:border-box;max-height:100vh;overflow-y:auto}.title{font-size:32px;font-weight:700;margin-bottom:30px;text-align:center}.menu-box{display:flex;flex-direction:column;gap:20px;align-items:center;width:100%;max-width:400px;margin:0 auto}.menu-box label{font-size:18px;margin-bottom:-10px}.menu-box select{width:100%;font-size:18px;padding:12px 16px;border-radius:10px;border:2px solid transparent;background-color:#fff;color:var(--text);font-weight:700;cursor:pointer;transition:all .3s ease}.menu-box button{width:100%;font-size:18px;padding:12px 16px;border-radius:10px;border:2px solid transparent;background-color:var(--primary);color:#fff;font-weight:700;cursor:pointer;transition:all .3s ease}.menu-box button:hover{background-color:var(--primary-dark)}button,select,.answer{font-size:16px;padding:12px 16px;border-radius:10px;border:2px solid transparent;background:#e0e0e0;cursor:pointer;transition:background-color .3s,border-color .3s}button:hover,select:hover,.answer:hover{border-color:#2196f3;background-color:#d0e8ff}.answers{display:grid;grid-template-columns:1fr;gap:16px}.answer{padding:14px;font-size:18px;border-radius:8px;background-color:#f0f0f0;border:2px solid transparent;text-align:center}.correct{background-color:var(--correct)!important;color:#fff}.incorrect{background-color:var(--incorrect)!important;color:#fff}#score{text-align:center;font-size:18px;margin-top:20px}@media (max-width: 768px){.center{width:95vw;padding:20px;min-height:80vh}.title{font-size:24px}.answer{font-size:16px;padding:10px}.menu-box{max-width:100%}.answers{grid-template-columns:1fr}}@media (min-width: 1024px){.center{width:70vw;min-height:70vh}.answers{grid-template-columns:repeat(2,1fr)}}.content{flex:1;display:flex;flex-direction:column;justify-content:flex-start;box-sizing:border-box}.hint-control{display:flex;justify-content:flex-end;align-items:center;gap:10px;padding:10px;background:var(--card-bg)}.hint-control button{font-size:20px;padding:4px 10px;background:#e0e0e0;border-radius:8px;border:none;cursor:pointer}.tip-banner{position:relative;background:#ffefc1;color:#4a3b00;border:1px solid #e3c463;border-radius:8px;padding:10px 15px;margin-bottom:10px;text-align:center;animation:fadeInOut 5s ease forwards;font-weight:700;cursor:pointer;transition:opacity .3s ease}.reward-button{background-color:#fc0;color:#000;border:none;padding:12px 20px;font-weight:700;font-size:16px;border-radius:8px;cursor:pointer;box-shadow:0 4px 6px #0003;display:flex;align-items:center;gap:10px}.reward-icon{font-size:20px}