*{box-sizing:border-box;margin:0;padding:0}:root{--bg-dark:#0c0f17;--bg-card:#141b2b;--bg-elevated:#1e2738;--text-primary:#f0f3fa;--text-secondary:#8e9dbb;--accent-primary:#1e6ee5;--accent-secondary:#4888e0;--accent-soft:#2a89ff26;--accent-success:#1fcf8a;--accent-danger:#ff5a7a;--accent-warning:#ffb347;--border-color:#283348;--glow:0 0 18px #2b7fff66;--essay-bg:#141b2bd9;--essay-pending:#a9b3ce}:root[data-theme=light]{--bg-dark:#f3f5fc;--bg-card:#fff;--bg-elevated:#e9eef8;--text-primary:#121826;--text-secondary:#5f6f93;--accent-primary:#0e5fea;--accent-secondary:#3775e0;--accent-soft:#5ba7ff24;--accent-success:#16c47a;--accent-danger:#ff4d6d;--accent-warning:#f5a623;--border-color:#dce3f0;--glow:0 0 18px #1a6eff33;--essay-bg:#fffffff0;--essay-pending:#56688f}body{color:var(--text-primary);background:radial-gradient(circle at 18% 18%,#2a89ff3d,#0000 25%),radial-gradient(circle at 82% 72%,#387fc12e,#0000 30%),linear-gradient(135deg,#eef2f8 0%,#dde4f1 100%);min-height:100vh;font-family:Inter,sans-serif;overflow-x:hidden}body:before{content:"";pointer-events:none;opacity:.24;background-image:linear-gradient(#ffffff24 1px,#0000 1px),linear-gradient(90deg,#ffffff24 1px,#0000 1px);background-size:72px 72px;position:fixed;inset:0;mask-image:linear-gradient(#0000001f,#0000 75%)}[data-theme=dark] body{background:radial-gradient(circle at 18% 18%,#2a89ff29,#0000 25%),radial-gradient(circle at 82% 72%,#3868c124,#0000 30%),linear-gradient(135deg,#0a0d14 0%,#111824 100%)}body.health-warning{animation:.3s ease-in-out screenFlash}.no-scroll{height:100vh;overflow:hidden}.app-container{max-width:1200px;min-height:100vh;margin:0 auto;padding:20px}.navbar{background:var(--bg-card);border:1px solid var(--border-color);backdrop-filter:blur(10px);border-radius:16px;justify-content:space-between;align-items:center;width:100%;margin-bottom:24px;padding:16px 24px;display:flex}.logo{align-items:center;gap:10px;display:flex}.logo-icon{display:flex}.logo-text{background:linear-gradient(135deg, var(--accent-primary), var(--accent-secondary));color:#0000;background-clip:text;font-size:20px;font-weight:700}.nav-toggle{color:var(--text-secondary);cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:center;gap:10px;font-size:13px;font-weight:600;transition:transform .2s,border-color .2s,background .2s;display:none}.nav-links{gap:24px;display:flex}.nav-actions{align-items:center;gap:12px;display:flex}.theme-toggle{border:1px solid var(--border-color);background:var(--bg-elevated);color:var(--text-primary);cursor:pointer;border-radius:999px;justify-content:space-between;align-items:center;gap:10px;padding:8px;font-size:13px;font-weight:600;transition:transform .2s,border-color .2s,background .2s;display:flex}.theme-toggle:hover{border-color:var(--accent-primary);transform:translateY(-1px)}.theme-icon{color:var(--text-primary)}.icon-moon{display:flex}.icon-sun,[data-theme=dark] .icon-moon{display:none}[data-theme=dark] .icon-sun{display:flex}.nav-link{color:var(--text-secondary);cursor:pointer;font-size:14px;font-weight:500;text-decoration:none;transition:color .2s}.nav-link:hover{color:var(--accent-primary)}.command-bar{margin-bottom:24px}.command-trigger{background:var(--bg-card);border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;border-radius:40px;align-items:center;gap:12px;padding:10px 20px;font-size:13px;transition:all .2s;display:inline-flex}.command-trigger:hover{border-color:var(--accent-primary);background:var(--bg-elevated)}.difficulty-section{justify-content:center;gap:16px;margin-bottom:24px;display:flex}.difficulty-btn{background:var(--bg-card);border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;border-radius:40px;padding:8px 24px;font-size:14px;font-weight:600;transition:all .2s}.difficulty-btn.active{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff;-webkit-box-shadow:var(--glow);box-shadow:var(--glow)}.mode-section{justify-content:center;gap:16px;margin-bottom:32px;display:flex}.mode-hint{text-align:center;color:var(--text-secondary);margin:-16px 0 28px;font-size:14px}.mode-btn{background:var(--bg-card);border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;border-radius:40px;padding:8px 32px;font-size:14px;font-weight:600;transition:all .2s}.mode-btn.active{background:linear-gradient(135deg, var(--accent-primary), var(--accent-secondary));color:#fff;-webkit-box-shadow:var(--glow);box-shadow:var(--glow);border-color:#0000}.stats-panel{justify-content:center;gap:32px;margin-bottom:48px;display:flex}.stat-card{text-align:center;background:var(--bg-card);border:1px solid var(--border-color);border-radius:20px;min-width:120px;padding:16px 32px}.stat-card:has(.stat-value#healthValue){border-left:3px solid var(--accent-danger)}.stat-label{text-transform:uppercase;letter-spacing:1px;color:var(--text-secondary);margin-bottom:8px;font-size:12px}.stat-value{background:linear-gradient(135deg, var(--accent-secondary), var(--accent-primary));color:#0000;background-clip:text;font-size:36px;font-weight:700}.stat-value.low-health{animation:.5s ease-in-out infinite pulseWarning;color:var(--accent-danger)!important}.word-container{text-align:center;margin-bottom:32px}.current-word{letter-spacing:4px;background:linear-gradient(135deg, var(--accent-secondary), var(--accent-secondary));color:#0000;text-transform:lowercase;background-clip:text;margin-bottom:16px;font-size:64px;font-weight:700}.current-word.survival-mode{color:var(--accent-danger)}.progress{background:var(--bg-elevated);border-radius:4px;width:300px;height:4px;margin:0 auto;overflow:hidden}.progress.essay{width:min(100%,980px)}.essay-container{background:var(--essay-bg);border:1px solid var(--border-color);max-width:980px;min-height:180px;color:var(--text-secondary);backdrop-filter:blur(12px);border-radius:24px;margin:0 auto 28px;padding:24px;font-size:18px;line-height:1.9;display:none}.essay-container.show{display:block}.essay-char{white-space:pre-wrap}.essay-char.pending{color:var(--essay-pending)}.essay-char.correct{color:var(--accent-success);background:#10b98124;border-radius:4px}.essay-char.wrong{color:var(--accent-danger);background:#ef444424;border-radius:4px;text-decoration:underline 2px}.progress-bar{background:linear-gradient(90deg, var(--accent-primary), var(--accent-secondary));width:0%;height:100%;transition:width .1s linear}.input-area{text-align:center;margin-bottom:32px}.typing-input{background:var(--bg-card);border:2px solid var(--border-color);width:min(100%,980px);color:var(--text-primary);text-align:left;resize:vertical;border-radius:24px;min-height:66px;max-height:66px;padding:16px 24px;font-family:Inter,monospace;font-size:18px;line-height:1.7;transition:all .2s}.typing-input.essay-mode{min-height:180px!important;max-height:none!important}.typing-input:focus{border-color:var(--accent-primary);-webkit-box-shadow:var(--glow);box-shadow:var(--glow);outline:none}.typing-input.correct{border-color:var(--accent-success);animation:.3s pulse}.typing-input.wrong{border-color:var(--accent-danger);animation:.3s shake}.input-hint{color:var(--text-secondary);margin-top:8px;font-size:12px}.word-pool{background:var(--bg-card);border:1px solid var(--border-color);border-radius:20px;flex-wrap:wrap;gap:10px;max-width:980px;margin:0 auto 24px;padding:20px;display:none}.word-pool.show{display:flex}.pool-label{text-transform:uppercase;letter-spacing:2px;color:var(--text-secondary);text-align:center;margin-bottom:12px;font-size:12px}.pool-words{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.pool-word{background:var(--bg-elevated);color:var(--text-secondary);border-radius:20px;justify-content:center;align-items:center;min-width:100px;padding:6px 14px;font-size:14px;transition:all .2s;display:flex}.pool-word.warning{background:var(--accent-danger);color:#fff;animation:1s ease-in-out infinite pulse}.pool-word.next{background:var(--accent-primary);color:#fff;font-size:18px}.pool-word.essay-tag{background:var(--bg-elevated);color:var(--text-secondary)}.game-controls{justify-content:center;gap:16px;display:flex}.control-btn{background:var(--bg-card);border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;border-radius:40px;justify-content:center;align-items:center;gap:8px;padding:10px 24px;font-size:14px;transition:all .2s;display:flex}.control-btn:hover{border-color:var(--accent-primary);background:var(--bg-elevated)}.modal{backdrop-filter:blur(8px);z-index:1000;background:#000c;justify-content:center;align-items:center;width:100%;height:100%;display:none;position:fixed;top:0;left:0}.modal.active{display:flex}.modal-content{background:var(--bg-card);border:1px solid var(--border-color);border-radius:24px;width:90%;max-width:500px;max-height:100vh;animation:.3s modalSlideIn;overflow:hidden}.modal-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.modal-header .modal-title,.modal-body .sub-title{justify-content:flex-start;align-items:center;display:flex}.modal-header .modal-title{gap:10px;font-size:24px}.modal-body .sub-title{color:var(--accent-secondary);gap:5px}.modal-close{cursor:pointer;color:var(--text-secondary);font-size:28px;transition:color .2s}.modal-close:hover{color:var(--accent-danger)}.modal-body{color:var(--text-secondary);padding:24px;font-size:14px}.leaderboard-filters{gap:12px;margin-bottom:20px;display:flex}.lb-filter{background:var(--bg-elevated);color:var(--text-secondary);cursor:pointer;border:none;border-radius:20px;padding:6px 16px;font-size:13px}.lb-filter.active{background:var(--accent-primary);color:#fff}.leaderboard-list{max-height:300px;overflow-y:auto}.leaderboard-item{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:12px;display:flex}.leaderboard-rank{color:var(--accent-primary);width:40px;font-weight:700}.leaderboard-name{flex:1}.leaderboard-score{font-weight:700}.modal-buttons{gap:12px;margin-top:20px;display:flex}.btn-primary,.btn-secondary{cursor:pointer;border:none;border-radius:40px;flex:1;padding:12px;font-weight:600;transition:all .2s}.btn-primary{background:var(--accent-primary);color:#fff}.btn-primary:hover{background:var(--accent-secondary)}.btn-secondary{background:var(--bg-elevated);color:var(--text-primary)}#playerName{background:var(--bg-elevated);border:1px solid var(--border-color);width:100%;color:var(--text-primary);border-radius:40px;margin:16px 0;padding:12px;font-size:16px}.modal-body ul{margin:12px 0 12px 24px;line-height:1.8}.modal-body p{margin-bottom:12px;line-height:1.6}.modal-body #gameOverTitle{margin:0}.about-content{background:radial-gradient(circle at 18% 18%,#2a89ff3d,#0000 25%),radial-gradient(circle at 82% 72%,#387fc12e,#0000 30%),linear-gradient(135deg,#eef2f8 0%,#dde4f1 100%);max-width:90%}[data-theme=dark] .about-content{background:radial-gradient(circle at 18% 18%,#2a89ff29,#0000 25%),radial-gradient(circle at 82% 72%,#3868c124,#0000 30%),linear-gradient(135deg,#0a0d14 0%,#111824 100%)}.about-content .modal-body{max-height:calc(100vh - 74px);overflow-y:auto}.about-hero{text-align:center;margin-bottom:32px}.about-icon{margin-bottom:16px;animation:3s ease-in-out infinite float;display:inline-block}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.about-tagline{color:var(--text-secondary);font-size:16px;line-height:1.6}.gradient-text{background:linear-gradient(135deg, var(--accent-primary), var(--accent-secondary));color:#0000;background-clip:text;font-weight:600}.about-section{margin-bottom:28px}.section-title{color:var(--accent-primary);border-bottom:1px solid var(--border-color);align-items:center;gap:8px;margin-bottom:16px;padding-bottom:8px;font-size:18px;font-weight:600;display:flex}.mode-cards{display:-ms-grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;display:grid}.mode-card{background:var(--bg-elevated);border-radius:12px;padding:16px;transition:transform .2s,box-shadow .2s}.mode-card:hover{transform:translateY(-2px)}.mode-badge{text-transform:uppercase;border-radius:20px;margin-bottom:12px;padding:4px 10px;font-size:10px;font-weight:600;display:inline-block}.mode-badge.classic{color:var(--accent-primary);background:#2b7fff33}.mode-badge.essay{color:var(--accent-success);background:#1fcf8a33}.mode-badge.survival{color:var(--accent-danger);background:#ff5a7a33}.mode-card h4{color:var(--text-primary);margin-bottom:8px;font-size:16px;font-weight:600}.mode-card p{color:var(--text-secondary);margin-bottom:12px;font-size:14px;line-height:1.5}.mode-stats{color:var(--text-secondary);flex-wrap:wrap;gap:8px;font-size:12px;display:flex}.mode-stats span{background:var(--bg-card);border-radius:12px;gap:8px;padding:2px 8px;display:flex}.difficulty-grid{display:-ms-grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:16px;display:grid}.difficulty-card{background:var(--bg-elevated);text-align:center;border-radius:12px;padding:16px;transition:all .2s}.difficulty-card.easy{border-left:3px solid var(--accent-success)}.difficulty-card.medium{border-left:3px solid var(--accent-warning)}.difficulty-card.hard{border-left:3px solid var(--accent-danger)}.difficulty-header{justify-content:center;align-items:center;gap:8px;margin-bottom:12px;display:flex}.difficulty-icon{font-size:20px}.difficulty-card h4{color:var(--text-primary);font-size:16px;font-weight:600}.difficulty-details{flex-direction:column;gap:6px;display:flex}.detail-item{color:var(--text-secondary);font-size:14px}.features-grid{display:-ms-grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;display:grid}.feature-item{background:var(--bg-elevated);color:var(--text-secondary);border-radius:8px;align-items:center;gap:8px;padding:8px 12px;font-size:14px;transition:all .2s;display:flex}.feature-item:hover{background:var(--accent-soft);color:var(--text-primary)}.feature-icon{font-size:14px}.about-footer{text-align:center;border-top:1px solid var(--border-color);margin-top:20px;padding-top:20px}.made-with{color:var(--text-secondary);justify-content:center;align-items:center;gap:6px;margin-bottom:8px;font-size:14px;display:flex}.heart-icon{color:var(--accent-danger);animation:1.5s ease-in-out infinite heartbeat}@keyframes heartbeat{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.socials{justify-content:center;align-items:center;gap:16px;margin-top:16px;display:flex}.socials a{color:var(--text-secondary);border-radius:999px;justify-content:center;align-items:center;transition:color .16s;display:inline-flex}@media (width<=640px){.mode-cards,.difficulty-grid{-ms-grid-columns:1fr;grid-template-columns:1fr}.features-grid{-ms-grid-columns:1fr 1fr;grid-template-columns:1fr 1fr}.modal-content.about-content{max-width:95%;margin:20px}}.combo-pop{animation:.2s ease-out comboPop!important}#comboDisplay{font-weight:800;transition:all .1s}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes pulseWarning{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.05)}}@keyframes screenFlash{0%,to{background-color:#0000}50%{background-color:#ff5a7a1a}}@keyframes comboPop{0%{transform:scale(1)}50%{transform:scale(1.3);color:var(--accent-warning)!important}to{transform:scale(1)}}@keyframes healthDrain{0%{opacity:1}to{opacity:.5}}@media (width<=768px){.navbar{position:relative}.nav-toggle{display:flex}.nav-links{background:var(--bg-card);border:1px solid var(--border-color);transform-origin:top;opacity:0;max-height:0;-webkit-box-shadow:var(--glow);box-shadow:var(--glow);border-radius:16px;flex-direction:column;padding:30px;transition:max-height .3s ease-out,transform .2s ease-out,opacity .2s ease-out;position:absolute;top:88px;left:0;right:0;overflow:hidden;transform:scaleY(0)}.nav-links.is-open{opacity:1!important;max-height:500px!important;transform:scaleY(1)!important}.current-word{font-size:40px}.stats-panel{flex-wrap:wrap;gap:16px}.stat-card{flex:1;min-width:70px;padding:12px 20px}.stat-value{font-size:28px}.difficulty-section,.mode-section{gap:8px}.difficulty-btn,.mode-btn{padding:6px 16px;font-size:12px}.essay-container{padding:18px;font-size:16px}.typing-input{font-size:16px}.typing-input.essay-mode{min-height:200px!important}.word-pool{flex-direction:column}}@media (width<=480px){.theme-context{display:none}.game-controls{flex-direction:column}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-card)}::-webkit-scrollbar-thumb{background:var(--accent-primary);border-radius:4px}
/*# sourceMappingURL=vanilla-typing-game.9e6583f2.css.map */