*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;background:#0d1b3e;font-family:Segoe UI,system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased}#root{min-height:100%;display:flex;align-items:flex-start;justify-content:center;background:#f0f2f5}input,button,select,textarea{font-family:inherit}button{-webkit-tap-highlight-color:transparent;cursor:pointer}button:active{transform:scale(.97)}a{text-decoration:none;color:inherit}::-webkit-scrollbar{width:3px}::-webkit-scrollbar-thumb{background:#ccc;border-radius:3px}.screen{width:100%;max-width:430px;min-height:100vh;display:flex;flex-direction:column;background:#f0f2f5;position:relative}.center-col{width:100%;display:flex;justify-content:center}.hdr{background:linear-gradient(160deg,#0d1b3e,#1a3a6b);padding:44px 20px 52px;border-radius:0 0 30px 30px;flex-shrink:0}.bodywrap{flex:1;padding:20px 16px;overflow-y:auto;-webkit-overflow-scrolling:touch}.nav{display:flex;background:#fff;padding:10px 0 12px;border-top:1px solid #eee;flex-shrink:0;position:sticky;bottom:0}.nav-btn{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;cursor:pointer;border:none;background:none;padding:6px}.card{background:#fff;border-radius:18px;padding:16px;margin-bottom:12px;box-shadow:0 2px 8px #0000000f}.inp{width:100%;padding:14px 16px;border-radius:12px;border:1.5px solid #e0e0e0;font-size:15px;outline:none;background:#fafafa;display:block;margin-bottom:12px;transition:border-color .2s}.inp:focus{border-color:#1a3a6b}.lbl{font-size:13px;font-weight:600;color:#444;margin-bottom:4px;display:block}.btn{width:100%;padding:15px 20px;border-radius:14px;border:none;font-weight:700;font-size:15px;cursor:pointer;transition:opacity .2s,transform .1s;display:block;text-align:center}.btn[disabled]{opacity:.6;cursor:default}.btn-green{background:linear-gradient(90deg,#00b96b,#00d97e);color:#fff}.btn-blue{background:linear-gradient(90deg,#1a3a6b,#2557b7);color:#fff}.btn-red{background:linear-gradient(90deg,#e53935,#f44336);color:#fff}.btn-gray{background:#e8e8e8;color:#444}.btn-outline{background:transparent;border:2px solid #e53935;color:#e53935}.modal-bg{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:999;padding:20px}.modal-box{background:#fff;border-radius:22px;padding:24px;width:100%;max-width:380px;max-height:90vh;overflow-y:auto;box-shadow:0 24px 64px #00000059}.tx-row{display:flex;align-items:center;gap:12px;padding:14px 16px;background:#fff;border-radius:16px;margin-bottom:10px;box-shadow:0 2px 6px #0000000d}.badge{display:inline-block;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:700;text-transform:capitalize}.stat-box{flex:1;background:#ffffff1f;border-radius:14px;padding:14px 10px;text-align:center}.cat-card{border-radius:18px;padding:28px 14px;text-align:center;cursor:pointer;border:none;display:flex;flex-direction:column;align-items:center;gap:8px;transition:transform .15s,opacity .15s;width:100%}.cat-card:hover{transform:scale(.97)}.opt-btn{background:#fff;border:2px solid #e8e8e8;border-radius:14px;padding:15px 16px;text-align:left;cursor:pointer;font-size:15px;font-weight:500;color:#222;transition:all .25s;display:flex;align-items:center;gap:12px;width:100%}.opt-btn[disabled]{cursor:default}.fade-in{animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.login-screen{background:#0a1530;background-image:radial-gradient(circle at 50% 0%,#15294f,#0a1530 55%)}.login-inp-wrap{position:relative;margin-bottom:20px}.login-inp{width:100%;padding:16px 46px;border-radius:14px;border:1.5px solid rgba(255,255,255,.12);font-size:15px;outline:none;background:#ffffff0d;color:#fff;display:block;transition:border-color .2s,box-shadow .2s;-webkit-appearance:none}.login-inp::placeholder{color:#ffffff59}.login-inp:focus{border-color:#3ec6f0;box-shadow:0 0 0 3px #3ec6f02e}.login-inp-icon{position:absolute;left:15px;top:50%;transform:translateY(-50%);color:#ffffff73;display:flex;pointer-events:none}.login-inp-eye{position:absolute;right:14px;top:50%;transform:translateY(-50%);color:#ffffff73;display:flex;cursor:pointer;background:none;border:none;padding:4px}.login-lbl{font-size:14px;font-weight:600;color:#ffffffd9;margin-bottom:8px;display:block}.btn-glow{width:100%;padding:17px 20px;border-radius:14px;border:none;font-weight:700;font-size:16px;cursor:pointer;background:linear-gradient(90deg,#2bb8e8,#3ec6f0);color:#fff;box-shadow:0 0 24px #3ec6f08c,0 6px 18px #00000059;transition:transform .1s,box-shadow .2s}.btn-glow:active{transform:scale(.98)}.btn-glow[disabled]{opacity:.65;cursor:default;box-shadow:none}.game-screen{min-height:100vh;width:100%;max-width:430px;display:flex;flex-direction:column;background:#0a1628;background-image:radial-gradient(ellipse at 50% -10%,#1a3a6b 0%,transparent 60%),radial-gradient(ellipse at 80% 20%,#0d2444 0%,transparent 50%),radial-gradient(ellipse at 20% 80%,#0d2444 0%,transparent 50%);position:relative;overflow:hidden}.game-screen:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:radial-gradient(1px 1px at 15% 25%,rgba(255,255,255,.18) 0%,transparent 100%),radial-gradient(1px 1px at 42% 60%,rgba(255,255,255,.12) 0%,transparent 100%),radial-gradient(1.5px 1.5px at 70% 15%,rgba(255,255,255,.2) 0%,transparent 100%),radial-gradient(1px 1px at 88% 72%,rgba(255,255,255,.15) 0%,transparent 100%),radial-gradient(1px 1px at 55% 88%,rgba(255,255,255,.1) 0%,transparent 100%)}.game-hdr{display:flex;align-items:center;justify-content:space-between;padding:20px 20px 0;position:relative;z-index:2}.game-timer-wrap{display:flex;justify-content:center;padding:12px 0 0;position:relative;z-index:2}.game-timer-ring{position:relative;width:80px;height:80px}.game-frame-outer{margin:10px 16px 0;position:relative;z-index:2;border-radius:6px;background:linear-gradient(135deg,#c9a227,#f0d060,#a07010,#e8c040,#c9a227);padding:4px;box-shadow:0 4px 24px #00000080,0 0 0 1px #c9a22766}.game-frame-inner{background:#f5f0e8;border-radius:3px;padding:28px 24px;text-align:center;position:relative;overflow:hidden;min-height:130px;display:flex;align-items:center;justify-content:center}.game-frame-inner:before{content:"";position:absolute;top:6px;right:6px;bottom:6px;left:6px;border:1.5px solid rgba(180,140,20,.25);border-radius:2px;pointer-events:none}.game-q-text{font-size:19px;font-weight:700;color:#1a1a2e;line-height:1.45;font-family:Georgia,Times New Roman,serif}.game-answers{padding:16px 16px 0;display:flex;flex-direction:column;gap:11px;position:relative;z-index:2}.game-ans-btn{width:100%;padding:17px 20px;background:#c8d7eb21;border:1.5px solid #3a7fc1;border-radius:36px;color:#def;font-size:16px;font-weight:500;text-align:left;cursor:pointer;transition:background .18s,border-color .18s,transform .1s;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);position:relative;overflow:hidden}.game-ans-btn:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,rgba(255,255,255,.06) 0%,transparent 100%);border-radius:36px}.game-ans-btn:active{transform:scale(.98)}.game-ans-btn[disabled]{cursor:default}.game-ans-btn.correct{background:#00b96b47;border-color:#00d97e;color:#fff;box-shadow:0 0 16px #00d97e59}.game-ans-btn.wrong{background:#e5393547;border-color:#e53935;color:#fff}.bolt{font-size:20px;filter:drop-shadow(0 0 4px #ffe066)}.bolt.used{filter:none;opacity:.28}