*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{color:#fff;background:0 0;min-height:100vh;font-family:Segoe UI,system-ui,sans-serif}.hidden{display:none!important}#config-screen{background:#0f1117;justify-content:center;align-items:center;min-height:100vh;display:flex}.config-card{background:#1a1d27;border:1px solid #2d3044;border-radius:12px;width:440px;max-width:95vw;padding:36px 40px}.config-card h1{letter-spacing:.5px;color:#ff4655;font-size:1.5rem;font-weight:700}.config-card .subtitle{color:#8891a8;margin-top:4px;margin-bottom:28px;font-size:.875rem}.form-group{margin-bottom:16px}.form-group label{text-transform:uppercase;letter-spacing:.6px;color:#8891a8;margin-bottom:6px;font-size:.8rem;font-weight:600;display:block}.form-group .optional{text-transform:none;letter-spacing:0;color:#5a637a;font-weight:400}.form-group input,.form-group select{color:#fff;background:#0f1117;border:1px solid #2d3044;border-radius:6px;outline:none;width:100%;padding:9px 12px;font-size:.9rem;transition:border-color .15s}.form-group input:focus,.form-group select:focus{border-color:#ff4655}.form-group select option{background:#1a1d27}#btn-launch{color:#fff;letter-spacing:.5px;cursor:pointer;background:#ff4655;border:none;border-radius:6px;width:100%;margin-top:24px;padding:11px;font-size:.95rem;font-weight:700;transition:background .15s}#btn-launch:hover{background:#e0323f}.obs-hint{color:#8891a8;background:#0f1117;border:1px solid #2d3044;border-radius:6px;margin-top:20px;padding:12px 14px;font-size:.78rem;line-height:1.6}.obs-hint code{word-break:break-all;color:#c8d0e0;margin:6px 0 8px;font-size:.75rem;display:block}.copy-btn{color:#c8d0e0;cursor:pointer;background:#2d3044;border:none;border-radius:4px;padding:4px 10px;font-size:.75rem}.copy-btn:hover{background:#3a3f5c}#overlay{align-items:center;gap:8px;display:flex;position:fixed;top:16px;left:16px}.rank-card{-webkit-backdrop-filter:blur(8px);background:#0f1117e0;border:1px solid #ff465559;border-radius:10px;align-items:center;gap:12px;min-width:240px;padding:10px 16px;display:flex}#rank-icon{object-fit:contain;flex-shrink:0;width:52px;height:52px}.rank-info{flex-direction:column;gap:2px;display:flex}#rank-name{letter-spacing:.5px;color:#fff;text-shadow:0 1px 4px #000c;font-size:1rem;font-weight:700}#rank-rr{color:#ff4655;font-size:.85rem;font-weight:600}.divider{background:#ffffff1f;flex-shrink:0;width:1px;height:40px}.session-stats{flex-direction:column;gap:3px;min-width:80px;display:flex}#wl-display{color:#c8d0e0;letter-spacing:.3px;font-size:.85rem;font-weight:700}.rr-change{font-size:.8rem;font-weight:600}.rr-change.positive{color:#4ade80}.rr-change.negative{color:#f87171}.rr-change.neutral{color:#8891a8}#rank-name.error{color:#f87171;font-size:.8rem}