:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.6;font-weight:400;color:#ffffffde;background-color:#1a1a2e;color-scheme:light dark;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;padding:20px;min-height:100vh}.container{max-width:800px;margin:0 auto}h1{font-size:2em;margin-bottom:.25em;text-align:center}.subtitle{text-align:center;color:#fff9;margin-bottom:2em}.card{background:#16213e;border-radius:12px;padding:1.5em;margin-bottom:1.5em;border:1px solid #0f3460}.card h2{margin-top:0;font-size:1.25em;color:#e94560}.card .description{color:#fff9;font-size:.9em;margin-bottom:1em}.card code{background:#0f3460;padding:.2em .5em;border-radius:4px;font-size:.85em}.input-group{display:flex;gap:10px;margin-bottom:1em;flex-wrap:wrap}input[type=text],input[type=number]{flex:1;min-width:150px;padding:.6em 1em;border-radius:8px;border:1px solid #0f3460;background:#1a1a2e;color:#fff;font-size:.9em}input::placeholder{color:#fff6}input:focus{outline:none;border-color:#e94560}.button-group{display:flex;gap:10px;flex-wrap:wrap}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;background-color:#e94560;color:#fff;cursor:pointer;transition:all .25s}button:hover{background-color:#ff6b6b;transform:translateY(-1px)}button:active{transform:translateY(0)}button.secondary{background-color:#0f3460;border:1px solid #e94560}button.secondary:hover{background-color:#16213e;border-color:#ff6b6b}.result{margin-top:1em;padding:1em;background:#0f3460;border-radius:8px;font-family:Monaco,Menlo,monospace;font-size:.85em;line-height:1.8;min-height:50px}.reference{background:#0f3460}.reference h2{color:#ffd93d}.reference-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5em}.reference h3{font-size:1em;margin-bottom:.5em;color:#ffffffe6}.reference ul{margin:0;padding-left:1.2em}.reference li{margin-bottom:.3em;font-size:.9em}.reference code{background:#16213e}a{font-weight:500;color:#646cff;text-decoration:none}a:hover{text-decoration:underline}.section-divider{margin:3em 0 2em;padding:1.5em 0;border-top:2px solid #e94560;text-align:center}.section-divider h2{color:#ffd93d;margin-bottom:.25em}.section-divider .subtitle{margin:0}.realtime-card{border-left:4px solid #00d9ff}.realtime-card h2{color:#00d9ff}.pusher-card{border-left-color:#9b59b6}.pusher-card h2{color:#9b59b6}.pros-cons{display:grid;grid-template-columns:1fr 1fr;gap:1em;margin:1em 0;font-size:.85em}.pros{color:#2ecc71}.cons{color:#e74c3c}.status-line{margin:.75em 0;font-size:.9em}.status-active{color:#2ecc71;font-weight:500}.status-inactive{color:#ffffff80}.status-error{color:#e74c3c;font-weight:500}.start-btn{background-color:#27ae60}.start-btn:hover{background-color:#2ecc71}.stop-btn{background-color:#c0392b}.stop-btn:hover{background-color:#e74c3c}.realtime-result{min-height:120px}.polling-stats{font-size:.85em;color:#ffffffb3;margin-bottom:.75em;padding-bottom:.5em;border-bottom:1px solid rgba(255,255,255,.1)}.leaderboard-list{margin:.5em 0}.leaderboard-entry{display:flex;align-items:center;padding:.4em 0;border-bottom:1px solid rgba(255,255,255,.05)}.leaderboard-entry .rank{width:40px;font-weight:700;color:#ffd93d}.leaderboard-entry .player{flex:1;color:#ffffffe6}.leaderboard-entry .score{font-family:Monaco,Menlo,monospace;color:#00d9ff}.leaderboard-empty{color:#ffffff80;font-style:italic}.update-time{font-size:.75em;color:#fff6;margin-top:.75em;text-align:right}.pusher-send-section{margin-top:1.5em;padding-top:1.5em;border-top:1px solid rgba(255,255,255,.1)}.pusher-send-section h3{font-size:1em;margin:0 0 .5em;color:#ffffffe6}.realtime-reference{background:#1a1a2e;border:1px solid #00d9ff}.realtime-reference h2{color:#00d9ff}.setup-section{margin-bottom:1.5em;padding-bottom:1.5em;border-bottom:1px solid rgba(255,255,255,.1)}.setup-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.setup-section h3{font-size:1em;margin:0 0 .5em;color:#ffd93d}.setup-section ol{margin:.5em 0;padding-left:1.5em}.setup-section li{margin-bottom:.5em}.env-vars{display:block;margin:.5em 0;padding:.75em;background:#0f3460;border-radius:4px;font-size:.85em;line-height:1.8}.comparison-table{width:100%;border-collapse:collapse;font-size:.85em;margin-top:.5em}.comparison-table th,.comparison-table td{padding:.6em .8em;text-align:left;border-bottom:1px solid rgba(255,255,255,.1)}.comparison-table th{background:#0f3460;color:#00d9ff;font-weight:500}.comparison-table tr:hover{background:#ffffff08}.comparison-table tr.highlight{background:#2ecc711a}.comparison-table tr.highlight td{color:#2ecc71}.input-group label{display:flex;align-items:center;color:#ffffffb3;font-size:.9em;white-space:nowrap}