@import"https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{--bg-deep:#050505;--bg:#0a0a0a;--bg-elevated:#111;--bg-hover:#1a1a1a;--border:#1f1f1f;--border-bright:#2a2a2a;--text:#e8e8e8;--text-secondary:#888;--text-dim:#555;--accent:#4ade80;--accent-dim:#22c55e;--accent-soft:rgba(74,222,128,.08);--accent-glow:rgba(74,222,128,.15);--champion-bg:linear-gradient(135deg,rgba(74,222,128,.12),rgba(74,222,128,.04))}*{box-sizing:border-box;margin:0;padding:0}body,html{background:var(--bg-deep);color:var(--text);font-family:JetBrains Mono,monospace;font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}.crt,body,html{min-height:100vh}.crt{background:radial-gradient(ellipse at 50% 0,rgba(74,222,128,.03) 0,transparent 50%),var(--bg-deep);position:relative}.scanline{animation:scanline 8s linear infinite;background:linear-gradient(180deg,transparent,rgba(74,222,128,.06),transparent);height:3px;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:1000}@keyframes scanline{0%{top:-3px}to{top:100%}}.noise{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cfilter id='a'%3E%3CfeTurbulence baseFrequency='.8' numOctaves='4' type='fractalNoise'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)'/%3E%3C/svg%3E");inset:0;opacity:.02;pointer-events:none;position:fixed;z-index:999}.screen{margin:0 auto;max-width:1200px;min-height:100vh;padding:2rem;position:relative;z-index:1}.header{border-bottom:1px solid var(--border);margin-bottom:1rem;padding-bottom:2rem}.header,.update-alert{align-items:center;display:flex;justify-content:space-between}.update-alert{animation:pulse-border 2s ease-in-out infinite;background:linear-gradient(90deg,#00ff881a,#00ff880d);border:1px solid var(--accent);border-radius:4px;margin-bottom:1.5rem;padding:.75rem 1rem}@keyframes pulse-border{0%,to{border-color:var(--accent);box-shadow:0 0 10px #0f83}50%{border-color:var(--accent-bright);box-shadow:0 0 20px #0f86}}.update-content{align-items:center;display:flex;flex-wrap:wrap;gap:1rem}.update-version{background:var(--accent);border-radius:2px;color:var(--bg);font-size:.75rem;font-weight:700;padding:.25rem .5rem;text-transform:uppercase}.update-text{color:var(--text);font-size:.875rem}.update-cmd{background:var(--surface);border-radius:2px;color:var(--accent);font-family:inherit;font-size:.8rem;padding:.25rem .5rem}.update-date{color:var(--text-dim);font-size:.75rem}.update-dismiss{background:transparent;border:none;color:var(--text-dim);cursor:pointer;font-size:1.25rem;line-height:1;padding:.25rem;transition:color .2s}.update-dismiss:hover{color:var(--text)}.logo{gap:.75rem}.logo,.mascot{align-items:center;display:flex}.mascot{height:48px;justify-content:center;width:48px}.mascot-svg{color:var(--accent);height:100%;width:100%}.mascot-body{filter:drop-shadow(0 0 8px var(--accent-glow))}.sparkle{animation:twinkle 2s ease-in-out infinite}.sparkle.s1{animation-delay:0s}.sparkle.s2{animation-delay:.5s}.sparkle.s3{animation-delay:1s}@keyframes twinkle{0%,to{opacity:1;transform:scale(1)}50%{opacity:.3;transform:scale(.8)}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(.95)}}.logo-text{color:var(--text);font-family:Space Grotesk,sans-serif;font-size:1.5rem;font-weight:700;letter-spacing:-.5px}.logo-accent,.status{color:var(--accent)}.status{align-items:center;display:flex;font-size:.75rem;gap:.5rem;letter-spacing:1px;text-transform:uppercase}.status-dot{animation:blink 2s ease-in-out infinite;background:var(--accent);border-radius:50%;box-shadow:0 0 8px var(--accent);height:6px;width:6px}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}.main{align-items:start;display:grid;gap:2rem;grid-template-columns:1fr 300px}.rankings-section{background:var(--bg);border:1px solid var(--border);border-radius:12px;overflow:hidden}.section-header{background:var(--bg-elevated);border-bottom:1px solid var(--border);flex-wrap:wrap;gap:1rem;justify-content:space-between;padding:1.25rem 1.5rem}.section-header,.section-title{align-items:center;display:flex}.section-title{color:var(--text);font-family:Space Grotesk,sans-serif;font-size:.9rem;font-weight:600;gap:.5rem;letter-spacing:2px}.title-decorator{color:var(--accent);font-family:JetBrains Mono,monospace}.controls{display:flex;flex-wrap:wrap;gap:1.5rem}.control-group{align-items:center;display:flex;gap:.75rem}.control-label{color:var(--text-dim);font-size:.65rem;letter-spacing:1px;text-transform:uppercase}.segmented{background:var(--bg-deep);border:1px solid var(--border);border-radius:6px;display:flex;gap:2px;padding:3px}.segmented button{background:transparent;border:none;border-radius:4px;color:var(--text-secondary);cursor:pointer;font-family:inherit;font-size:.7rem;font-weight:500;letter-spacing:.5px;padding:.4rem .75rem;text-transform:uppercase;transition:all .15s ease}.segmented button:hover{background:var(--bg-hover);color:var(--text)}.segmented button.active{background:var(--accent);color:var(--bg-deep);font-weight:600}.rankings-container{min-height:300px}.rankings-table{width:100%}.table-header{background:var(--bg-elevated);border-bottom:1px solid var(--border);color:var(--text-dim);display:grid;font-size:.65rem;font-weight:600;grid-template-columns:70px 1fr 200px 100px;letter-spacing:1px;padding:.75rem 1.5rem;text-transform:uppercase}.table-body{display:flex;flex-direction:column}.table-row{align-items:center;border-bottom:1px solid var(--border);display:grid;grid-template-columns:70px 1fr 200px 100px;padding:1rem 1.5rem;transition:background .15s ease,border-color .15s ease}.table-row:last-child{border-bottom:none}.table-row:hover{background:var(--bg-hover)}.table-row.is-champion{border-left:3px solid var(--accent);padding-left:calc(1.5rem - 3px)}.table-row.is-champion,.table-row.is-champion:hover{background:var(--champion-bg)}.td-rank{color:var(--text-secondary);font-weight:600}.table-row.is-top3 .rank-num{color:var(--accent)}.champion-badge{align-items:center;background:var(--accent);border-radius:8px;box-shadow:0 0 20px var(--accent-glow);display:inline-flex;height:32px;justify-content:center;width:32px}.crown-icon{color:var(--bg-deep);font-size:1rem}.td-user{display:flex;flex-direction:column;gap:.25rem}.user-row{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem}.user-name{color:var(--text);font-size:1rem;font-weight:600}.table-row.is-champion .user-name{color:var(--accent);font-size:1.1rem}.archetype-badge{align-items:center;background:color-mix(in srgb,var(--archetype-color) 15%,transparent);border:1px solid color-mix(in srgb,var(--archetype-color) 40%,transparent);border-radius:4px;color:var(--archetype-color);cursor:help;display:inline-flex;font-size:.65rem;font-weight:500;gap:.35rem;letter-spacing:.5px;padding:.2rem .5rem;position:relative;text-transform:uppercase;transition:all .15s ease}.archetype-badge:hover{background:color-mix(in srgb,var(--archetype-color) 25%,transparent);border-color:var(--archetype-color);transform:translateY(-1px)}.archetype-icon{align-items:center;display:flex;height:14px;justify-content:center;width:14px}.archetype-icon svg{filter:drop-shadow(0 0 2px var(--archetype-color));height:100%;width:100%}.archetype-name{white-space:nowrap}.archetype-tooltip{background:var(--bg);border:1px solid var(--archetype-color);border-radius:8px;bottom:100%;box-shadow:0 4px 20px #00000080;left:50%;margin-bottom:8px;min-width:220px;opacity:0;padding:.75rem;pointer-events:none;position:absolute;transform:translate(-50%);transition:all .2s;visibility:hidden;z-index:100}.archetype-badge:hover .archetype-tooltip{opacity:1;visibility:visible}.archetype-tooltip:after{border:6px solid transparent;border-top:6px solid var(--archetype-color);content:"";left:50%;position:absolute;top:100%;transform:translate(-50%)}.tooltip-title{color:var(--archetype-color);display:block;font-size:.85rem;font-weight:700;margin-bottom:.25rem}.tooltip-desc{color:var(--text);display:block;font-size:.75rem;line-height:1.3;margin-bottom:.5rem}.tooltip-joke{display:block;font-size:.7rem}.roast,.tooltip-joke{color:var(--text-dim);font-style:italic}.roast{font-size:.75rem}.td-score{color:var(--text-secondary);font-family:JetBrains Mono,monospace;font-size:1rem;font-weight:600;text-align:right}.table-row.is-champion .td-score{color:var(--accent);font-size:1.1rem}.td-bar{padding:0 .5rem}.bar-track{background:var(--bg-deep);border:1px solid var(--border);border-radius:4px;height:8px;overflow:hidden;width:100%}.bar-fill{background:linear-gradient(90deg,var(--accent-dim),var(--accent));border-radius:3px;box-shadow:0 0 8px var(--accent-glow);height:100%;transition:width .4s ease-out}.table-row.is-champion .bar-fill{box-shadow:0 0 12px var(--accent-glow),0 0 20px var(--accent-glow)}.rankings-footer{background:var(--bg-elevated);border-top:1px solid var(--border);color:var(--text-dim);font-size:.75rem;justify-content:space-between;padding:1rem 1.5rem}.rankings-footer,.sync-info{align-items:center;display:flex}.sync-info{gap:.5rem}.sync-dot{animation:blink 2s ease-in-out infinite;background:var(--accent);border-radius:50%;height:6px;width:6px}.loading-state{align-items:center;display:flex;flex-direction:column;gap:1rem;justify-content:center;padding:4rem}.loading-bar{background:var(--border);border-radius:2px;height:3px;overflow:hidden;position:relative;width:150px}.loading-bar:after{animation:loading 1s ease-in-out infinite;background:var(--accent);content:"";height:100%;left:-50%;position:absolute;width:50%}@keyframes loading{0%{left:-50%}to{left:100%}}.loading-text{color:var(--text-dim);font-size:.75rem;letter-spacing:2px;text-transform:uppercase}.empty-state{align-items:center;display:flex;flex-direction:column;gap:.5rem;justify-content:center;padding:4rem}.empty-icon{color:var(--text-dim);font-size:2rem;margin-bottom:.5rem}.empty-title{color:var(--text);font-size:.9rem;font-weight:600;letter-spacing:1px}.empty-sub{color:var(--text-dim);font-size:.8rem}.install-sidebar{background:var(--bg);border:1px solid var(--border);border-radius:12px;overflow:hidden;position:sticky;top:2rem}.sidebar-header{background:var(--bg-elevated);border-bottom:1px solid var(--border);padding:1rem 1.25rem}.sidebar-title{color:var(--accent);font-size:.75rem;letter-spacing:1px;text-transform:uppercase}.sidebar-content{padding:1.25rem}.install-steps{display:flex;flex-direction:column;gap:1rem}.step{display:flex;gap:.75rem}.step-num{align-items:center;background:var(--bg-elevated);border:1px solid var(--border);border-radius:6px;color:var(--text-secondary);display:flex;flex-shrink:0;font-size:.7rem;font-weight:600;height:24px;justify-content:center;width:24px}.step-content{flex:1;min-width:0}.step-label{color:var(--text-dim);display:block;font-size:.7rem;letter-spacing:.5px;margin-bottom:.4rem;text-transform:uppercase}.cmd{align-items:center;background:var(--bg-deep);border:1px solid var(--border);border-radius:6px;cursor:pointer;display:flex;gap:.5rem;justify-content:space-between;padding:.5rem .75rem;transition:all .15s ease}.cmd:hover{background:var(--bg-elevated);border-color:var(--border-bright)}.cmd code{color:var(--text-secondary);font-size:.7rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cmd:hover code{color:var(--text)}.cmd-action{color:var(--accent);flex-shrink:0;font-size:.6rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.cmd.highlight{background:var(--accent-soft);border-color:var(--accent-dim)}.cmd.highlight code{color:var(--accent);font-weight:600}.update-banner{align-items:center;background:var(--bg-elevated);border:1px solid var(--border);border-radius:8px;display:flex;gap:.75rem;margin-top:1.5rem;padding:.75rem}.update-badge{background:var(--accent);border-radius:4px;color:var(--bg-deep);font-size:.6rem;font-weight:700;letter-spacing:.5px;padding:.2rem .4rem;text-transform:uppercase}.update-info{display:flex;flex-direction:column;gap:.1rem}.update-title{color:var(--text);font-size:.75rem;font-weight:500}.update-desc{color:var(--text-dim);font-size:.65rem}.update-cmd{align-items:center;background:var(--bg-deep);border:1px solid var(--border);border-radius:6px;cursor:pointer;display:flex;gap:.5rem;justify-content:space-between;margin-top:.75rem;padding:.5rem .75rem;transition:all .15s ease}.update-cmd:hover{background:var(--bg-elevated);border-color:var(--accent-dim)}.update-cmd code{color:var(--text-secondary);font-size:.65rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.update-cmd:hover code{color:var(--text)}.links{border-top:1px solid var(--border);margin-top:1rem;padding-top:1rem}.link{align-items:center;color:var(--text-secondary);display:flex;font-size:.75rem;gap:.5rem;padding:.5rem 0;text-decoration:none;transition:color .15s ease}.link-icon,.link:hover{color:var(--accent)}@media(max-width:900px){.main{grid-template-columns:1fr}.install-sidebar{order:2;position:static}.section-header{align-items:flex-start;flex-direction:column}.controls{gap:1rem}.control-group,.controls{flex-direction:column;width:100%}.control-group{align-items:flex-start;gap:.5rem}.segmented{justify-content:stretch;width:100%}.segmented button{flex:1;text-align:center}.table-header,.table-row{grid-template-columns:50px 1fr 120px 70px;padding:.75rem 1rem}.user-name{font-size:.9rem}.td-score{font-size:.85rem}}@media(max-width:600px){.td-bar,.th-bar{display:none}.table-header,.table-row{grid-template-columns:50px 1fr 70px}}@media(max-width:500px){.screen{padding:1rem}.header{align-items:flex-start;flex-direction:column;gap:1rem}.table-header,.table-row{grid-template-columns:40px 1fr 60px;padding:.5rem .75rem}.roast{display:none}.mascot{height:36px;width:36px}}.team-control{min-width:0}.team-selector-wrap{align-items:center;display:flex;gap:.5rem}.team-dropdown{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--bg-deep);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%230f8' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right .5rem center;background-repeat:no-repeat;border:1px solid var(--border);border-radius:6px;color:var(--text);cursor:pointer;font-family:inherit;font-size:.75rem;font-weight:500;max-width:200px;min-width:120px;padding:.5rem 2rem .5rem .75rem}.team-dropdown:focus,.team-dropdown:hover{border-color:var(--accent)}.team-dropdown:focus{box-shadow:0 0 0 2px var(--accent-soft);outline:none}.team-dropdown option{background:var(--bg);color:var(--text);padding:.5rem}.team-settings-btn{background:var(--bg-deep);border:1px solid var(--border);border-radius:6px;color:var(--text-secondary);cursor:pointer;padding:.45rem .6rem;transition:all .15s}.team-settings-btn:hover{border-color:var(--accent);color:var(--accent)}.gear-icon{font-size:.9rem}.modal-overlay{align-items:center;background:#000c;display:flex;inset:0;justify-content:center;padding:1rem;position:fixed;z-index:1000}.modal{background:var(--bg);border:1px solid var(--border);border-radius:12px;max-height:90vh;max-width:400px;overflow-y:auto;width:100%}.modal-header{align-items:center;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:1rem 1.25rem}.modal-header h3{color:var(--text);font-family:Space Grotesk,sans-serif;font-size:1rem;font-weight:600}.modal-close{background:none;border:none;color:var(--text-secondary);cursor:pointer;font-size:1.5rem;line-height:1;padding:0}.modal-close:hover{color:var(--text)}.modal-body{display:flex;flex-direction:column;gap:1rem;padding:1.25rem}.mode-toggle{background:var(--surface);border-radius:4px;display:flex;gap:0;padding:2px}.mode-toggle button{background:transparent;border:none;border-radius:2px;color:var(--text-dim);cursor:pointer;flex:1;font-size:.8rem;font-weight:500;padding:.5rem 1rem;transition:all .2s}.mode-toggle button:hover{color:var(--text)}.mode-toggle button.active{background:var(--accent);color:var(--bg)}.modal-footer{border-top:1px solid var(--border);display:flex;gap:.75rem;justify-content:flex-end;padding:1rem 1.25rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{color:var(--text-secondary);font-size:.75rem;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.form-group input{background:var(--bg-deep);border:1px solid var(--border);border-radius:6px;color:var(--text);font-family:inherit;font-size:.9rem;outline:none;padding:.75rem 1rem;transition:border-color .15s ease}.form-group input:focus{border-color:var(--accent)}.form-group input:disabled{cursor:not-allowed;opacity:.5}.form-hint{color:var(--text-dim);font-size:.7rem}.form-error{background:#ef44441a;border-radius:4px;color:#ef4444;font-size:.8rem;padding:.5rem}.visibility-options{display:flex;flex-direction:column;gap:.5rem}.radio-option{align-items:center;color:var(--text-secondary);cursor:pointer;display:flex;font-size:.85rem;gap:.5rem}.radio-option input{accent-color:var(--accent)}.radio-option:hover{color:var(--text)}.team-preview{background:var(--bg-elevated);border:1px solid var(--border);border-radius:8px;padding:1rem}.team-info{align-items:center;display:flex;gap:.75rem}.team-logo{border-radius:8px;height:40px;-o-object-fit:cover;object-fit:cover;width:40px}.team-details{display:flex;flex-direction:column;gap:.25rem}.team-name{color:var(--text);font-weight:600}.team-code{color:var(--text-dim);font-family:JetBrains Mono,monospace;font-size:.75rem}.btn-primary{background:var(--accent);border:none;border-radius:6px;color:var(--bg-deep);cursor:pointer;font-family:inherit;font-size:.85rem;font-weight:600;padding:.75rem 1.25rem;transition:all .15s ease}.btn-primary:hover{filter:brightness(1.1)}.btn-secondary{background:var(--bg-elevated);border:1px solid var(--border);border-radius:6px;color:var(--text);cursor:pointer;font-family:inherit;font-size:.85rem;font-weight:500;padding:.75rem 1.25rem;transition:all .15s ease}.btn-secondary:hover{background:var(--bg-hover);border-color:var(--border-bright)}.btn-danger-sm{background:transparent;border:1px solid #ef4444;border-radius:4px;color:#ef4444;cursor:pointer;font-family:inherit;font-size:.7rem;font-weight:500;padding:.4rem .75rem;transition:all .15s ease}.btn-danger-sm:hover{background:#ef44441a}.team-settings-overlay{background:#0009;display:flex;inset:0;justify-content:flex-end;position:fixed;z-index:1000}.team-settings{background:var(--bg);border-left:1px solid var(--border);display:flex;flex-direction:column;height:100%;max-width:320px;width:100%}.settings-header{align-items:center;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:1rem 1.25rem}.settings-header h3{color:var(--text);font-family:Space Grotesk,sans-serif;font-size:1rem;font-weight:600}.settings-body{flex:1;overflow-y:auto;padding:1rem}.settings-footer{border-top:1px solid var(--border);padding:1rem}.empty-teams{color:var(--text-dim);font-size:.85rem;padding:2rem;text-align:center}.team-item{align-items:center;background:var(--bg-elevated);border:1px solid var(--border);border-radius:8px;display:flex;justify-content:space-between;margin-bottom:.5rem;padding:.75rem}.team-item-info{display:flex;flex-direction:column;gap:.25rem}.team-item-name{color:var(--text);font-size:.9rem;font-weight:500}.team-join-cmd{align-items:center;background:var(--surface);border-radius:2px;cursor:pointer;display:flex;gap:.5rem;padding:.25rem .5rem;transition:background .2s}.team-join-cmd:hover{background:var(--border)}.team-join-cmd code{color:var(--accent);font-family:JetBrains Mono,monospace;font-size:.7rem}.copy-hint-small{color:var(--text-dim);font-size:.6rem;text-transform:uppercase}.update-cmd.clickable{align-items:center;cursor:pointer;display:flex;gap:.75rem;transition:background .2s}.update-cmd.clickable:hover{background:#00ff8826}.copy-hint{color:var(--text-dim);font-size:.65rem;opacity:.8;text-transform:uppercase}.join-invite-modal{max-width:500px}.invite-team-name{color:var(--accent);font-size:1.75rem;font-weight:700;margin-bottom:1.5rem;text-align:center;text-shadow:0 0 20px var(--accent-glow)}.invite-step{display:flex;gap:1rem;margin-bottom:1.25rem}.invite-step-num{align-items:center;background:var(--accent);border-radius:50%;color:var(--bg);display:flex;flex-shrink:0;font-size:.85rem;font-weight:700;height:28px;justify-content:center;width:28px}.invite-step-content{flex:1}.invite-step-title{color:var(--text);font-size:.9rem;font-weight:500;margin-bottom:.5rem}.invite-cmd{align-items:center;background:var(--surface);border:1px solid var(--accent);border-radius:4px;cursor:pointer;display:flex;justify-content:space-between;padding:.75rem 1rem;transition:all .2s}.invite-cmd:hover{background:#00ff881a}.invite-cmd code{color:var(--accent);font-size:.8rem}.invite-cmd-pair{display:flex;flex-direction:column;gap:.5rem}.invite-cmd-item{align-items:center;background:var(--surface);border:1px solid transparent;border-radius:4px;cursor:pointer;display:flex;justify-content:space-between;padding:.5rem .75rem;transition:all .2s}.invite-cmd-item:hover{background:#00ff880d;border-color:var(--accent)}.invite-cmd-item code{color:var(--text);font-family:JetBrains Mono,monospace;font-size:.7rem}.copy-hint-mini{color:var(--accent);font-size:.6rem;font-weight:500;text-transform:uppercase}