:root{--primary-bg: #1a1a1a;--secondary-bg: #2a2a2a;--text-primary: #00ffff;--text-secondary: #888;--accent-color: #00ccff;--border-color: #333;--progress-bg: #444;--progress-fill: #00ffff}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Courier New,monospace;background:var(--primary-bg);color:var(--text-primary);min-height:100vh;display:flex;align-items:center;justify-content:center;line-height:1.4;margin:0;padding:0}#app{width:100%;max-width:800px;margin:0 auto;padding:20px}#start-screen{text-align:center;padding:40px 20px}#start-container{background:var(--secondary-bg);border:2px solid var(--border-color);border-radius:12px;padding:50px 30px;box-shadow:0 0 30px #00ffff26;max-width:500px;margin:0 auto}#start-title{font-size:3em;margin-bottom:20px;color:var(--accent-color);text-shadow:0 0 15px var(--accent-color);animation:pulse 2s infinite ease-in-out}#start-description{font-size:1.2em;margin-bottom:30px;color:var(--text-secondary);line-height:1.6}.play-button{font-size:1.5em;padding:20px 40px;background:linear-gradient(135deg,var(--accent-color),#0088cc);color:var(--primary-bg);border:3px solid var(--accent-color);border-radius:12px;cursor:pointer;font-family:inherit;font-weight:700;text-transform:uppercase;letter-spacing:1px;transition:all .3s ease;box-shadow:0 4px 20px #00ccff4d;margin-bottom:20px}.play-button:hover{background:linear-gradient(135deg,#0088cc,var(--accent-color));transform:translateY(-3px);box-shadow:0 8px 30px #00ccff80}.play-button:active{transform:translateY(-1px)}#start-disclaimer{margin-top:20px;color:var(--text-secondary);font-style:italic;opacity:.7}#queue-container{background:var(--secondary-bg);border:2px solid var(--border-color);border-radius:8px;padding:30px;box-shadow:0 0 20px #00ffff1a}#queue-header{text-align:center;margin-bottom:15px;border-bottom:1px solid var(--border-color);padding-bottom:15px}#queue-title{font-size:2.5em;margin-bottom:10px;color:var(--accent-color);text-shadow:0 0 10px var(--accent-color)}#queue-info{display:flex;justify-content:space-around;gap:20px;flex-wrap:wrap}#position-display,#wait-time-display,#countdown-display{font-size:1.2em;padding:10px;background:var(--primary-bg);border:1px solid var(--border-color);border-radius:4px}#countdown-display{font-size:1em;background:var(--secondary-bg)}#countdown-timer{color:var(--accent-color);font-weight:700;font-family:monospace}#position-main{text-align:center;margin:15px 0;padding:20px;background:var(--secondary-bg);border:2px solid var(--accent-color);border-radius:12px;box-shadow:0 0 20px #0cf3}#position-label{font-size:1.2em;color:var(--text-secondary);margin-bottom:10px;text-transform:uppercase;letter-spacing:1px}#position-number{font-size:3em;font-weight:700;font-family:Courier New,monospace}#current-position{color:var(--accent-color);text-shadow:0 0 10px rgba(0,204,255,.5)}#current-wait-time{color:var(--text-secondary);font-weight:400;font-size:.9em}#wait-time-display{text-align:center;margin:15px 0 5px;opacity:.7}#queue-main{margin:10px 0}#queue-status{margin-bottom:20px}#queue-message{text-align:center;font-size:1.1em;padding:15px;background:var(--primary-bg);border:1px solid var(--border-color);border-radius:4px;color:var(--text-secondary)}#news-container{margin:15px 0 20px;background:var(--primary-bg);border:1px solid var(--border-color);border-radius:8px;overflow:hidden}#news-header{background:var(--secondary-bg);padding:10px 15px;border-bottom:1px solid var(--border-color)}#news-header h3{margin:0;color:var(--accent-color);font-size:1em;font-weight:700}#news-ticker{min-height:80px;padding:5px;transition:opacity .3s ease}.news-fading-out{opacity:.3}.news-fading-in{opacity:1}#ad-container{margin:20px 0;border:2px dashed var(--border-color);border-radius:8px;padding:20px;min-height:150px;display:flex;align-items:center;justify-content:center}#ad-display{width:100%;text-align:center}#current-ad{font-size:1.1em;color:var(--text-secondary);padding:20px;background:var(--primary-bg);border-radius:4px;cursor:pointer;transition:all .3s ease}#current-ad:hover{background:var(--border-color);color:var(--text-primary)}#queue-footer{border-top:1px solid var(--border-color);padding-top:15px;display:flex;flex-direction:column;gap:15px}#controls-panel{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;padding:15px;background:var(--primary-bg);border-radius:8px;border:1px solid var(--border-color)}.control-button{padding:10px 15px;background:var(--secondary-bg);border:2px solid var(--border-color);border-radius:6px;color:var(--text-primary);font-family:inherit;font-size:.9em;cursor:pointer;transition:all .3s ease;min-width:120px}.control-button:hover{background:var(--border-color);transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.control-button.premium{background:linear-gradient(135deg,gold,#fa0);color:#000;border-color:gold;font-weight:700}.control-button.premium:hover{background:linear-gradient(135deg,#fa0,#f80);box-shadow:0 4px 20px #ffd70066}.control-button.danger{background:#f44;color:#fff;border-color:#f66}.control-button.danger:hover{background:#f66}.control-button:active{transform:translateY(0)}#achievements-panel h3{color:var(--accent-color);margin-bottom:15px;text-align:center}#achievement-count{font-size:.8em;color:var(--text-secondary);font-weight:400}#achievements-list{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.achievement-item{padding:8px 12px;background:var(--primary-bg);border:1px solid var(--border-color);border-radius:4px;font-size:.9em;color:var(--text-secondary);transition:all .3s ease}.achievement-item.unlocked{background:var(--progress-fill);color:var(--primary-bg);font-weight:700;box-shadow:0 2px 8px #00ffff4d}.achievement-item:hover{transform:scale(1.05)}#stats-panel h3{color:var(--accent-color);margin-bottom:15px;text-align:center}#stats-display{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px}.stat-item{display:flex;justify-content:space-between;padding:8px 12px;background:var(--primary-bg);border:1px solid var(--border-color);border-radius:4px}.stat-label{color:var(--text-secondary)}.stat-value{color:var(--accent-color);font-weight:700}#branding-header{display:flex;align-items:center;justify-content:center;gap:15px;margin-bottom:30px;padding:20px;border-bottom:1px solid var(--border-color)}#logo{width:60px;height:60px;border-radius:8px;filter:drop-shadow(0 0 10px rgba(0,204,255,.3))}#game-branding{display:flex;flex-direction:column;align-items:flex-start}#publisher-banner{height:40px;width:auto;filter:drop-shadow(0 0 8px rgba(0,204,255,.4))}#presents{font-size:.8em;color:var(--text-secondary);font-style:italic;margin-top:2px}#contact-section{margin-top:20px;border-top:1px solid var(--border-color);padding-top:20px}.contact-button{padding:12px 25px;background:linear-gradient(135deg,var(--accent-color),#0088cc);color:var(--primary-bg);border:2px solid var(--accent-color);border-radius:8px;cursor:pointer;font-family:inherit;font-weight:700;font-size:1em;transition:all .3s ease;box-shadow:0 4px 15px #00ccff4d}.contact-button:hover{background:linear-gradient(135deg,#0088cc,var(--accent-color));transform:translateY(-2px);box-shadow:0 6px 20px #0cf6}.contact-button:active{transform:translateY(0)}#game-footer-branding{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:20px;padding:15px;border-top:1px solid var(--border-color);color:var(--text-secondary);font-size:.8em}#footer-banner{height:16px;width:auto;opacity:.8;filter:drop-shadow(0 0 3px rgba(0,204,255,.2))}@media (max-width: 600px){#app{padding:10px}#queue-container{padding:20px}#queue-title{font-size:2em}#queue-info{flex-direction:column;gap:10px}#position-display,#wait-time-display{font-size:1em}}.achievement-item{padding:8px 12px;margin:4px 0;border-radius:4px;font-size:.9em;transition:all .2s ease}.achievement-item.unlocked{background:#0cf3;color:var(--accent-color);border-left:3px solid var(--accent-color)}.achievement-item.locked{background:#4444444d;color:var(--text-secondary);border-left:3px solid #555}.theme-basic{--primary-bg: #1a1a1a;--secondary-bg: #2a2a2a;--text-primary: #00ff00;--text-secondary: #888;--accent-color: #ffff00;--border-color: #333;--progress-bg: #444;--progress-fill: #00ff00}.theme-fancy{--primary-bg: #f8f9fa;--secondary-bg: #ffffff;--text-primary: #212529;--text-secondary: #6c757d;--accent-color: #007bff;--border-color: #dee2e6;--progress-bg: #e9ecef;--progress-fill: #007bff}.theme-fancy body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.theme-fancy #queue-container{box-shadow:0 4px 20px #007bff26}.theme-action{--primary-bg: #0d1117;--secondary-bg: #161b22;--text-primary: #ff4444;--text-secondary: #8b949e;--accent-color: #ff6b35;--border-color: #30363d;--progress-bg: #21262d;--progress-fill: #ff4444}.theme-action #queue-title{text-transform:uppercase;letter-spacing:2px;font-weight:700}.theme-action #queue-container{box-shadow:0 0 30px #f443;border-color:#f44}.theme-space{--primary-bg: #0f0520;--secondary-bg: #1a0b3d;--text-primary: #00ffff;--text-secondary: #9d4edd;--accent-color: #e0aaff;--border-color: #5a189a;--progress-bg: #240046;--progress-fill: #00ffff}.theme-space #queue-container{box-shadow:0 0 40px #00ffff4d;background:linear-gradient(135deg,var(--secondary-bg),#240046)}.theme-space #queue-title{color:var(--accent-color);text-shadow:0 0 20px var(--accent-color)}.theme-battle{--primary-bg: #2d1b00;--secondary-bg: #4a2c00;--text-primary: #ffd700;--text-secondary: #cd853f;--accent-color: #ff8c00;--border-color: #8b4513;--progress-bg: #654321;--progress-fill: #ffd700}.theme-battle #queue-container{box-shadow:0 0 25px #ffd70066;border:3px solid var(--accent-color)}.theme-mystical{--primary-bg: #1a0b2e;--secondary-bg: #16213e;--text-primary: #eee8aa;--text-secondary: #dda0dd;--accent-color: #daa520;--border-color: #483d8b;--progress-bg: #2f1b69;--progress-fill: #daa520}.theme-mystical #queue-container{box-shadow:0 0 50px #daa5204d;background:radial-gradient(circle at center,var(--secondary-bg),var(--primary-bg))}.theme-mystical #queue-title{font-style:italic;text-shadow:0 0 15px var(--accent-color)}.theme-infinite{--primary-bg: #000000;--secondary-bg: #001100;--text-primary: #00ff41;--text-secondary: #008f11;--accent-color: #39ff14;--border-color: #003300;--progress-bg: #001a00;--progress-fill: #00ff41}.theme-infinite{animation:glitch 2s infinite}.theme-infinite #queue-container{box-shadow:0 0 60px #00ff4180;border:2px solid var(--accent-color)}.theme-infinite #queue-title{animation:textGlitch 1.5s infinite}.theme-transition{transition:all 1s ease-in-out}@keyframes glitch{0%,90%,to{transform:translate(0)}10%{transform:translate(-1px,-1px)}20%{transform:translate(1px,1px)}30%{transform:translate(-1px,1px)}40%{transform:translate(1px,-1px)}}@keyframes textGlitch{0%,90%,to{text-shadow:0 0 10px var(--accent-color)}10%{text-shadow:2px 0 0 #ff0000,-2px 0 0 #00ffff}20%{text-shadow:-2px 0 0 #ff0000,2px 0 0 #00ffff}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}@keyframes slideIn{0%{transform:translate(-100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideOut{0%{transform:translate(0);opacity:1}to{transform:translate(100%);opacity:0}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.position-updating{animation:pulse .5s ease-in-out;color:var(--accent-color)}.position-jumped{animation:bounce .8s ease-in-out;color:#f44}#progress-fill{transition:width .3s ease-out}.progress-glitch{animation:progressGlitch .5s ease-in-out}@keyframes progressGlitch{0%,to{width:var(--progress-width)}25%{width:100%}50%{width:0%}75%{width:50%}}.ad-entering{animation:slideIn .5s ease-out}.ad-leaving{animation:slideOut .5s ease-in}.ad-blinking{animation:pulse 1s infinite}.achievement-notification{animation:achievementPop 3s ease-out;position:fixed;top:20px;right:20px;background:var(--accent-color);color:var(--primary-bg);padding:15px 20px;border-radius:8px;font-weight:700;z-index:1000;box-shadow:0 4px 20px #0000004d}@keyframes achievementPop{0%{transform:translate(400px);opacity:0}15%,85%{transform:translate(0);opacity:1}to{transform:translate(400px);opacity:0}}.queue-event-message{animation:eventFlash 2s ease-out;background:#f44;color:#fff;padding:10px;border-radius:4px;margin:10px 0}@keyframes eventFlash{0%,to{background:#f44}50%{background:#fa4}}.loading{animation:pulse 1.5s infinite}.loading:after{content:"...";animation:dots 1.5s infinite}@keyframes dots{0%,20%{content:""}40%{content:"."}60%{content:".."}80%,to{content:"..."}}.clickable{cursor:pointer;transition:all .2s ease}.clickable:hover{transform:translateY(-2px);box-shadow:0 4px 15px #0003}.screen-transition{animation:screenFade 1s ease-in-out}@keyframes screenFade{0%{opacity:1}50%{opacity:0}to{opacity:1}}.particle{position:absolute;width:4px;height:4px;background:var(--accent-color);border-radius:50%;pointer-events:none;animation:particleFloat 3s linear infinite}@keyframes particleFloat{0%{opacity:1;transform:translateY(0) rotate(0)}to{opacity:0;transform:translateY(-100px) rotate(360deg)}}.glitch-text{animation:textGlitch .3s ease-in-out}.system-error{animation:systemError 2s ease-in-out;color:red}@keyframes systemError{0%,to{transform:scale(1)}25%{transform:scale(1.05) rotate(1deg)}50%{transform:scale(.95) rotate(-1deg)}75%{transform:scale(1.02) rotate(.5deg)}}@media (max-width: 600px){.achievement-notification{left:10px;right:10px}@keyframes achievementPop{0%{transform:translateY(-100px);opacity:0}15%,85%{transform:translateY(0);opacity:1}to{transform:translateY(-100px);opacity:0}}}