*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%;min-height:100vh}body{font-family:Inter,sans-serif;background-color:var(--bg);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}:root{--bg: #0a0a0f;--bg-secondary: #0f0f18;--glass-bg: rgba(255, 255, 255, .06);--glass-bg-hover: rgba(255, 255, 255, .09);--glass-border: rgba(255, 255, 255, .12);--glass-border-hover: rgba(255, 255, 255, .22);--text-primary: rgba(255, 255, 255, .92);--text-secondary: rgba(255, 255, 255, .5);--text-muted: rgba(255, 255, 255, .3);--accent: #6366f1;--accent-hover: #818cf8;--color-red: #ff4757;--color-green: #2ed573;--color-blue: #1e90ff;--color-purple: #a855f7;--color-gold: #fbbf24;--color-silver: #94a3b8;--color-bronze: #d97706;--success: #2ed573;--danger: #ff4757;--warning: #fbbf24;--radius-sm: 8px;--radius: 14px;--radius-lg: 20px;--radius-xl: 28px;--shadow: 0 8px 32px rgba(0, 0, 0, .4);--shadow-lg: 0 16px 64px rgba(0, 0, 0, .5);--transition: .2s ease;--transition-slow: .35s ease}.glass{background:var(--glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:var(--radius)}.glass-hover{transition:background var(--transition),border-color var(--transition),transform var(--transition)}.glass-hover:hover{background:var(--glass-bg-hover);border-color:var(--glass-border-hover);transform:translateY(-2px)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;border:none;border-radius:var(--radius-sm);font-family:Inter,sans-serif;font-size:15px;font-weight:600;cursor:pointer;transition:all var(--transition);white-space:nowrap;user-select:none;outline:none;letter-spacing:.01em}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none!important}.btn-primary{background:linear-gradient(135deg,#6366f1,#818cf8);color:#fff;box-shadow:0 4px 20px #6366f159}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#818cf8,#a5b4fc);box-shadow:0 6px 28px #6366f180;transform:translateY(-1px)}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-secondary{background:var(--glass-bg);color:var(--text-primary);border:1px solid var(--glass-border);backdrop-filter:blur(20px)}.btn-secondary:hover:not(:disabled){background:var(--glass-bg-hover);border-color:var(--glass-border-hover);transform:translateY(-1px)}.btn-danger{background:#ff475726;color:var(--color-red);border:1px solid rgba(255,71,87,.3)}.btn-danger:hover:not(:disabled){background:#ff475740;border-color:#ff475780;transform:translateY(-1px)}.btn-success{background:#2ed57326;color:var(--color-green);border:1px solid rgba(46,213,115,.3)}.btn-success:hover:not(:disabled){background:#2ed57340;border-color:#2ed57380;transform:translateY(-1px)}.btn-sm{padding:7px 16px;font-size:13px}.btn-lg{padding:16px 36px;font-size:17px;border-radius:var(--radius)}.input-glass{width:100%;padding:12px 16px;background:#ffffff0d;border:1px solid var(--glass-border);border-radius:var(--radius-sm);color:var(--text-primary);font-family:Inter,sans-serif;font-size:15px;outline:none;transition:border-color var(--transition),background var(--transition)}.input-glass::placeholder{color:var(--text-muted)}.input-glass:focus{border-color:#6366f199;background:#ffffff14}.input-glass:disabled{opacity:.5;cursor:not-allowed}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#ffffff40}.spinner{display:inline-block;width:22px;height:22px;border:2.5px solid rgba(255,255,255,.15);border-top-color:var(--accent);border-radius:50%;animation:spin .75s linear infinite}.spinner-lg{width:40px;height:40px;border-width:3px}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes letterPop{0%{opacity:0;transform:scale(.4) translateY(8px)}60%{transform:scale(1.15) translateY(-2px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes pulseGlow{0%,to{box-shadow:0 0 #6366f166}50%{box-shadow:0 0 0 8px #6366f100}}@keyframes countdownPop{0%{opacity:0;transform:scale(2)}30%{opacity:1;transform:scale(1)}70%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.6)}}@keyframes timerBar{0%{width:100%}to{width:0%}}@keyframes blobFloat{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,-20px) scale(1.05)}66%{transform:translate(-20px,15px) scale(.95)}}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.animate-fadeIn{animation:fadeIn .3s ease both}.animate-slideUp{animation:slideUp .4s ease both}.animate-scaleIn{animation:scaleIn .3s ease both}.page{min-height:100vh;width:100%;animation:fadeIn .25s ease both}.menu-page,.lb-page,.hist-page,.fr-page,.login-page,.sugg-page,.admin-page,.center-screen{background:transparent!important;position:relative;z-index:1}.game-page{z-index:1}.timer-bar-container{width:100%;height:3px;background:#ffffff14;overflow:hidden;position:relative}.timer-bar{height:100%;animation:timerBar linear forwards;transform-origin:left}.track-container{display:flex;align-items:center;gap:3px;overflow:hidden;flex:1;min-width:0}.letter-block{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:5px;font-size:13px;font-weight:700;flex-shrink:0;text-transform:lowercase;animation:letterPop .25s cubic-bezier(.34,1.56,.64,1) both}.letter-block-red{background:#ff47572e;color:var(--color-red);border:1px solid rgba(255,71,87,.3)}.letter-block-green{background:#2ed5732e;color:var(--color-green);border:1px solid rgba(46,213,115,.3)}.letter-block-blue{background:#1e90ff2e;color:var(--color-blue);border:1px solid rgba(30,144,255,.3)}.letter-block-purple{background:#a855f72e;color:var(--color-purple);border:1px solid rgba(168,85,247,.3)}.error-msg{color:var(--color-red);font-size:13px;padding:10px 14px;background:#ff47571a;border:1px solid rgba(255,71,87,.25);border-radius:var(--radius-sm);animation:slideDown .2s ease both}.modal-overlay{position:fixed;inset:0;background:#000000a6;backdrop-filter:blur(6px);z-index:100;display:flex;align-items:center;justify-content:center;animation:fadeIn .2s ease both;padding:20px}.modal-box{width:100%;max-width:420px;padding:32px;animation:scaleIn .25s ease both}.badge{display:inline-flex;align-items:center;padding:3px 10px;border-radius:100px;font-size:12px;font-weight:600;letter-spacing:.02em}.badge-blue{background:#1e90ff26;color:var(--color-blue);border:1px solid rgba(30,144,255,.25)}.badge-green{background:#2ed57326;color:var(--color-green);border:1px solid rgba(46,213,115,.25)}.badge-purple{background:#a855f726;color:var(--color-purple);border:1px solid rgba(168,85,247,.25)}.badge-red{background:#ff475726;color:var(--color-red);border:1px solid rgba(255,71,87,.25)}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}.text-success{color:var(--success)}.text-danger{color:var(--danger)}.text-warning{color:var(--warning)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.w-full{width:100%}