:root{--ozzy-bg: #0d1117;--ozzy-bg-secondary: #161b22;--ozzy-bg-tertiary: #21262d;--ozzy-text: #e6edf3;--ozzy-text-secondary: #7d8590;--ozzy-accent: #e94560;--ozzy-accent-hover: #ff6b6b;--ozzy-correct: #00ff88;--ozzy-wrong: #ff4444;--ozzy-cursor: #e94560;--ozzy-border: #30363d}#ozzy-type-challenge{font-family:Roboto Mono,JetBrains Mono,Fira Code,monospace;background:var(--ozzy-bg);min-height:100vh;padding:20px;color:var(--ozzy-text)}.ozzy-container{max-width:1000px;margin:0 auto}.ozzy-header{display:flex;justify-content:space-between;align-items:center;padding:20px 0;border-bottom:1px solid var(--ozzy-border);margin-bottom:30px}.ozzy-logo{display:flex;align-items:center;gap:12px}.ozzy-icon{font-size:32px;animation:ozzy-float 3s ease-in-out infinite}@keyframes ozzy-float{0%,to{transform:translateY(0) rotate(-5deg)}50%{transform:translateY(-10px) rotate(5deg)}}.ozzy-title{font-size:24px;font-weight:700;color:var(--ozzy-accent);letter-spacing:-.5px}.ozzy-nav{display:flex;gap:12px}.nav-btn{background:var(--ozzy-bg-secondary);border:1px solid var(--ozzy-border);color:var(--ozzy-text-secondary);padding:8px 16px;border-radius:6px;cursor:pointer;font-size:14px;transition:all .2s}.nav-btn:hover{background:var(--ozzy-bg-tertiary);color:var(--ozzy-text);border-color:var(--ozzy-accent)}.mode-selector{display:flex;justify-content:center;gap:8px;margin-bottom:30px}.mode-btn{background:transparent;border:1px solid var(--ozzy-border);color:var(--ozzy-text-secondary);padding:10px 24px;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;transition:all .2s}.mode-btn:hover{background:var(--ozzy-bg-secondary);color:var(--ozzy-text)}.mode-btn.active{background:var(--ozzy-accent);border-color:var(--ozzy-accent);color:#fff}.stats-display{display:flex;justify-content:center;gap:60px;margin-bottom:40px}.stat{text-align:center}.stat-value{font-size:48px;font-weight:700;color:var(--ozzy-text);line-height:1;font-variant-numeric:tabular-nums}.stat-label{font-size:12px;color:var(--ozzy-text-secondary);text-transform:uppercase;letter-spacing:1px;margin-top:8px}#timer-stat .stat-value{color:var(--ozzy-accent)}#wpm-stat .stat-value{color:var(--ozzy-correct)}.typing-area{background:var(--ozzy-bg-secondary);border:2px solid var(--ozzy-border);border-radius:12px;padding:40px;margin-bottom:30px;position:relative;cursor:text;transition:border-color .2s}.typing-area:hover{border-color:var(--ozzy-accent)}.typing-area:focus-within{border-color:var(--ozzy-accent);box-shadow:0 0 0 3px #e9456033}.words-container{display:flex;flex-wrap:wrap;gap:12px 16px;font-size:24px;line-height:1.6;max-height:200px;overflow:hidden;position:relative}.word{display:flex;border-radius:4px;padding:2px 4px;transition:background .1s}.word.active{background:#e945601a}.char{display:inline-block;min-width:14px;color:var(--ozzy-text-secondary);transition:color .1s}.char.correct{color:var(--ozzy-text)}.char.incorrect{color:var(--ozzy-wrong);text-decoration:underline}.char.cursor{background:var(--ozzy-cursor);color:#fff;animation:cursor-blink 1s infinite;border-radius:2px}@keyframes cursor-blink{0%,50%{opacity:1}51%,to{opacity:.3}}.hidden-input{position:absolute;opacity:0;pointer-events:none}.ozzy-animation{display:flex;flex-direction:column;align-items:center;gap:16px;margin-bottom:30px;padding:20px;background:var(--ozzy-bg-secondary);border-radius:12px;border:1px solid var(--ozzy-border)}.ozzy-emoji{font-size:48px;animation:ozzy-chase 2s ease-in-out infinite}@keyframes ozzy-chase{0%,to{transform:translate(0) scale(1)}50%{transform:translate(20px) scale(1.1)}}.ozzy-close .ozzy-emoji{animation:ozzy-attack .5s ease-in-out infinite}@keyframes ozzy-attack{0%,to{transform:translate(0) rotate(0)}25%{transform:translate(-10px) rotate(-10deg)}75%{transform:translate(10px) rotate(10deg)}}.ozzy-speech{font-size:16px;color:var(--ozzy-text-secondary);font-style:italic;text-align:center}.restart-container{display:flex;justify-content:center;margin-bottom:20px}.restart-btn{display:flex;align-items:center;gap:8px;background:var(--ozzy-bg-secondary);border:1px solid var(--ozzy-border);color:var(--ozzy-text-secondary);padding:12px 24px;border-radius:8px;cursor:pointer;font-size:14px;transition:all .2s}.restart-btn:hover{background:var(--ozzy-bg-tertiary);color:var(--ozzy-text);border-color:var(--ozzy-accent)}.restart-btn svg{width:16px;height:16px}.results-screen{position:fixed;top:0;left:0;right:0;bottom:0;background:#0d1117f2;display:flex;justify-content:center;align-items:center;z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.results-card{background:var(--ozzy-bg-secondary);border:1px solid var(--ozzy-border);border-radius:16px;padding:40px;max-width:500px;width:90%;text-align:center}.results-header{margin-bottom:30px}.ozzy-result-emoji{font-size:64px;margin-bottom:16px;animation:ozzy-celebrate 1s ease-in-out infinite}@keyframes ozzy-celebrate{0%,to{transform:scale(1) rotate(-10deg)}50%{transform:scale(1.2) rotate(10deg)}}.results-header h2{font-size:28px;color:var(--ozzy-text);margin:0}.results-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-bottom:30px}.result-stat{background:var(--ozzy-bg-tertiary);padding:20px;border-radius:12px}.result-value{font-size:36px;font-weight:700;color:var(--ozzy-accent);font-variant-numeric:tabular-nums}.result-label{font-size:12px;color:var(--ozzy-text-secondary);text-transform:uppercase;letter-spacing:1px;margin-top:8px}.keyboard-suggestion{background:linear-gradient(135deg,#e945601a,#00ff880d);border:1px solid var(--ozzy-accent);border-radius:12px;padding:20px;margin-bottom:30px;display:flex;align-items:center;gap:16px;text-align:left}.suggestion-icon{font-size:40px}.suggestion-text p{margin:0 0 8px;color:var(--ozzy-text)}.suggestion-text p:last-child{margin:0}.suggestion-link{display:inline-block;background:var(--ozzy-accent);color:#fff;padding:10px 20px;border-radius:8px;text-decoration:none;font-weight:600;margin-top:12px;transition:all .2s}.suggestion-link:hover{background:var(--ozzy-accent-hover);transform:translateY(-2px)}.name-entry{margin-bottom:30px}.name-entry p{color:var(--ozzy-text-secondary);margin-bottom:16px}.arcade-input{background:var(--ozzy-bg-tertiary);border:2px solid var(--ozzy-border);color:var(--ozzy-text);font-size:32px;font-family:inherit;font-weight:700;width:140px;padding:12px;text-align:center;letter-spacing:8px;text-transform:uppercase;border-radius:8px;margin-bottom:16px}.arcade-input:focus{outline:none;border-color:var(--ozzy-accent);box-shadow:0 0 0 3px #e9456033}.submit-btn{background:var(--ozzy-correct);border:none;color:var(--ozzy-bg);padding:12px 32px;border-radius:8px;font-size:16px;font-weight:700;cursor:pointer;transition:all .2s}.submit-btn:hover{background:#00cc6a;transform:translateY(-2px)}.results-actions{display:flex;gap:12px;justify-content:center}.btn-primary{background:var(--ozzy-accent);border:none;color:#fff;padding:14px 32px;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s}.btn-primary:hover{background:var(--ozzy-accent-hover);transform:translateY(-2px)}.btn-secondary{background:transparent;border:1px solid var(--ozzy-border);color:var(--ozzy-text);padding:14px 32px;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s}.btn-secondary:hover{background:var(--ozzy-bg-tertiary);border-color:var(--ozzy-accent)}.modal{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;justify-content:center;align-items:center;z-index:200;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.modal-content{background:var(--ozzy-bg-secondary);border:1px solid var(--ozzy-border);border-radius:16px;width:90%;max-width:600px;max-height:80vh;overflow-y:auto}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid var(--ozzy-border)}.modal-header h2{margin:0;font-size:20px;color:var(--ozzy-text)}.close-btn{background:none;border:none;color:var(--ozzy-text-secondary);font-size:28px;cursor:pointer;padding:0;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s}.close-btn:hover{background:var(--ozzy-bg-tertiary);color:var(--ozzy-text)}.leaderboard-filters{display:flex;gap:8px;padding:16px 24px;border-bottom:1px solid var(--ozzy-border)}.filter-btn{background:transparent;border:1px solid var(--ozzy-border);color:var(--ozzy-text-secondary);padding:8px 16px;border-radius:6px;cursor:pointer;font-size:14px;transition:all .2s}.filter-btn:hover{background:var(--ozzy-bg-tertiary);color:var(--ozzy-text)}.filter-btn.active{background:var(--ozzy-accent);border-color:var(--ozzy-accent);color:#fff}.leaderboard-table{padding:16px 24px}.lb-header{display:grid;grid-template-columns:40px 1fr 80px 60px;gap:16px;padding:12px;color:var(--ozzy-text-secondary);font-size:12px;text-transform:uppercase;letter-spacing:1px;border-bottom:1px solid var(--ozzy-border)}.lb-row{display:grid;grid-template-columns:40px 1fr 80px 60px;gap:16px;padding:12px;border-radius:6px;transition:background .2s}.lb-row:hover{background:var(--ozzy-bg-tertiary)}.lb-row.top-1{background:#ffd7001a;border:1px solid rgba(255,215,0,.3)}.lb-row.top-2{background:#c0c0c01a;border:1px solid rgba(192,192,192,.3)}.lb-row.top-3{background:#cd7f321a;border:1px solid rgba(205,127,50,.3)}.lb-rank{font-weight:700;color:var(--ozzy-text-secondary)}.lb-name{color:var(--ozzy-text);font-weight:600}.lb-wpm{color:var(--ozzy-accent);font-weight:700;font-variant-numeric:tabular-nums}.lb-acc{color:var(--ozzy-text-secondary)}.empty-leaderboard{text-align:center;padding:40px;color:var(--ozzy-text-secondary);font-size:16px}.setting-item{padding:20px 24px;border-bottom:1px solid var(--ozzy-border)}.setting-item label{display:block;color:var(--ozzy-text);font-weight:600;margin-bottom:12px}.font-size-options,.theme-options{display:flex;gap:8px}.font-size-options button,.theme-options button{background:var(--ozzy-bg-tertiary);border:1px solid var(--ozzy-border);color:var(--ozzy-text);padding:10px 20px;border-radius:6px;cursor:pointer;transition:all .2s}.font-size-options button:hover,.theme-options button:hover{border-color:var(--ozzy-accent)}.font-size-options button.active,.theme-options button.active{background:var(--ozzy-accent);border-color:var(--ozzy-accent)}.font-small .words-container{font-size:18px}.font-large .words-container{font-size:32px}.theme-light{--ozzy-bg: #ffffff;--ozzy-bg-secondary: #f6f8fa;--ozzy-bg-tertiary: #eaeef2;--ozzy-text: #1f2328;--ozzy-text-secondary: #656d76;--ozzy-border: #d0d7de}@media (max-width: 768px){.stats-display{gap:30px}.stat-value{font-size:36px}.words-container{font-size:18px;max-height:150px}.typing-area{padding:20px}.results-stats{grid-template-columns:1fr}.keyboard-suggestion{flex-direction:column;text-align:center}}.hidden{display:none!important}
/*# sourceMappingURL=/cdn/shop/t/28/assets/ozzy-type-challenge.css.map */