.rage-container{min-height:100vh;background:linear-gradient(to bottom,#1a0000,#000,#1a0000);padding:20px;display:flex;flex-direction:column;align-items:center;position:relative;overflow-x:hidden}.dev-toggle{position:fixed;top:20px;right:20px;z-index:1000;background:#f003;color:#ff4500;padding:10px 20px;border-radius:5px;font-size:12px;font-weight:700;transition:all .3s;border:1px solid #ff4500}.dev-toggle:hover:not(:disabled){background:#f006}.dev-toggle:disabled{opacity:.5;cursor:not-allowed;background:#ff00001a}.rage-nav{margin-bottom:20px;width:100%;display:flex;justify-content:center}.nav-link{color:#ff4500;text-decoration:none;font-size:18px;font-weight:700;padding:10px 20px;border:2px solid #ff4500;border-radius:5px;background:#ff45001a;transition:all .3s}.auth-section{margin-bottom:20px;width:100%;max-width:600px;display:flex;justify-content:center}.user-info,.auth-prompt{display:flex;align-items:center;gap:15px;padding:15px 30px;border-radius:10px;background:#00000080;border:2px solid}.user-info{border-color:#0f0}.auth-prompt{border-color:#ff4500}.authenticated-indicator,.unauthenticated-indicator{font-size:14px;font-weight:700}.authenticated-indicator{color:#0f0}.unauthenticated-indicator{color:#ff4500}.sign-out-btn,.sign-in-btn{background:transparent;color:#ff4500;border:2px solid #ff4500;padding:8px 20px;border-radius:5px;font-size:14px;font-weight:700;transition:all .3s}.sign-out-btn{border-color:#0f0;color:#0f0}.sign-out-btn:hover,.sign-in-btn:hover{background:#ff450033;transform:scale(1.05)}.sign-out-btn:hover{background:#0f03}.rage-display{text-align:center;margin:40px 0;position:relative;min-height:300px;display:flex;flex-direction:column;align-items:center;justify-content:center}.rage-number{font-size:15rem;font-weight:900;color:#ff4500;-webkit-text-stroke:3px #ff2200;text-shadow:0 0 10px #ff4500,0 0 20px #ff4500,0 0 30px #ff0000;transition:all .1s ease-out;line-height:1;font-family:Arial Black,Arial,sans-serif;letter-spacing:-10px}.rage-label{font-size:3rem;font-weight:700;color:#f60;margin-top:20px;text-shadow:0 0 20px #ff4500;animation:pulse 2s infinite}.flames{position:absolute;bottom:-50px;left:50%;transform:translate(-50%);display:flex;gap:20px;transition:opacity .3s;pointer-events:none}.flame{width:100px;height:150px;background:linear-gradient(to top,#ff0000 0%,#ff4500 25%,#ff8800 50%,#ffcc00 75%,transparent 100%);border-radius:50%/60% 60% 40% 40%;animation:flame .5s infinite;filter:blur(5px)}.flame-2{width:80px;height:120px;animation-delay:.2s}.flame-3{width:120px;height:180px;animation-delay:.4s}.spacebar-hint{margin-top:60px;font-size:1.5rem;color:#ff4500;text-shadow:0 0 10px #ff4500;animation:pulse 2s infinite}.hint-subtitle{margin-top:10px;font-size:1rem;color:#f80}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;width:100%;max-width:1200px;margin-top:40px}.stat-card{background:linear-gradient(to bottom,#ff45001a,#0000004d);border:2px solid #ff4500;border-radius:15px;padding:20px;text-align:center;transition:all .3s}.stat-card:hover{transform:translateY(-5px);border-color:#f60;box-shadow:0 0 30px #ff450080}.stat-label{font-size:1rem;color:#f80;margin-bottom:10px;text-transform:uppercase;font-weight:700}.stat-value{font-size:2.5rem;font-weight:900;color:#ff4500;text-shadow:0 0 20px currentColor}.dev-buttons{margin-top:40px;display:flex;gap:20px}.dev-btn{padding:15px 30px;font-size:16px;font-weight:700;border-radius:10px;transition:all .3s}.reset-btn{background:#ffc80033;color:#ffc800;border:2px solid #ffc800}.reset-btn:hover{background:#ffc80066}.clear-btn{background:#f003;color:red;border:2px solid #ff0000}.clear-btn:hover{background:#f006}.dev-set-score{display:flex;gap:10px;align-items:center}.dev-score-input{padding:15px 20px;font-size:16px;font-weight:700;border-radius:10px;border:2px solid #ff4500;background:#00000080;color:#fff;width:150px;text-align:center}.dev-score-input:focus{outline:none;border-color:#f60;background:#000000b3;box-shadow:0 0 10px #ff450080}.dev-score-input::placeholder{color:#ffffff80}.set-score-btn{background:#ff450033;color:#ff4500;border:2px solid #ff4500}.set-score-btn:hover{background:#ff450066}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;justify-content:center;align-items:center;z-index:2000;animation:fadeIn .3s}.modal-content{background:linear-gradient(to bottom,#2a0000,#1a0000);border:3px solid #ff4500;border-radius:20px;padding:40px;max-width:400px;width:90%;animation:shake .5s}.modal-title{color:#ff4500;font-size:2rem;margin-bottom:30px;text-align:center;text-shadow:0 0 20px #ff4500}.auth-input{width:100%;padding:15px;margin-bottom:15px;background:#00000080;border:2px solid #ff4500;border-radius:10px;color:#ff4500;font-size:16px;font-weight:700}.auth-input:focus{outline:none;border-color:#f60;box-shadow:0 0 20px #ff450080}.auth-input::placeholder{color:#ff450080}.auth-error{color:red;text-align:center;margin-bottom:15px;font-weight:700}.auth-submit-btn,.auth-cancel-btn{width:100%;padding:15px;font-size:18px;font-weight:700;border-radius:10px;margin-top:10px;transition:all .3s}.auth-submit-btn{background:linear-gradient(to bottom,#ff4500,red);color:#fff;border:2px solid #ff4500}.auth-submit-btn:hover{background:linear-gradient(to bottom,#f60,#f20);transform:scale(1.02)}.auth-cancel-btn{background:transparent;color:#ff4500;border:2px solid #ff4500}.auth-cancel-btn:hover{background:#ff450033}@media (max-width: 768px){.rage-number{font-size:8rem;letter-spacing:-5px}.rage-label{font-size:2rem}.stats-grid{grid-template-columns:1fr}.dev-buttons{flex-direction:column}.dev-set-score{flex-direction:column;width:100%}.dev-score-input{width:100%}.flame{width:60px;height:90px}}.history-container{min-height:100vh;background:linear-gradient(to bottom,#1a0000,#000,#1a0000);padding:20px;display:flex;flex-direction:column;align-items:center}.history-nav{width:100%;display:flex;justify-content:center;margin-bottom:30px}.nav-link{color:#ff4500;text-decoration:none;font-size:18px;font-weight:700;padding:10px 20px;border:2px solid #ff4500;border-radius:5px;background:#ff45001a;transition:all .3s;display:inline-block}.nav-link:hover{background:#ff45004d;transform:scale(1.05)}.history-title{font-size:4rem;color:#ff4500;text-shadow:0 0 20px #ff4500,0 0 40px #ff4500,0 0 60px #ff0000;margin-bottom:30px;text-align:center;animation:pulse 2s infinite}.summary-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;width:100%;max-width:1200px;margin-bottom:40px}.summary-card{background:linear-gradient(to bottom,#ff45001a,#0000004d);border:2px solid #ff4500;border-radius:15px;padding:20px;text-align:center;transition:all .3s}.summary-card:hover{transform:translateY(-5px);border-color:#f60;box-shadow:0 0 30px #ff450080}.summary-label{font-size:1rem;color:#f80;margin-bottom:10px;text-transform:uppercase;font-weight:700}.summary-value{font-size:2.5rem;font-weight:900;text-shadow:0 0 20px currentColor}.red-glow{color:red}.orange-glow{color:#ff4500}.yellow-glow{color:#fa0}.timeframe-selector{display:flex;gap:15px;margin-bottom:30px;flex-wrap:wrap;justify-content:center}.timeframe-btn{padding:12px 30px;font-size:16px;font-weight:700;background:transparent;color:#ff4500;border:2px solid #ff4500;border-radius:10px;cursor:pointer;transition:all .3s}.timeframe-btn:hover{background:#ff450033;transform:scale(1.05)}.timeframe-btn.active{background:linear-gradient(to bottom,#ff4500,red);color:#fff;box-shadow:0 0 20px #ff450080}.chart-container{width:100%;max-width:1200px;margin-bottom:40px;padding:20px;background:#00000080;border-radius:20px;border:2px solid #ff4500}.chart-wrapper{height:400px;position:relative}.data-table-container{width:100%;max-width:1200px;margin-top:20px}.table-title{font-size:2rem;color:#ff4500;text-shadow:0 0 20px #ff4500;margin-bottom:20px;text-align:center}.data-table{background:#00000080;border-radius:15px;border:2px solid #ff4500;overflow:hidden}.table-header{display:grid;grid-template-columns:1fr 1fr;background:#ff450033;border-bottom:2px solid #ff4500}.table-row{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid rgba(255,69,0,.3);transition:all .3s;animation:fadeIn .5s ease-out}.table-row:last-child{border-bottom:none}.table-row:hover{background:#ff45001a}.table-cell{padding:15px;font-size:16px;color:#f80}.header-cell{font-weight:700;color:#ff4500;text-transform:uppercase}.rage-value{color:#f60;font-weight:700;font-size:18px;text-shadow:0 0 10px currentColor}.no-data{padding:40px;text-align:center;color:#f80;font-size:18px}.loading-text{font-size:3rem;color:#ff4500;text-shadow:0 0 20px #ff4500;animation:pulse 1s infinite}@media (max-width: 768px){.history-title{font-size:2.5rem}.summary-cards{grid-template-columns:1fr}.timeframe-selector{flex-direction:column}.timeframe-btn{width:100%}.chart-wrapper{height:300px}.table-cell{font-size:14px;padding:10px}}body{font-family:Arial Black,Arial,sans-serif;background:#000;overflow-x:hidden}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes shake{0%,to{transform:translate(0) rotate(0)}10%{transform:translate(-10px,-10px) rotate(-5deg)}20%{transform:translate(10px,10px) rotate(5deg)}30%{transform:translate(-10px,10px) rotate(-5deg)}40%{transform:translate(10px,-10px) rotate(5deg)}50%{transform:translate(-10px,-10px) rotate(-5deg)}60%{transform:translate(10px,10px) rotate(5deg)}70%{transform:translate(-10px,10px) rotate(-5deg)}80%{transform:translate(10px,-10px) rotate(5deg)}90%{transform:translate(-10px,-10px) rotate(-5deg)}}@keyframes flame{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.loading-screen{display:flex;justify-content:center;align-items:center;height:100vh;background:#000}.spinner{width:50px;height:50px;border:5px solid #333;border-top-color:#ff4500;border-radius:50%;animation:pulse 1s infinite}button{cursor:pointer;border:none;outline:none;font-family:Arial Black,Arial,sans-serif}button:active{transform:scale(.95)}.chart-container{background:#ff45001a;border-radius:10px;padding:20px}@media (max-width: 768px){body{font-size:14px}}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{margin:0;padding:0;box-sizing:border-box}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}#root{width:100%;min-height:100vh}
