.countdown-overlay{position:absolute;inset:0;display:flex;justify-content:center;align-items:center;pointer-events:none;z-index:100}.countdown-box{background:#000000d9;border:3px solid #00ffff;border-radius:12px;padding:60px 120px;box-shadow:0 0 40px #0ffc,inset 0 0 40px #0ff3}.countdown-number{font-size:var(--font-size-countdown);font-weight:700;color:#0ff;display:block;line-height:1;filter:drop-shadow(0 0 10px rgba(0,255,255,.6)) drop-shadow(0 0 20px rgba(0,255,255,.4))}@media (prefers-reduced-motion: no-preference){.countdown-box{animation:countdown-pulse 1s ease-in-out}.countdown-number{animation:countdown-glow 1s ease-in-out}@keyframes countdown-pulse{0%{transform:scale(.8);opacity:0}50%{transform:scale(1.05)}to{transform:scale(1);opacity:1}}@keyframes countdown-glow{0%,to{filter:drop-shadow(0 0 10px rgba(0,255,255,.6)) drop-shadow(0 0 20px rgba(0,255,255,.4))}50%{filter:drop-shadow(0 0 15px rgba(0,255,255,.7)) drop-shadow(0 0 30px rgba(0,255,255,.5))}}}@media (prefers-reduced-motion: reduce){.countdown-box,.countdown-number{animation:none}}.race-track{position:relative;background:#0a0a0a;border:2px solid #00ffff;border-radius:8px;overflow:hidden;box-shadow:0 0 30px #00ffff80,inset 0 0 30px #00ffff1a}.race-canvas{display:block;width:100%;height:auto;image-rendering:crisp-edges;image-rendering:pixelated}.track-overlay{position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,transparent 0%,rgba(0,255,255,.02) 50%,transparent 100%)}.background-dim-overlay{position:absolute;inset:0;background:#000000b3;z-index:5;pointer-events:none}.empty-participants-container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;gap:clamp(20px,4vw,40px);pointer-events:none;z-index:10}.empty-participants-message{display:flex;flex-direction:column;align-items:center;gap:10px;font-size:clamp(24px,5vw,48px);font-weight:700;color:#0ff;text-shadow:0 0 20px #00ffff,0 0 40px #00ffff;font-family:monospace;animation:pulse 2s infinite}.word-line{text-align:center}.arrow-pointer{position:relative;width:clamp(100px,20vw,200px);height:clamp(50px,10vw,100px);animation:pulse 2s infinite}.arrow-pointer:before{content:"";position:absolute;top:50%;left:0;transform:translateY(-50%);width:0;height:0;border-top:clamp(25px,5vw,50px) solid transparent;border-bottom:clamp(25px,5vw,50px) solid transparent;border-right:clamp(40px,8vw,80px) solid #ff00ff;filter:drop-shadow(0 0 20px #ff00ff) drop-shadow(0 0 40px #ff00ff)}.arrow-pointer:after{content:"";position:absolute;top:50%;left:clamp(30px,6vw,60px);transform:translateY(-50%);width:clamp(70px,14vw,140px);height:clamp(30px,6vw,60px);background:#f0f;filter:drop-shadow(0 0 20px #ff00ff) drop-shadow(0 0 40px #ff00ff)}@keyframes pulse{0%,to{opacity:.6}50%{opacity:1}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.control-buttons-wrapper{display:flex;gap:10px;margin-bottom:15px;padding:0}.btn{padding:12px 20px;border:2px solid currentColor;background:#000000b3;color:#0ff;font-size:var(--font-size-xl);font-weight:700;border-radius:4px;text-transform:uppercase;transition:all .3s ease;cursor:pointer}.btn:hover:not(:disabled){background:#00ffff1a;box-shadow:0 0 15px currentColor;transform:translateY(-2px)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-start{flex:2;color:#0f0;border-color:#0f0}.btn-reset{flex:1;color:#f09;border-color:#f09}.leaderboard{background:#0a0a0ae6;border:2px solid #00ffff;border-radius:8px;overflow:hidden;box-shadow:0 0 20px #00ffff80}.leaderboard-header{background:linear-gradient(90deg,#f0f,#9d00ff);padding:15px;display:flex;justify-content:space-between;align-items:center}.races-count{font-size:var(--font-size-md);font-weight:700;opacity:.9}.leaderboard-body{padding:20px}.no-races{text-align:center;color:#666;padding:40px 20px}.leaderboard-list{display:flex;flex-direction:column;gap:5px}.leaderboard-header-row{display:grid;grid-template-columns:60px 1fr 60px;gap:10px;padding:10px;background:#00000080;border-bottom:2px solid #00ffff;margin-bottom:10px;font-weight:700;color:#0ff;font-size:var(--font-size-xs)}.leaderboard-item{display:grid;grid-template-columns:60px 1fr 60px;gap:10px;padding:10px;background:#0000004d;border:1px solid #00ffff;border-radius:4px;transition:all .3s ease}.leaderboard-item:hover{background:#00ffff1a;border-color:#fff}.rank{text-align:center;font-weight:700;color:#ff0;font-size:var(--font-size-xl)}.name{color:#fff;font-size:var(--font-size-xl);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.wins{text-align:center;color:#0f0;font-weight:700;font-size:var(--font-size-xl)}.stats-section{margin-top:20px;padding-top:20px;border-top:1px solid #00ffff}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:15px}.stat-item{padding:15px;background:#00000080;border:1px solid #00ffff;border-radius:4px;text-align:center}.stat-value{display:block;color:#0ff;font-size:var(--font-size-lg);font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.winner-modal-overlay{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .3s ease}.winner-modal{position:relative;background:linear-gradient(135deg,#0a0a0a,#1a0033);border:3px solid #00ffff;border-radius:12px;padding:40px;min-width:400px;box-shadow:0 0 50px #00ffffb3;animation:slideUp .5s ease}.confetti-container{position:absolute;inset:0;overflow:hidden;pointer-events:none}.confetti{position:absolute;width:10px;height:10px;background:var(--color);top:-10px;left:var(--position);animation:fall var(--delay) linear infinite}.winner-content{position:relative;z-index:1;text-align:center}.winner-title{font-size:var(--font-size-4xl);color:#0ff;background:linear-gradient(90deg,#0ff,#f0f,#ff0);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:20px;animation:pulse 1s ease infinite}.winner-name{font-size:var(--font-size-3xl);font-weight:700;margin-bottom:30px;text-shadow:0 0 8px currentColor;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.winner-stats{display:flex;justify-content:center;gap:30px;margin-bottom:30px}.stat{text-align:center}.stat-label{display:block;color:#666;font-size:var(--font-size-xs);margin-bottom:5px;text-transform:uppercase}.stat-value{display:block;color:#0ff;font-size:var(--font-size-xl);font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.btn-close{padding:15px 40px;background:linear-gradient(90deg,#0ff,#f0f);border:none;border-radius:4px;color:#fff;font-size:var(--font-size-md);font-weight:700;text-transform:uppercase;cursor:pointer;transition:all .3s ease}.btn-close:hover{transform:scale(1.05);box-shadow:0 0 20px #00ffff80}.trophy-icon{position:absolute;top:-30px;left:50%;transform:translate(-50%);font-size:var(--font-size-5xl);animation:bounce 1s ease infinite}@keyframes slideUp{0%{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes fall{to{transform:translateY(100vh) rotate(360deg)}}@keyframes bounce{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(-10px)}}@media (max-width: 768px){.winner-modal{min-width:90%;padding:30px 20px}.winner-title{font-size:var(--font-size-3xl)}.winner-name{font-size:var(--font-size-2xl)}.winner-stats{flex-direction:column;gap:15px}.stat-value{font-size:var(--font-size-lg)}}@media (max-width: 480px){.winner-modal{min-width:95%;padding:25px 15px}.winner-title{font-size:var(--font-size-2xl);margin-bottom:15px}.winner-name{font-size:var(--font-size-xl);margin-bottom:20px}.winner-stats{gap:10px}.btn-close{padding:12px 30px;font-size:var(--font-size-sm)}.trophy-icon{font-size:var(--font-size-4xl);top:-25px}}.bulk-import-modal-overlay{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .3s ease-in}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.bulk-import-modal{background:linear-gradient(135deg,#1a0033,#0a0a0a);border:2px solid #00ffff;border-radius:10px;box-shadow:0 0 30px #00ffff80;width:90%;max-width:600px;max-height:80vh;display:flex;flex-direction:column;animation:slideUp .3s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.bulk-import-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #00ffff}.bulk-import-title{font-size:var(--font-size-xl);font-weight:700;background:linear-gradient(90deg,#0ff,#9d00ff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin:0;text-shadow:0 0 10px rgba(0,255,255,.3)}.bulk-import-close-btn{background:transparent;border:2px solid #00ffff;border-radius:50%;width:32px;height:32px;color:#0ff;font-size:var(--font-size-lg);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;line-height:1}.bulk-import-close-btn:hover{background:#0ff;color:#fff;box-shadow:0 0 15px #0ff9;transform:rotate(90deg)}.bulk-import-content{padding:20px;flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:15px}.bulk-import-textarea{width:100%;background:#0a0a0a;border:2px solid #00ffff;border-radius:5px;padding:15px;color:#fff;font-size:var(--font-size-md);font-family:monospace;resize:vertical;outline:none;transition:all .3s ease;min-height:200px}.bulk-import-textarea:focus{border-color:#f0f;box-shadow:0 0 15px #ff00ff80}.bulk-import-textarea::placeholder{color:#666}.bulk-import-preview{background:#00ffff1a;border:1px solid #00ffff;border-radius:5px;padding:15px;display:flex;flex-direction:column;gap:10px}.bulk-import-preview-stat{display:flex;justify-content:space-between;align-items:center;padding:5px 0}.bulk-import-preview-label{color:#ccc;font-size:var(--font-size-sm)}.bulk-import-preview-value{color:#0ff;font-weight:700;font-size:var(--font-size-sm);text-shadow:0 0 5px rgba(0,255,255,.3)}.bulk-import-preview-warning{color:#ff0}.bulk-import-preview-warning .bulk-import-preview-value{color:#ff0;text-shadow:0 0 5px rgba(255,255,0,.3)}.bulk-import-success-message{background:#0f03;border:1px solid #00ffff;border-radius:5px;padding:10px 15px;color:#0f0;font-size:var(--font-size-sm);text-align:center;animation:fadeIn .3s ease-in;text-shadow:0 0 5px rgba(0,255,0,.3)}.bulk-import-error-message{background:#f003;border:1px solid #00ffff;border-radius:5px;padding:10px 15px;color:#f66;font-size:var(--font-size-sm);text-align:center;animation:fadeIn .3s ease-in}.bulk-import-footer{display:flex;gap:10px;padding:20px;border-top:1px solid #00ffff}.bulk-import-cancel-btn{flex:1;background:transparent;border:2px solid #00ffff;border-radius:5px;padding:12px 20px;color:#ccc;font-size:var(--font-size-sm);font-weight:700;cursor:pointer;transition:all .3s ease}.bulk-import-cancel-btn:hover{border-color:#fff;color:#fff;box-shadow:0 0 10px #ffffff4d}.bulk-import-submit-btn{flex:2;background:linear-gradient(135deg,#0ff,#9d00ff);border:none;border-radius:5px;padding:12px 20px;color:#fff;font-size:var(--font-size-sm);font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 0 15px #00ffff4d}.bulk-import-submit-btn:hover{transform:translateY(-2px);box-shadow:0 0 25px #0ff9}.bulk-import-submit-btn:active{transform:translateY(0)}.bulk-import-submit-btn:disabled{background:#333;cursor:not-allowed;box-shadow:none;opacity:.5}.bulk-import-submit-btn:disabled:hover{transform:none}@media (max-width: 768px){.bulk-import-modal{width:95%;max-height:85vh}.bulk-import-textarea{min-height:150px;font-size:var(--font-size-sm)}}@media (max-width: 480px){.bulk-import-modal{width:98%;max-height:90vh}.bulk-import-header{padding:15px}.bulk-import-title{font-size:var(--font-size-lg)}.bulk-import-textarea{min-height:120px;padding:10px}.bulk-import-footer{flex-direction:column;gap:8px}.bulk-import-cancel-btn,.bulk-import-submit-btn{width:100%}}.participant-manager{background:linear-gradient(135deg,#1a0033,#0a0a0a);border:2px solid #00ffff;border-radius:10px;padding:20px;box-shadow:0 0 20px #00ffff80;color:#fff;max-height:500px;display:flex;flex-direction:column}.participant-title{font-size:var(--font-size-xl);font-weight:700;background:linear-gradient(90deg,#f0f,#9d00ff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-align:center;margin:0 0 20px;text-shadow:0 0 5px rgba(255,0,255,.3)}.participant-input-section{display:flex;gap:10px;margin-bottom:15px;flex-wrap:wrap}.participant-input{flex:1;background:#0a0a0a;border:1px solid #00ffff;border-radius:5px;padding:10px;color:#fff;font-size:var(--font-size-md);outline:none;transition:all .3s ease}.participant-input:focus{border-color:#f0f;box-shadow:0 0 10px #ff00ff80}.participant-input::placeholder{color:#666}.participant-add-btn{background:linear-gradient(135deg,#f0f,#9d00ff);border:none;border-radius:5px;padding:10px 20px;color:#fff;font-size:var(--font-size-md);font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 0 10px #ff00ff4d}.participant-add-btn:hover{transform:translateY(-2px);box-shadow:0 0 20px #f0f9}.participant-add-btn:active{transform:translateY(0)}.participant-add-btn:disabled{background:#333;cursor:not-allowed;box-shadow:none;opacity:.5}.participant-add-btn:disabled:hover{transform:none}.participant-import-btn{background:linear-gradient(135deg,#0ff,#9d00ff);border:none;border-radius:5px;padding:10px 15px;color:#fff;font-size:var(--font-size-md);font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 0 10px #00ffff4d;white-space:nowrap}.participant-import-btn:hover{transform:translateY(-2px);box-shadow:0 0 20px #0ff9}.participant-import-btn:active{transform:translateY(0)}.participant-import-btn:disabled{background:#333;cursor:not-allowed;box-shadow:none;opacity:.5}.participant-import-btn:disabled:hover{transform:none}.participant-error-message{background:#f003;border:1px solid #00ffff;border-radius:5px;padding:8px 12px;color:#f66;font-size:var(--font-size-xs);margin-bottom:10px;text-align:center;animation:slideDown .3s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.participant-count{text-align:center;color:#0ff;font-size:var(--font-size-md);font-weight:700;margin-bottom:15px;text-shadow:0 0 3px rgba(0,255,255,.3)}.participant-list{flex:1;overflow-y:auto;margin-bottom:15px;padding-right:5px}.participant-list::-webkit-scrollbar{width:8px}.participant-list::-webkit-scrollbar-track{background:#0a0a0a;border-radius:4px}.participant-list::-webkit-scrollbar-thumb{background:#0ff;border-radius:4px}.participant-list::-webkit-scrollbar-thumb:hover{background:#0cc}.participant-empty{text-align:center;color:#666;padding:20px;font-style:italic}.participant-item{display:flex;align-items:center;gap:10px;background:#00ffff1a;border:1px solid #00ffff;border-radius:5px;padding:10px;margin-bottom:8px;transition:all .3s ease;min-width:0}.participant-item:hover{background:#0ff3;border-color:#fff;box-shadow:0 0 10px #00ffff4d}.participant-color-indicator{width:20px;height:20px;border-radius:50%;box-shadow:0 0 10px currentColor;flex-shrink:0}.participant-name{flex:1;color:#fff;font-size:var(--font-size-md);font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.participant-remove-btn{background:transparent;border:1px solid #00ffff;border-radius:50%;width:24px;height:24px;color:#0ff;font-size:var(--font-size-md);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;flex-shrink:0}.participant-remove-btn:hover{background:#0ff;color:#fff;box-shadow:0 0 10px #00ffff80}.participant-clear-btn{background:linear-gradient(135deg,#f09,#9d00ff);border:none;border-radius:5px;padding:10px;color:#fff;font-weight:700;cursor:pointer;transition:all .3s ease;width:100%;box-shadow:0 0 10px #ff00994d}.participant-clear-btn:hover{transform:translateY(-2px);box-shadow:0 0 20px #f099}.participant-clear-btn:active{transform:translateY(0)}.event-banner{width:100%;padding:20px;background:linear-gradient(135deg,#1a0033,#0a0a0a);border-bottom:2px solid #00ffff;box-shadow:0 4px 20px #00ffff4d;position:relative}.event-banner-content{display:flex;justify-content:center;align-items:center;max-width:700px;margin:0 auto}.audio-toggle-btn-inline{position:absolute;top:15px;left:15px;width:50px;height:50px;border-radius:50%;background:linear-gradient(135deg,#f0f,#9d00ff);border:2px solid #00ffff;font-size:var(--font-size-xl);cursor:pointer;box-shadow:0 0 15px #f0f6;transition:all .3s ease;display:flex;align-items:center;justify-content:center;flex-shrink:0;z-index:10}.audio-toggle-btn-inline:hover{transform:scale(1.1);box-shadow:0 0 25px #f0f9}.event-banner-input{flex:1;max-width:600px;background:#0a0a0acc;border:2px solid #00ffff;border-radius:10px;padding:15px 20px;color:#fff;font-size:var(--font-size-xl);font-weight:700;text-align:center;outline:none;transition:all .3s ease;background-clip:padding-box}.event-banner-input:focus{border-color:#f0f;box-shadow:0 0 20px #ff00ff80}.event-banner-input::placeholder{color:#666;font-weight:400}.event-banner-input:not(:placeholder-shown){background:linear-gradient(90deg,#f0f,#9d00ff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 0 5px rgba(255,0,255,.3)}.audio-upload-panel-banner{position:absolute;top:90px;left:50%;transform:translate(-50%);width:clamp(300px,90vw,400px);background:linear-gradient(135deg,#1a0033,#0a0a0a);border:2px solid #00ffff;border-radius:15px;box-shadow:0 0 30px #0ff9;overflow:hidden;z-index:100}.audio-panel-header{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;background:#00ffff1a;border-bottom:1px solid #00ffff}.audio-panel-title{margin:0;font-size:var(--font-size-md);font-weight:700;background:linear-gradient(90deg,#f0f,#0ff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.audio-close-btn{background:transparent;border:1px solid #00ffff;border-radius:50%;width:30px;height:30px;color:#0ff;font-size:var(--font-size-xl);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.audio-close-btn:hover{background:#0ff;color:#fff}.audio-panel-body{padding:20px}.audio-file-info{text-align:center}.audio-file-name{color:#0ff;font-size:var(--font-size-sm);margin-bottom:15px;padding:10px;background:#00ffff1a;border-radius:5px;text-shadow:0 0 3px rgba(0,255,255,.3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.audio-controls-section{display:flex;justify-content:center;gap:10px;margin-bottom:15px}.audio-control-btn{width:50px;height:50px;border-radius:10px;background:#0ff3;border:2px solid #00ffff;font-size:var(--font-size-lg);cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.audio-control-btn:hover{background:#0ff6;border-color:#fff;box-shadow:0 0 15px #00ffff80}.audio-control-btn.active{background:linear-gradient(135deg,#f0f,#9d00ff);border-color:#0ff;box-shadow:0 0 15px #00ffff80}.audio-remove-btn{background:linear-gradient(135deg,#f09,#9d00ff);border:none;border-radius:5px;padding:10px 20px;color:#fff;font-weight:700;cursor:pointer;transition:all .3s ease;width:100%}.audio-remove-btn:hover{transform:translateY(-2px);box-shadow:0 0 15px #f099}.audio-upload-section{text-align:center}.audio-upload-hint{color:#ccc;font-size:var(--font-size-sm);margin-bottom:15px}.audio-upload-btn{background:linear-gradient(135deg,#0ff,#09f);border:none;border-radius:5px;padding:12px 24px;color:#0a0a0a;font-weight:700;cursor:pointer;transition:all .3s ease;margin-bottom:10px;width:100%}.audio-upload-btn:hover{transform:translateY(-2px);box-shadow:0 0 15px #0ff9}.audio-file-input{display:none}.audio-supported-formats{color:#666;font-size:var(--font-size-xs);font-style:italic}.audio-error-message{margin-top:15px;padding:10px;background:#ff00001a;border:1px solid #00ffff;border-radius:5px;color:#f66;font-size:var(--font-size-xs);text-align:center;animation:fadeIn .3s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.audio-volume-control{margin-top:20px;padding-top:20px;border-top:1px solid #00ffff}.audio-volume-label{display:block;color:#0ff;font-size:var(--font-size-sm);margin-bottom:10px;text-shadow:0 0 3px rgba(0,255,255,.3)}.audio-volume-slider{width:100%;height:6px;border-radius:3px;background:#0ff3;outline:none;-webkit-appearance:none}.audio-volume-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:linear-gradient(135deg,#f0f,#0ff);cursor:pointer;box-shadow:0 0 10px #ff00ff80}.audio-volume-slider::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:linear-gradient(135deg,#f0f,#0ff);cursor:pointer;box-shadow:0 0 10px #ff00ff80;border:none}.audio-volume-slider::-webkit-slider-thumb:hover{box-shadow:0 0 15px #f0fc}@media (max-width: 768px){.event-banner{padding:15px}.event-banner-content{max-width:100%}.event-banner-input{font-size:var(--font-size-lg);padding:12px 15px}.audio-toggle-btn-inline{top:10px;left:10px;width:45px;height:45px}}@media (max-width: 480px){.event-banner{padding:10px}.event-banner-input{font-size:var(--font-size-md);padding:10px 12px}.audio-toggle-btn-inline{width:40px;height:40px;font-size:var(--font-size-lg)}}.app{min-height:100vh;display:flex;flex-direction:column;background:radial-gradient(circle at center,rgba(0,255,255,.05) 0%,transparent 70%)}.app-header{text-align:center;padding:10px;background:linear-gradient(90deg,transparent,rgba(0,255,255,.1),transparent);border-bottom:2px solid #00ffff;box-shadow:0 0 20px #00ffff80}.app-title{font-size:var(--font-size-4xl);color:#0ff;background:linear-gradient(90deg,#0ff,#f0f,#9d00ff,#0ff);background-size:200% auto;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:gradient 3s linear infinite;text-shadow:0 0 10px rgba(0,255,255,.3)}.app-content{flex:1;display:flex;gap:20px;padding:20px}.left-panel{flex:1;display:flex;flex-direction:column;gap:20px;min-width:0}.main-panel{flex:2;display:flex;flex-direction:column;gap:20px;min-width:0}.side-panel{flex:1;display:flex;flex-direction:column;gap:20px;min-width:0}.app-footer{text-align:center;padding:20px;border-top:1px solid #00ffff;background:#00000080}.footer-text{color:#0ff;opacity:.7;font-size:var(--font-size-sm)}@keyframes gradient{0%{background-position:0% 50%}to{background-position:200% 50%}}@media (max-width: 1024px){.app-content{flex-direction:column}.left-panel,.main-panel,.side-panel{flex:1;width:100%}}@media (max-width: 768px){.app-title{font-size:var(--font-size-3xl)}.app-content{padding:15px;gap:15px}}@media (max-width: 480px){.app-title{font-size:var(--font-size-2xl)}.app-header{padding:8px}.app-content{padding:10px;gap:10px}}:root{--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-md: 1.125rem;--font-size-lg: 1.25rem;--font-size-xl: 1.5rem;--font-size-2xl: 1.75rem;--font-size-3xl: 2.25rem;--font-size-4xl: 3rem;--font-size-5xl: 3.75rem;--font-size-countdown: 12.5rem}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Courier New,monospace;background:linear-gradient(135deg,#0a0a0a,#1a0033,#0a0a0a);color:#fff;min-height:100vh;overflow-x:hidden}#root{min-height:100vh;display:flex;flex-direction:column}button{cursor:pointer;font-family:inherit;transition:all .3s ease}button:disabled{opacity:.5;cursor:not-allowed}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#00ffff1a}::-webkit-scrollbar-thumb{background:#0ff;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#0cc}