.spectator-choice-text{text-align:center;margin:1rem 0;color:#94a3b8;font-size:0.95rem}.spectator-name-input{margin:1.5rem 0}.spectator-name-input .input-hint{display:block;color:#64748b;font-size:0.8rem;margin-top:0.5rem;text-align:center}.btn-green{background:linear-gradient(135deg,#10b981 0%,#059669 100%);color:white;border:none}.btn-green:hover{background:linear-gradient(135deg,#059669 0%,#047857 100%);transform:translateY(-2px)}.btn-orange{background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%);color:white;border:none}.btn-orange:hover{background:linear-gradient(135deg,#d97706 0%,#b45309 100%);transform:translateY(-2px)}.watch-ticket-panel{width:420px;max-width:92%}.watch-ticket-race-label{display:inline-flex;justify-content:center;align-items:center;padding:0.35rem 0.75rem;margin-bottom:0.75rem;border-radius:999px;background:rgba(245,158,11,0.16);border:1px solid rgba(245,158,11,0.35);color:#fbbf24;font-size:0.82rem;font-weight:700;letter-spacing:0.05em;text-transform:uppercase}.watch-ticket-cost-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:1.2rem;padding:0.85rem 1rem;border-radius:12px;background:rgba(15,23,42,0.45);border:1px solid rgba(148,163,184,0.18)}.watch-ticket-cost-label{color:#cbd5e1;font-size:0.9rem}.watch-ticket-cost-value{color:#fbbf24;font-size:1.05rem;font-weight:700}.watch-ticket-actions{display:grid;grid-template-columns:1fr 1fr;gap:0.85rem;margin-top:1.3rem}.spectators-section{margin-top:1.5rem;padding:1rem;background:rgba(15,23,42,0.4);border-radius:8px;border:1px solid rgba(148,163,184,0.2)}.spectators-title{color:#f59e0b;font-size:1rem;margin:0 0 0.75rem 0;font-weight:600;text-transform:uppercase;letter-spacing:0.5px}.spectators-list{display:flex;flex-wrap:wrap;gap:0.5rem}.spectator-chip{display:inline-flex;align-items:center;gap:0.4rem;padding:0.4rem 0.8rem;background:rgba(245,158,11,0.15);border:1px solid rgba(245,158,11,0.3);border-radius:20px;color:#fbbf24;font-size:0.85rem;font-weight:500}.spectator-chip-icon{font-size:1rem}.header-left{display:flex;align-items:center;gap:1rem}.spectator-count-badge{position:relative;display:flex;align-items:center;gap:0.4rem;padding:0.4rem 0.75rem;background:rgba(245,158,11,0.15);border:1px solid rgba(245,158,11,0.4);border-radius:20px;cursor:pointer;transition:all 0.2s ease}.spectator-count-badge:hover{background:rgba(245,158,11,0.25);border-color:rgba(245,158,11,0.6);transform:scale(1.05)}.ticket-revenue-badge{display:flex;flex-direction:column;gap:0.05rem;padding:0.35rem 0.8rem;background:rgba(251,191,36,0.14);border:1px solid rgba(251,191,36,0.34);border-radius:16px;line-height:1.05}.ticket-revenue-label{font-size:0.64rem;letter-spacing:0.08em;text-transform:uppercase;color:rgba(255,255,255,0.72)}.ticket-revenue-value{color:#fbbf24;font-size:0.88rem;font-weight:700;white-space:nowrap}.spectator-icon{font-size:1.1rem;line-height:1}#spectator-count-num{color:#fbbf24;font-weight:700;font-size:0.9rem;min-width:1.2rem;text-align:center}.spectator-tooltip{position:absolute;top:calc(100% + 8px);left:0;min-width:200px;max-width:300px;background:rgba(15,23,42,0.98);border:1px solid rgba(245,158,11,0.4);border-radius:8px;padding:0.75rem;box-shadow:0 4px 12px rgba(0,0,0,0.4);z-index:10000;animation:tooltipFadeIn 0.2s ease}@keyframes tooltipFadeIn{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.spectator-tooltip-title{color:#f59e0b;font-weight:600;font-size:0.9rem;margin-bottom:0.5rem;text-transform:uppercase;letter-spacing:0.5px}.spectator-tooltip-list{display:flex;flex-direction:column;gap:0.4rem;max-height:200px;overflow-y:auto}.spectator-tooltip-list::-webkit-scrollbar{width:4px}.spectator-tooltip-list::-webkit-scrollbar-track{background:rgba(15,23,42,0.5);border-radius:2px}.spectator-tooltip-list::-webkit-scrollbar-thumb{background:rgba(245,158,11,0.5);border-radius:2px}.spectator-tooltip-item{color:#cbd5e1;font-size:0.85rem;padding:0.3rem 0.5rem;background:rgba(15,23,42,0.5);border-radius:4px;display:flex;align-items:center;gap:0.4rem}.spectator-tooltip-item-icon{color:#fbbf24;font-size:0.9rem}@media (max-width:768px){.header-left{flex-direction:column;align-items:flex-start;gap:0.5rem}.spectator-count-badge{font-size:0.85rem}.spectator-tooltip{left:0;right:auto;min-width:180px}}body.spectator-mode #mobile-ui{display:none !important}body.spectator-mode .header-controls button:not(#leave-race-btn){display:none !important}body.spectator-mode #toggle-joystick-btn,body.spectator-mode #swap-joystick-btn,body.spectator-mode #open-controls-btn{display:none !important}body.spectator-mode .header-toggle{display:none !important}