@import "https://fonts.googleapis.com/css2?family=Press+Start+2P&family=VT323&family=Share+Tech+Mono:wght@400;700&display=swap";:root{--bg-primary:#0a0a0c;--surface:#141418;--border:#e10600;--border-light:#24242c;--accent:#e10600;--accent-secondary:#ffeb00;--accent-tertiary:#fff;--text-main:#f4f4f6;--text-muted:#8e8e9f;--danger:#e10600;--warning:#ffb300;--success:#00e676;--glow-cyan:#e1060059;--glow-magenta:#ffeb0059;--glow-green:#00e67659;--glow-red:#e1060059;--transition:.15s steps(4)}*{box-sizing:border-box;margin:0;padding:0;font-family:Share Tech Mono,monospace}body{background-color:var(--bg-primary);color:var(--text-main);background-image:url(/images/ferrari_f1_pixel_bg.png),linear-gradient(#e1060008 1px,#0000 1px),linear-gradient(90deg,#e1060008 1px,#0000 1px);background-position:50%;background-repeat:no-repeat,repeat,repeat;background-size:cover,40px 40px,40px 40px;background-attachment:fixed,fixed,fixed;width:100%;min-height:100vh;padding-bottom:120px;overflow-x:hidden}body:after{content:"";z-index:9999;pointer-events:none;opacity:.12;background:linear-gradient(#12101000 50%,#00000040 50%) 0 0/100% 4px;position:fixed;inset:0}#root{z-index:1;flex-direction:column;min-height:100vh;display:flex;position:relative}.container{max-width:1200px;margin:0 auto;padding:20px}.card{background:var(--surface);border:4px solid #000;border-radius:0;margin-bottom:25px;padding:40px 30px;position:relative;box-shadow:8px 8px #000000b3}.card:before{content:"";background-color:#fff;background-image:linear-gradient(45deg,#000 25%,#0000 25%),linear-gradient(-45deg,#000 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#000 75%),linear-gradient(-45deg,#0000 75%,#000 75%);background-position:0 0,0 4px,4px -4px,-4px 0;background-size:8px 8px;border-bottom:2px solid #000;height:8px;position:absolute;top:0;left:0;right:0}.title{color:var(--accent);text-transform:uppercase;letter-spacing:0;text-shadow:3px 3px #000;margin-bottom:15px;font-family:"Press Start 2P",monospace;font-size:1.5rem}.subtitle{color:var(--text-muted);letter-spacing:.5px;font-family:Share Tech Mono,monospace;font-size:1.1rem}.btn{cursor:pointer;color:#000;text-transform:uppercase;background:#fff;border:3px solid #000;border-radius:0;justify-content:center;align-items:center;padding:12px 24px;font-family:"Press Start 2P",monospace;font-size:.75rem;font-weight:700;transition:transform 50ms,box-shadow 50ms;display:inline-flex;box-shadow:4px 4px #000}.btn:active:not(:disabled){transform:translate(3px,3px);box-shadow:1px 1px #000}.btn:disabled{opacity:.5;cursor:not-allowed;color:#8b92a5!important;box-shadow:none!important;background:#4a4d55!important;transform:none!important}.btn-primary{background:var(--accent);color:#fff;border-color:#000}.btn-danger{background:var(--danger);color:#fff;border-color:#000}.btn-success{background:var(--success);color:#000;border-color:#000}.btn-outline{background:var(--surface);color:var(--text-main);border-color:#000}.btn-outline:hover:not(:disabled){color:var(--accent);background:#1b1e28}input[type=text],input[type=password],input[type=number]{color:#fff;background:#07080b;border:3px solid #000;border-radius:0;outline:none;width:100%;padding:12px 16px;font-family:Share Tech Mono,monospace;font-size:1.1rem;box-shadow:inset 3px 3px #000c}input:focus{border-color:var(--accent)}input::placeholder{color:#8b92a566}.telemetry-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:16px;margin-bottom:24px;display:grid}.telemetry-card{text-align:center;background:#141418;border:3px solid #000;border-radius:0;flex-direction:column;gap:8px;padding:15px 12px;display:flex;position:relative;overflow:hidden;box-shadow:4px 4px #00000080}.telemetry-card:before{content:"";background:var(--accent);width:4px;position:absolute;top:0;bottom:0;left:0}.telemetry-label{color:var(--text-muted);letter-spacing:1px;text-transform:uppercase;font-family:Share Tech Mono,monospace;font-size:.75rem;font-weight:700}.telemetry-value{color:#fff;text-shadow:2px 2px #000;font-family:"Press Start 2P",monospace;font-size:1.1rem;font-weight:700}.val-secured{color:var(--accent-tertiary)!important}.val-warning{color:var(--accent-secondary)!important}.val-danger{color:var(--danger)!important}.question-dots-row{flex-wrap:wrap;gap:8px;display:flex}.question-dot,.node-dot{cursor:pointer;width:32px;height:32px;transition:var(--transition);border:3px dashed var(--text-muted);color:var(--text-muted);background:#16161a;justify-content:center;align-items:center;font-family:"Press Start 2P",monospace;font-size:.65rem;font-weight:700;display:flex;border-radius:50%!important}.question-dot.secured,.node-dot.secured{border:3px solid var(--accent);color:var(--accent);text-shadow:0 0 5px #e1060080;background:#16161a}.question-dot.skipped,.question-dot.active-q,.node-dot.active-node{border:3px solid var(--accent-secondary);color:var(--accent-secondary);background:#16161a}.question-dot.locked,.node-dot.locked{color:#666;cursor:not-allowed;opacity:.5;background:#0c0c0e;border:3px solid #666}.question-dot.failed,.node-dot.failed{color:#ff4f4f;background:#16161a;border:3px solid #ff4f4f}.round-badge-container{flex-wrap:wrap;gap:8px;display:flex}.round-badge{text-align:center;background:var(--surface);width:36px;height:36px;color:var(--text-muted);cursor:pointer;border:3px solid #000;border-radius:0;font-family:"Press Start 2P",monospace;font-size:.7rem;font-weight:700;line-height:30px;display:inline-block;box-shadow:2px 2px #000}.round-badge.secured{background:var(--accent-tertiary);color:#000}.round-badge.pending{background:var(--accent-secondary);color:#000;animation:1s steps(2,end) infinite alternate retro-pulse}.round-badge.locked{color:#4a4a5a;opacity:.6;cursor:not-allowed;background:#1a1a24}.progress-container{background:#000;border:3px solid #222;width:100%;height:12px;margin:15px 0;position:relative;overflow:hidden}.progress-bar{background:repeating-linear-gradient(90deg, var(--accent), var(--accent) 8px, #000 8px, #000 12px);height:100%;transition:width .3s steps(10,end)}.table-container{background:var(--surface);-webkit-overflow-scrolling:touch;border:4px solid #000;margin-top:15px;overflow-x:auto;box-shadow:4px 4px #00000080}table{border-collapse:collapse;width:100%}th{color:var(--accent-secondary);text-align:left;background:#000;border-bottom:4px solid #000;padding:15px 10px;font-family:"Press Start 2P",monospace;font-size:.65rem}td{border-bottom:2px solid #000;padding:12px 10px;font-family:Share Tech Mono,monospace;font-size:1.05rem}tr:hover{background:#1b1e2a}tr.eliminated{opacity:.4;background:#e106000d}tr.eliminated td{text-decoration:line-through}.timer-display{color:var(--accent-secondary);background:#000;border:3px solid #222;padding:2px 12px;font-family:VT323,monospace;font-size:2.2rem;line-height:1;display:inline-block;box-shadow:inset 0 0 10px #ffd60033}.loader{justify-content:center;align-items:center;gap:8px;display:flex}.loader-dot{background:var(--accent);border:2px solid #000;width:12px;height:12px;animation:1s steps(2,end) infinite alternate retro-pulse}.loader-dot:nth-child(2){background:var(--accent-secondary);animation-delay:.2s}.loader-dot:nth-child(3){background:var(--accent-tertiary);animation-delay:.4s}.modal-overlay{z-index:2000;background:#050508e6;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-content{width:100%;max-width:600px;animation:.2s steps(2,end) retro-shake}.navbar{background:var(--surface);z-index:1000;border-bottom:4px solid #000;position:sticky;top:0}.navbar-content{grid-template-columns:1fr auto 1fr;align-items:center;width:100%;display:grid}.navbar-left{justify-content:flex-start;display:flex}.dsc-logo{width:70px;height:auto;image-rendering:pixelated}.navbar-center{justify-content:center;display:flex}.navbar-links{align-items:center;gap:12px;display:flex}.nav-link{color:var(--text-muted);text-transform:uppercase;cursor:pointer;transition:var(--transition);background:0 0;border:3px solid #0000;padding:8px 12px;font-family:"Press Start 2P",monospace;font-size:.65rem;text-decoration:none}.nav-link:hover{color:var(--accent);background:#000;border-color:#000}.nav-link.active{color:var(--accent-secondary);background:#000;border-color:#000}.navbar-right{justify-content:flex-end;align-items:center;display:flex}.glitch-text{color:#fff;text-transform:uppercase;text-shadow:2px 2px 0px var(--accent);font-size:.8rem;font-family:"Press Start 2P",monospace!important}@keyframes retro-pulse{0%{opacity:1}to{opacity:.3}}@keyframes retro-shake{0%{transform:translate(2px,1px)rotate(0)}10%{transform:translate(-1px,-2px)rotate(-1deg)}20%{transform:translate(-3px)rotate(1deg)}30%{transform:translateY(2px)rotate(0)}40%{transform:translate(1px,-1px)rotate(1deg)}50%{transform:translate(-1px,2px)rotate(-1deg)}60%{transform:translate(-3px,1px)rotate(0)}70%{transform:translate(2px,1px)rotate(-1deg)}80%{transform:translate(-1px,-1px)rotate(1deg)}90%{transform:translate(2px,2px)rotate(0)}to{transform:translate(1px,-2px)rotate(-1deg)}}@keyframes backgroundScroll{0%{background-position:50%,50%,50%}50%{background-position:48% 52%,50%,50%}to{background-position:52% 48%,50%,50%}}.text-center{text-align:center}.text-muted{color:var(--text-muted)}.text-accent{color:var(--accent)}.text-success{color:var(--accent-tertiary)}.text-danger{color:var(--danger)}.text-warning{color:var(--warning)}.mt-1{margin-top:10px}.mt-2{margin-top:20px}.mt-3{margin-top:30px}.mt-4{margin-top:40px}.mb-1{margin-bottom:10px}.mb-2{margin-bottom:20px}.mb-3{margin-bottom:30px}.mb-4{margin-bottom:40px}.flex{display:flex}.flex-wrap{flex-wrap:wrap}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:10px}.gap-2{gap:20px}.gap-3{gap:30px}.w-full{width:100%}.h-full{height:100%}.rank-cell{color:var(--accent-tertiary);font-family:"Press Start 2P",monospace;font-size:.75rem}.score-cell{color:var(--accent-secondary);font-family:"Press Start 2P",monospace;font-size:.8rem}.team-name-glitch{text-transform:uppercase;font-family:Share Tech Mono,monospace;font-weight:700}.eliminated-tag{color:var(--danger);margin-top:4px;font-family:"Press Start 2P",monospace;font-size:.65rem;display:block}.dj-glass-box,.dj-glass-card{background:var(--surface)!important;border:4px solid #000!important;border-radius:0!important;box-shadow:6px 6px #0009!important}.telemetry-card{border-color:#000!important}.timer-container span{font-family:VT323,monospace!important;font-size:2.2rem!important}@media (width<=992px){.container{padding:15px}.card{padding:30px 20px}}@media (width<=768px){body{padding-bottom:80px}.container{padding:10px}.card{border-width:3px;margin-bottom:15px;padding:20px 15px;box-shadow:4px 4px #000000b3}.card:before{height:6px}.title{font-size:1.1rem!important}h1.title{font-size:1.4rem!important}.subtitle{font-size:.95rem}.btn{padding:10px 16px;font-size:.65rem}.navbar-content{flex-direction:column;align-items:center;gap:12px;padding:10px 5px;display:flex}.navbar-left,.navbar-center,.navbar-right{text-align:center;justify-content:center;width:100%;display:flex}.navbar-links{flex-wrap:wrap;justify-content:center;gap:6px}.nav-link{padding:6px 8px;font-size:.55rem}.telemetry-grid{grid-template-columns:repeat(2,1fr);gap:10px}.telemetry-card{gap:4px;padding:10px 8px}.telemetry-value{font-size:.9rem}.telemetry-label{font-size:.65rem}.question-dots-row,.round-badge-container{justify-content:center}}@media (width<=480px){.telemetry-grid{grid-template-columns:1fr;gap:8px}h1.title{font-size:1.2rem!important}.timer-display{padding:2px 8px;font-size:1.8rem}.timer-container span{font-size:1.8rem!important}}*{-webkit-user-select:none;user-select:none}
