@font-face{font-family:m5x7;src:url(/assets/m5x7-C0ua5re1.ttf) format("truetype");font-display:swap;font-weight:400}:root{--sv-gold: #f8b95c;--sv-gold-bright: #ffcf7a;--sv-ivory: #f4e6cc;--sv-text-dim: #c7bca0;--sv-olive: #1c1f10;--sv-olive-raised: #2c3019;--sv-earth: #0f1109;--sv-green: #7bc76a;--sv-blue: #5bb6d6;--sv-danger: #d93a2c;--sv-bg: var(--sv-earth);--sv-panel: rgba(28, 31, 16, .72);--sv-panel-solid: #181b0e;--sv-text: var(--sv-ivory);--sv-border: rgba(248, 185, 92, .22);--sv-success: var(--sv-green);--sv-warning: #d2814b;--sv-critical: var(--sv-danger);--sv-info: var(--sv-blue);--sv-tier-bronze: #cd7f32;--sv-tier-silver: #c7ccd1;--sv-tier-gold: #ffd133;--sv-tier-platinum: #66d9f3;--sv-tier-emerald: #9048d8;--sv-tier-diamond: #3078d8;--sv-live: #4cd964;--sv-font-display: "m5x7", "Trebuchet MS", system-ui, sans-serif;--sv-font-body: system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--sv-radius: 14px;--sv-radius-sm: 8px;--sv-maxw: 1120px;--sv-shadow: 0 10px 40px rgba(0, 0, 0, .45);--sv-space-1: 4px;--sv-space-2: 8px;--sv-space-3: 12px;--sv-space-4: 18px;--sv-space-5: 22px;--sv-space-6: 32px;--sv-space-7: 44px}.sv-app{margin:0;background:var(--sv-bg);color:var(--sv-text);font-family:var(--sv-font-body);line-height:1.6;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.sv-wordmark{font-family:var(--sv-font-display);letter-spacing:.06em;color:var(--sv-gold);text-transform:uppercase}.sv-container{width:100%;max-width:var(--sv-maxw);margin-inline:auto;padding-inline:22px}.sv-eyebrow{display:inline-block;font-family:var(--sv-font-display);letter-spacing:.18em;text-transform:uppercase;color:var(--sv-green);font-size:.95rem;margin-bottom:10px}.sv-btn{display:inline-flex;align-items:center;gap:.5em;font-family:var(--sv-font-display);font-size:1.45rem;letter-spacing:.04em;padding:.55em 1.3em;border-radius:12px;border:2px solid transparent;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease,background .12s ease;text-transform:uppercase}.sv-btn:disabled{opacity:.5;cursor:not-allowed}.sv-btn--sm{font-size:1rem;padding:.45em 1em}.sv-btn--primary{background:linear-gradient(180deg,var(--sv-gold-bright),var(--sv-gold));color:#2a1c05;box-shadow:0 6px #b9802f,var(--sv-shadow)}.sv-btn--primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px #b9802f,var(--sv-shadow)}.sv-btn--primary:active:not(:disabled){transform:translateY(3px);box-shadow:0 3px #b9802f}.sv-btn--ghost{background:#f4e6cc0f;color:var(--sv-ivory);border-color:var(--sv-border)}.sv-btn--ghost:hover:not(:disabled){background:#f4e6cc1f}.sv-card{background:var(--sv-panel);border:1px solid var(--sv-border);border-radius:var(--sv-radius);padding:22px;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.sv-grid{display:grid;gap:18px}@media (min-width: 640px){.sv-grid-2{grid-template-columns:repeat(2,1fr)}.sv-grid-3{grid-template-columns:repeat(3,1fr)}}@media (min-width: 920px){.sv-grid-3{grid-template-columns:repeat(3,1fr)}.sv-grid-4{grid-template-columns:repeat(4,1fr)}}.sv-tabs{display:inline-flex;gap:4px;padding:4px;background:var(--sv-panel-solid);border-radius:var(--sv-radius-sm)}.sv-tab{font-family:var(--sv-font-display);text-transform:uppercase;letter-spacing:.04em;padding:.4em .9em;border:none;background:transparent;color:var(--sv-text-dim);border-radius:6px;cursor:pointer}.sv-tab[data-active=true]{background:var(--sv-olive-raised);color:var(--sv-gold)}.sv-stat{display:flex;flex-direction:column;gap:2px}.sv-stat__label{color:var(--sv-text-dim);font-size:.85rem;text-transform:uppercase;letter-spacing:.06em}.sv-stat__value{font-family:var(--sv-font-display);font-size:2rem;color:var(--sv-gold)}.sv-input{font-family:var(--sv-font-body);background:var(--sv-panel-solid);border:1px solid var(--sv-border);border-radius:var(--sv-radius-sm);color:var(--sv-text);padding:.5em .7em}.sv-input:focus{outline:2px solid var(--sv-gold);outline-offset:1px}.sv-pa-icon{display:inline-block;width:18px;height:18px;background-color:currentColor;-webkit-mask:var(--sv-icon) center / contain no-repeat;mask:var(--sv-icon) center / contain no-repeat;vertical-align:middle;flex-shrink:0}@font-face{font-family:m5x7;src:url(/fonts/m5x7.ttf) format("truetype");font-display:swap;font-weight:400}html,body,#root{height:100%;margin:0}body{overflow:hidden}.launcher{height:100vh;display:flex;flex-direction:column;color:var(--sv-text);font-family:var(--sv-font-body);background:radial-gradient(ellipse at 25% -10%,rgba(248,185,92,.1) 0%,transparent 55%),radial-gradient(ellipse at 85% 0%,rgba(123,199,106,.07) 0%,transparent 50%),var(--sv-earth)}.muted{color:var(--sv-text-dim)}.display{font-family:var(--sv-font-display);letter-spacing:.04em}.topbar{position:relative;z-index:10;display:flex;align-items:center;padding:10px 12px;border-bottom:1px solid var(--sv-border);flex:none}.topbar__drag{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.topbar>.brand__logo,.topbar>.tabbar,.topbar>.topbar__right{position:relative;z-index:1}.topbar .brand__logo{pointer-events:none}.brand__logo{height:34px;width:34px;border-radius:8px;border:1px solid var(--sv-border);object-fit:cover;display:block}.topbar .tabbar{position:absolute;left:50%;transform:translate(-50%)}.topbar__right{margin-left:auto;display:flex;align-items:center;gap:6px}.win-controls{display:flex;gap:2px}.win-btn{position:relative;width:30px;height:30px;display:grid;place-items:center;border:none;background:transparent;color:var(--sv-text-dim);border-radius:7px;cursor:pointer}.win-btn:hover{background:#ffffff14;color:var(--sv-ivory)}.win-btn--close:hover{background:var(--sv-danger);color:#fff}.notif{position:relative}.notif__badge{position:absolute;top:-2px;right:-2px;min-width:15px;height:15px;padding:0 3px;display:grid;place-items:center;border-radius:999px;background:var(--sv-danger);color:#fff;font-size:.62rem;font-family:var(--sv-font-display);line-height:1}.notif__pop{position:absolute;z-index:20;top:calc(100% + 8px);right:0;width:320px;max-height:60vh;overflow-y:auto;background:var(--sv-olive-raised);border:1px solid var(--sv-border);border-radius:12px;padding:6px;box-shadow:var(--sv-shadow)}.notif__head{font-family:var(--sv-font-display);text-transform:uppercase;letter-spacing:.06em;color:var(--sv-text-dim);font-size:.78rem;padding:6px 8px}.notif__empty{font-size:.85rem;padding:8px}.notif__item{display:flex;gap:10px;padding:9px 8px;border-radius:8px;align-items:flex-start}.notif__item[data-unread=true]{background:#f8b95c14}.notif__icon{width:28px;height:28px;flex:none;display:grid;place-items:center;border-radius:7px;background:var(--sv-panel-solid);color:var(--sv-gold)}.notif__body{flex:1;min-width:0}.notif__title{color:var(--sv-ivory);font-size:.9rem}.notif__sub{font-size:.78rem}.version-badge{position:fixed;right:12px;bottom:8px;z-index:40;color:var(--sv-text-dim);font-size:.72rem;letter-spacing:.04em;pointer-events:none}.avatar{width:34px;height:34px;border-radius:50%;background:var(--sv-olive-raised);border:1px solid var(--sv-border);display:grid;place-items:center;font-weight:700;color:var(--sv-gold);font-family:var(--sv-font-display);overflow:hidden;flex:none}.avatar img{width:100%;height:100%;object-fit:cover;display:block}.avatar-wrap{position:relative;flex:none;display:grid}.conn-dot{position:absolute;bottom:-1px;right:-1px;width:11px;height:11px;border-radius:50%;border:2px solid var(--sv-panel-solid);background:var(--sv-danger)}.conn-dot[data-on=true]{background:#46c46a}.conn-dot[data-on=false]{background:var(--sv-gold);animation:conn-pulse 1s ease-in-out infinite}@keyframes conn-pulse{0%,to{opacity:1}50%{opacity:.35}}.profile-menu__label{font-size:.7rem;text-transform:uppercase;letter-spacing:.06em;color:var(--sv-text-dim);padding:4px 8px 2px}.avatar-picker{display:grid;grid-template-columns:repeat(6,1fr);gap:6px;padding:4px 6px 8px}.avatar-pick{width:100%;aspect-ratio:1;padding:0;border-radius:10px;overflow:hidden;border:2px solid transparent;background:var(--sv-panel-solid);cursor:pointer}.avatar-pick img{width:100%;height:100%;object-fit:cover;display:block}.avatar-pick:hover{border-color:var(--sv-ivory)}.avatar-pick[data-active=true]{border-color:var(--sv-gold)}.section-title{font-family:var(--sv-font-display);text-transform:uppercase;letter-spacing:.08em;color:var(--sv-text-dim);font-size:1rem;margin:6px 0 10px;display:flex;align-items:center;gap:7px}.tabbar{display:flex;gap:4px;padding:4px;background:var(--sv-panel-solid);border:1px solid var(--sv-border);border-radius:11px}.tab{display:flex;align-items:center;justify-content:center;gap:7px;width:146px;font-family:var(--sv-font-display);text-transform:uppercase;letter-spacing:.04em;font-size:.92rem;padding:7px 10px;border:none;background:transparent;color:var(--sv-text-dim);border-radius:7px;cursor:pointer}.tab:hover{color:var(--sv-ivory)}.tab[data-active=true]{background:var(--sv-olive-raised);color:var(--sv-gold)}.code-chip{display:flex;align-items:center;gap:5px;font-family:var(--sv-font-display);letter-spacing:.05em;font-size:.85rem;color:var(--sv-text-dim);background:var(--sv-panel-solid);border:1px solid var(--sv-border);border-radius:8px;padding:5px 9px;cursor:pointer}.code-chip:hover{color:var(--sv-gold);border-color:var(--sv-gold)}.shell{flex:1;display:flex;min-height:0;position:relative}.shell__content{flex:1;min-width:0;display:flex;min-height:0}.shell:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;background:url(/hero.png) center / cover no-repeat;opacity:.1;mask-image:linear-gradient(180deg,rgba(0,0,0,.85),transparent 80%);-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.85),transparent 80%)}.shell>*{position:relative;z-index:1}.tabpane,.play__main,.leaderboard,.career{flex:1;min-width:0;overflow-y:auto;scrollbar-gutter:stable;display:flex;justify-content:center;padding:26px 24px}.tabpane__inner,.play__inner,.lb__inner,.career__inner{width:100%;max-width:720px}.tabpane .toprow{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.animal-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:12px;margin-top:16px}.animal-card{position:relative;text-align:left;display:flex;flex-direction:column;align-items:flex-start;gap:5px;padding:16px;border-radius:12px;border:1px solid var(--sv-border);background:var(--sv-panel-solid);cursor:pointer}.animal-card:hover{border-color:var(--sv-gold)}.animal-card img{image-rendering:pixelated}.animal-card__name{font-family:var(--sv-font-display);font-size:1.35rem;color:var(--sv-ivory)}.animal-card__sub{color:var(--sv-text-dim);font-size:.82rem}.animal-card .stat{width:100%;margin:6px 0 2px}.animal-card__foot{font-size:.74rem}.animal-card__del{position:absolute;top:8px;right:8px;display:grid;place-items:center;padding:5px;border-radius:8px;color:var(--sv-text-dim);border:1px solid transparent}.animal-card__del:hover{color:var(--sv-danger);border-color:var(--sv-danger);background:#00000040}.tabpane__inner--wide{max-width:1000px}.animals-split{display:grid;grid-template-columns:300px 1fr;gap:16px;margin-top:14px;height:62vh;min-height:380px}.animals-split__side{overflow-y:auto;border:1px solid var(--sv-border);border-radius:12px;background:var(--sv-panel-solid);padding:8px}.animals-split__stage{position:relative;border:1px solid var(--sv-border);border-radius:12px;overflow:hidden;min-height:0;background:linear-gradient(180deg,#2a2418,#14100a)}.animals-split__stage canvas{display:block}.animals-split__stage .species-name{position:absolute;left:18px;bottom:16px;font-family:var(--sv-font-display);font-size:2rem;color:var(--sv-ivory);text-transform:uppercase;letter-spacing:.04em;text-shadow:0 2px 12px #000;pointer-events:none}.animals-list{display:flex;flex-direction:column;gap:3px}.animals-list__row{display:flex;align-items:center;gap:10px;width:100%;text-align:left;padding:8px;border-radius:9px;background:transparent;border:1px solid transparent;cursor:pointer}.animals-list__row:hover{background:var(--sv-olive-raised)}.animals-list__row[data-active=true]{border-color:var(--sv-gold)}.animals-list__row img{image-rendering:pixelated;flex:none}.animals-list__id{flex:1;min-width:0}.animals-list__name{font-family:var(--sv-font-display);color:var(--sv-ivory);font-size:1.05rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.animals-list__sub{font-size:.74rem}.animals-list__del{display:grid;place-items:center;padding:5px;border-radius:7px;color:var(--sv-text-dim);border:1px solid transparent;flex:none}.animals-list__del:hover{color:var(--sv-danger);border-color:var(--sv-danger)}.char-panel{display:flex;flex-direction:column;padding:4px 4px 8px}.char-panel__back{align-self:flex-start;display:inline-flex;align-items:center;gap:6px;background:none;border:none;color:var(--sv-text-dim);cursor:pointer;padding:4px 2px;font-size:.82rem}.char-panel__back:hover{color:var(--sv-gold)}.char-panel__head{display:flex;align-items:center;gap:12px;margin:6px 0 4px}.char-panel__head img{image-rendering:pixelated}.char-panel__actions{margin-top:14px}.stat{margin:7px 0}.stat__row{display:flex;justify-content:space-between;font-size:.8rem;margin-bottom:3px}.stat__label{color:var(--sv-ivory)}.stat__track{height:7px;border-radius:5px;background:#ffffff17;overflow:hidden}.stat__fill{height:100%;border-radius:5px;transition:width .25s ease}.stat__fill--gold{background:var(--sv-gold)}.stat__fill--good{background:var(--sv-green)}.stat__fill--warn{background:#e8a33a}.stat__fill--low{background:var(--sv-danger)}.modal{width:430px;max-width:92vw;max-height:88vh;overflow-y:auto}.modal--profile{width:768px}.detail__head{display:flex;align-items:center;gap:12px;margin-bottom:16px}.detail__head img{image-rendering:pixelated}.detail__id{flex:1;min-width:0}.detail__name{font-family:var(--sv-font-display);font-size:1.7rem;color:var(--sv-ivory)}.detail__genes{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.gene{text-align:center;padding:10px 4px;border-radius:10px;border:1px solid var(--sv-border);background:var(--sv-panel-solid)}.gene__v{font-family:var(--sv-font-display);font-size:1.25rem;color:var(--sv-gold)}.gene__l{font-size:.7rem;text-transform:uppercase;letter-spacing:.04em;margin-top:2px}.detail__facts{display:flex;gap:10px;margin-top:16px}.fact{flex:1;text-align:center;padding:10px;border-radius:10px;background:var(--sv-panel-solid);border:1px solid var(--sv-border);color:var(--sv-text-dim);font-size:.85rem}.fact b{color:var(--sv-ivory);font-family:var(--sv-font-display);font-size:1.15rem;margin-right:4px}.detail__actions{display:flex;align-items:center;gap:10px;margin-top:18px}.confirm{text-align:center}.confirm__icon{width:56px;height:56px;margin:0 auto 12px;display:grid;place-items:center;border-radius:50%;background:#d64d3c24;color:var(--sv-danger)}.confirm p{margin:8px 0 18px}.confirm__actions{display:flex;gap:10px;justify-content:center}.danger-btn{background:var(--sv-danger)!important;color:#fff!important;box-shadow:0 6px #8f3329,var(--sv-shadow)!important}.danger-btn:hover{box-shadow:0 8px #8f3329,var(--sv-shadow)!important}.play__cta{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.play__tabs{margin-bottom:18px}.play__gate{font-size:.82rem;margin-bottom:12px}.play-pane{display:flex;flex-direction:column;gap:14px}.play-pane__lead{color:var(--sv-text-dim);font-size:.9rem}.play-pane--hero{align-items:center;text-align:center;gap:18px;padding:32px 0 16px}.play-pane--hero img{image-rendering:pixelated}.play-pane__title{font-family:var(--sv-font-display);font-size:1.6rem;color:var(--sv-ivory)}.play-pane--hero .play-pane__go{font-size:1.2rem;padding:.55em 2.6em}.play-online-count{display:inline-flex;align-items:center;gap:8px;margin-top:-6px;color:var(--sv-text-dim);font-size:.9rem}.play-online-count b{color:var(--sv-ivory);font-family:var(--sv-font-display)}.login{flex:1;display:flex;min-height:0}.login__side{width:380px;flex:none;padding:56px 44px;display:flex;flex-direction:column;border-right:1px solid var(--sv-border);background:var(--sv-earth)}.login__brand{font-family:var(--sv-font-display);font-size:2.6rem;color:var(--sv-gold);text-transform:uppercase;letter-spacing:.06em}.login__title{font-family:var(--sv-font-display);font-size:2rem;color:var(--sv-ivory);margin:40px 0 8px}.login__side p{color:var(--sv-text-dim);margin:0 0 28px}.login__buttons{display:flex;flex-direction:column;gap:12px;align-items:stretch}.login__buttons .sv-btn{justify-content:center}.discord-btn{background:#5865f2!important;color:#fff!important;box-shadow:0 6px #3a44b8,var(--sv-shadow)!important}.discord-btn:hover{box-shadow:0 8px #3a44b8,var(--sv-shadow)!important}.login__divider{display:flex;align-items:center;gap:10px;color:var(--sv-text-dim);font-size:.72rem;text-transform:uppercase;letter-spacing:.12em;margin:6px 0 2px}.login__divider:before,.login__divider:after{content:"";flex:1;height:1px;background:var(--sv-border)}.login__foot{margin-top:auto;color:var(--sv-text-dim);font-size:.8rem;display:flex;justify-content:space-between}.login__art{flex:1;min-width:0;background-image:linear-gradient(90deg,var(--sv-earth) 0%,transparent 12%),url(/hero.png);background-size:cover;background-position:center}.home{flex:1;display:flex;min-height:0}.home__main{position:relative;flex:1;min-width:0;overflow-y:auto;padding:28px 32px;display:flex;flex-direction:column;gap:22px}.home__main:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:url(/hero.png) center / cover no-repeat;opacity:.18;mask-image:linear-gradient(180deg,rgba(0,0,0,.9),transparent 85%);-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.9),transparent 85%)}.home__main>*{position:relative;z-index:1}.home__cta{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.profile{display:flex;align-items:flex-start;gap:14px}.profile__name{font-family:var(--sv-font-display);font-size:1.8rem;color:var(--sv-ivory)}.profile__meta{font-size:.85rem}.profile__code{display:flex;align-items:center;gap:8px;margin-top:6px;font-size:.85rem;color:var(--sv-text-dim)}.profile__code b{color:var(--sv-gold);font-family:var(--sv-font-display);letter-spacing:.06em}.characters{max-width:560px}.icon-btn{background:transparent;border:1px solid var(--sv-border);border-radius:8px;color:var(--sv-text-dim);cursor:pointer;padding:8px;display:grid;place-items:center}.icon-btn:hover{color:var(--sv-danger);border-color:var(--sv-danger)}.icon-btn--sm{padding:4px}.icon-btn--sm:hover{color:var(--sv-gold);border-color:var(--sv-gold)}.spinner{width:28px;height:28px;margin:0 auto;border:3px solid var(--sv-border);border-top-color:var(--sv-gold);border-radius:50%;animation:spin .8s linear infinite}.spinner--sm{width:16px;height:16px;border-width:2px;margin:0}@keyframes spin{to{transform:rotate(360deg)}}.gate-pill{position:fixed;bottom:16px;left:16px;z-index:55;display:flex;align-items:center;gap:9px;pointer-events:none;background:var(--sv-olive-raised);border:1px solid var(--sv-border);color:var(--sv-text-dim);padding:8px 13px;border-radius:10px;box-shadow:var(--sv-shadow);font-size:.85rem}.toast{position:fixed;bottom:18px;left:50%;transform:translate(-50%);z-index:60;display:flex;align-items:center;gap:8px;background:var(--sv-olive-raised);border:1px solid var(--sv-gold);color:var(--sv-ivory);padding:10px 14px;border-radius:10px;box-shadow:var(--sv-shadow)}.toast__x{background:transparent;border:none;color:var(--sv-text-dim);cursor:pointer;display:grid;place-items:center}.friends{width:320px;flex:none;border-left:1px solid var(--sv-border);padding:18px;overflow-y:auto;display:flex;flex-direction:column}.friend{display:flex;align-items:center;gap:10px;padding:8px;border-radius:10px}.friend:hover{background:#f4e6cc0d}.friend-pfp{position:relative;width:30px;height:30px;flex:none}.friend-pfp img{width:100%;height:100%;border-radius:8px;object-fit:cover;image-rendering:pixelated}.friend-pfp>span:first-child{display:flex;align-items:center;justify-content:center;width:100%;height:100%;border-radius:8px;background:#f4e6cc1a;color:var(--sv-ivory);font-family:var(--sv-font-display);font-size:.9rem}.friend-pfp .dot{position:absolute;right:-2px;bottom:-2px;width:11px;height:11px;border:2px solid var(--sv-bg, #1a1410)}.friend .name{flex:1;color:var(--sv-ivory)}.friend .sub{color:var(--sv-text-dim);font-size:.8rem;display:flex;align-items:center;gap:5px}.friend-open{flex:1;min-width:0;display:flex;align-items:center;gap:10px;padding:0;margin:0;background:none;border:0;cursor:pointer;text-align:left;color:inherit;font:inherit}.friend-open:hover .name{color:var(--sv-gold)}.profile-head{display:flex;align-items:center;gap:12px;margin-bottom:10px}.friend-pfp.lg{width:56px;height:56px}.friend-pfp.lg .dot{width:15px;height:15px}.profile-name{font-family:var(--sv-font-display);font-size:1.15rem;color:var(--sv-ivory)}.profile-career .career__inner{padding:0;max-width:none}.profile-tiers{margin:4px 0 16px}.profile-head .profile-id{flex:1;min-width:0}.profile-code{font-size:.72rem;opacity:.65;letter-spacing:.04em;margin-top:1px}.profile-head__action{margin-left:auto;flex:none;align-self:flex-start}.lb__row{cursor:pointer}.lb__row:hover{background:#f4e6cc0d}.friend-msg{position:relative;display:inline-flex;flex:none}.unread-badge{position:absolute;top:-6px;right:-6px;min-width:16px;height:16px;padding:0 4px;border-radius:8px;background:var(--sv-gold, #e0b341);color:#1a1410;font-size:.62rem;font-weight:700;display:flex;align-items:center;justify-content:center;line-height:1;box-shadow:0 0 0 2px var(--sv-bg, #1a1410);pointer-events:none}.chat{display:flex;flex-direction:column;height:min(60vh,520px)}.chat__head{display:flex;align-items:center;gap:10px;padding-bottom:10px;border-bottom:1px solid rgba(244,230,204,.08)}.chat__status{margin-left:auto;font-size:.78rem}.chat__msgs{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:8px;padding:12px 2px}.chat__empty{display:flex;align-items:center;justify-content:center;gap:6px;margin:auto}.chat__msg{display:flex;flex-direction:column;max-width:78%}.chat__msg.mine{align-self:flex-end;align-items:flex-end}.chat__msg.theirs{align-self:flex-start;align-items:flex-start}.chat__bubble{padding:7px 11px;border-radius:12px;font-size:.9rem;line-height:1.35;word-break:break-word;white-space:pre-wrap;background:#f4e6cc14;color:var(--sv-ivory)}.chat__msg.mine .chat__bubble{background:var(--sv-gold, #e0b341);color:#1a1410}.chat__time{font-size:.62rem;color:var(--sv-text-dim);margin-top:2px}.chat__input{display:flex;gap:8px;padding-top:10px;border-top:1px solid rgba(244,230,204,.08)}.chat__input .sv-input{flex:1}.dot{width:9px;height:9px;border-radius:50%;flex:none}.dot.online{background:var(--sv-green)}.dot.in_game,.dot.launched{background:var(--sv-gold);box-shadow:0 0 8px var(--sv-gold)}.dot.in_lobby{background:var(--sv-blue)}.dot.offline{background:#555}.lobby-screen{flex:1;display:flex;flex-direction:column;min-height:0}.lobby{flex:1;display:grid;grid-template-columns:360px 1fr;min-height:0}.lobby-actions{flex:none;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;padding:14px 22px;border-top:1px solid var(--sv-border);background:var(--sv-earth)}.lobby-actions__status{justify-self:start;min-width:0;font-family:var(--sv-font-display);letter-spacing:.04em;color:var(--sv-text-dim);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lobby-actions__group{justify-self:center;display:flex;align-items:center;gap:10px}.lobby-actions__end{justify-self:end}.stage{position:relative;min-height:0}.stage canvas{display:block}.stage .species-name{position:absolute;left:24px;bottom:20px;font-family:var(--sv-font-display);font-size:2.6rem;color:var(--sv-ivory);text-transform:uppercase;letter-spacing:.04em;text-shadow:0 2px 12px #000;pointer-events:none}.stage .hint{position:absolute;right:20px;bottom:20px;color:var(--sv-text-dim);font-size:.8rem;pointer-events:none}.stage .ready-banner{position:absolute;left:50%;top:24px;transform:translate(-50%);font-family:var(--sv-font-display);color:var(--sv-gold);letter-spacing:.1em;text-transform:uppercase;pointer-events:none}.lobby-panel{border-right:1px solid var(--sv-border);padding:18px;display:flex;flex-direction:column;gap:16px;overflow-y:auto}.species-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.species-chip{display:flex;flex-direction:column;align-items:center;gap:4px;font-family:var(--sv-font-display);text-transform:uppercase;letter-spacing:.03em;padding:10px 6px;border-radius:10px;border:1px solid var(--sv-border);background:var(--sv-panel-solid);color:var(--sv-text-dim);cursor:pointer;font-size:.95rem}.species-chip:hover:not(:disabled){color:var(--sv-ivory)}.species-chip[data-active=true]{color:var(--sv-gold);border-color:var(--sv-gold);background:var(--sv-olive-raised)}.species-chip .aq{font-size:.62rem;color:var(--sv-blue);display:flex;align-items:center;gap:3px}.species-chip:disabled{opacity:.45;cursor:default}.gender{display:flex;gap:8px}.gender .species-chip{flex:1;flex-direction:row;justify-content:center}.mode-tabs{display:flex;gap:4px;padding:4px;background:var(--sv-panel-solid);border-radius:var(--sv-radius-sm);margin-bottom:14px}.mode-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;font-family:var(--sv-font-display);text-transform:uppercase;letter-spacing:.03em;padding:8px 6px;border:none;background:transparent;color:var(--sv-text-dim);border-radius:6px;cursor:pointer;font-size:.95rem}.mode-tab[data-active=true]{background:var(--sv-olive-raised);color:var(--sv-gold)}.mode-tab:disabled{opacity:.5;cursor:default}.saved-row{display:flex;align-items:center;gap:12px;width:100%;text-align:left;padding:10px;margin-bottom:8px;border-radius:10px;border:1px solid var(--sv-border);background:var(--sv-panel-solid);cursor:pointer}.saved-row:hover:not(:disabled){border-color:var(--sv-ivory)}.saved-row[data-active=true]{border-color:var(--sv-gold);background:var(--sv-olive-raised)}.saved-row:disabled{opacity:.5;cursor:default}.saved-info{display:flex;flex-direction:column}.saved-name{font-family:var(--sv-font-display);font-size:1.2rem;color:var(--sv-ivory)}.saved-row .sub{color:var(--sv-text-dim);font-size:.8rem}.saved-row__del{margin-left:auto;display:grid;place-items:center;padding:6px;border-radius:8px;color:var(--sv-text-dim);border:1px solid transparent}.saved-row__del:hover{color:var(--sv-danger);border-color:var(--sv-danger);background:#00000040}.party-member{display:flex;align-items:center;gap:10px;padding:9px 0;border-bottom:1px solid rgba(255,255,255,.06)}.party-member .name{flex:1;color:var(--sv-ivory)}.party-member .sub{color:var(--sv-text-dim);font-size:.8rem;display:flex;align-items:center;gap:5px}.party-member .ready{font-size:.7rem;padding:3px 7px;border-radius:6px;font-family:var(--sv-font-display);letter-spacing:.06em;text-transform:uppercase}.party-member .ready[data-on=true]{background:#7bc76a2e;color:var(--sv-green)}.party-member .ready[data-on=false]{background:#ffffff0f;color:var(--sv-text-dim)}.invite{display:flex;gap:8px;align-items:center}.invite code{font-family:var(--sv-font-display);font-size:1.4rem;letter-spacing:.2em;color:var(--sv-gold)}.river-note{color:var(--sv-blue);font-size:.85rem;display:flex;align-items:center;gap:8px}.spacer{flex:1}.invite-banner{display:flex;align-items:center;gap:10px;padding:10px 22px;background:var(--sv-olive-raised);border-bottom:1px solid var(--sv-border);color:var(--sv-ivory)}.invite-banner .sv-btn{margin-left:auto}.invite-banner .sv-btn+.sv-btn{margin-left:0}.add-friend,.join-code{display:flex;gap:8px;margin-top:10px}.add-friend .sv-input,.join-code .sv-input{flex:1;min-width:0}.req-group{margin-bottom:6px}.req-head{width:100%;display:flex;align-items:center;gap:6px;background:none;border:none;cursor:pointer;font-family:var(--sv-font-display);text-transform:uppercase;letter-spacing:.08em;color:var(--sv-text-dim);font-size:.86rem;padding:4px 0}.req-head:hover{color:var(--sv-ivory)}.req-caret{width:10px;display:inline-block;color:var(--sv-text-dim)}.req-count{margin-left:auto;min-width:18px;text-align:center;padding:1px 6px;border-radius:9px;background:var(--sv-green, #7bc76a);color:#10240c;font-size:.74rem;letter-spacing:0}.servers{flex:1;overflow-y:auto;display:flex;justify-content:center;padding:24px}.servers__inner{width:100%;max-width:560px}.servers .toprow{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.server-row{display:flex;align-items:center;gap:8px}.server-row--end{justify-content:flex-end}.wss-toggle{display:flex;align-items:center;gap:4px;color:var(--sv-text-dim);font-size:.85rem;white-space:nowrap}.host-opts{display:flex;flex-direction:column;gap:2px;border:1px solid var(--sv-border);border-radius:12px;background:var(--sv-panel-solid);overflow:hidden}.host-opt{padding:12px 14px;margin:0}.host-opt--row{display:flex;align-items:center;gap:12px}.host-opt--row+.host-opt--row{border-top:1px solid var(--sv-border)}.host-opt--check{cursor:pointer}.host-opt__text{flex:1;min-width:0}.host-opt__label{color:var(--sv-ivory);font-size:.95rem}.host-opt__hint{color:var(--sv-text-dim);font-size:.8rem;margin-top:2px}.host-opt__hint code{font-size:.78rem;padding:1px 4px;border-radius:4px;background:#ffffff12}.host-opt__port{width:90px;text-align:center}.host-opt--check input[type=checkbox]{width:18px;height:18px;flex:none;cursor:pointer}.lb__inner .toprow{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}table.lb{width:100%;border-collapse:collapse;margin-top:12px;table-layout:auto}.lb th,.lb td{padding:9px 8px;text-align:left;vertical-align:middle;border-bottom:1px solid rgba(255,255,255,.06)}.lb thead th{font-size:.7rem;text-transform:uppercase;letter-spacing:.06em;color:var(--sv-text-dim);font-weight:700;border-bottom:1px solid var(--sv-border)}.lb th.lb__rank,.lb td.lb__rank{text-align:right;width:36px;font-family:var(--sv-font-display);color:var(--sv-text-dim);font-size:1.05rem}.lb td.lb__name{width:100%;color:var(--sv-ivory)}.lb th.lb__stat,.lb td.lb__stat{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums;color:var(--sv-ivory);font-size:.9rem}.lb th.lb__icon,.lb td.lb__icon{width:40px}.lb__who{display:inline-flex;align-items:center;gap:7px}.lb__who .lb__animal{image-rendering:pixelated}.lb__pfp{box-sizing:border-box;width:24px;height:24px;border-radius:50%;object-fit:cover;border:1px solid var(--sv-border)}.lb__tier{display:inline-flex;align-items:center;gap:6px;font-family:var(--sv-font-display);font-size:.82rem;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap}.lb__tier img{width:22px;height:22px}.ingame{flex:1;display:grid;place-items:center}.ingame__card{max-width:480px;text-align:center}.ingame__card p{margin:6px 0 14px}.ingame__big{margin-bottom:12px}.ingame__big img{image-rendering:pixelated}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:grid;place-items:center;z-index:50;color:var(--sv-text);font-family:var(--sv-font-body)}.overlay__card{max-width:460px}.overlay__card p{margin:6px 0 14px}.launch-args{font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:.78rem;background:var(--sv-earth);border:1px solid var(--sv-border);border-radius:var(--sv-radius-sm);padding:12px;color:var(--sv-green);white-space:pre-wrap;word-break:break-all;margin-bottom:16px}.career__hero{display:flex;flex-direction:column;gap:14px;padding:6px 0 18px}.career__top{display:flex;align-items:center;gap:16px}.career__pfpwrap{position:relative;flex:none;line-height:0}.career__pfpwrap img{image-rendering:pixelated}.career__pfp{width:64px;height:64px;border-radius:14px;object-fit:cover;image-rendering:auto;border:1px solid var(--sv-border)}.career__pfpwrap .dot{position:absolute;right:-3px;bottom:-3px;width:15px;height:15px;border:2px solid var(--sv-bg, #1a1410)}.career__id{flex:1;min-width:160px}.career__name{font-family:var(--sv-font-display);font-size:1.9rem;color:var(--sv-ivory);line-height:1.1}.career__presence{font-size:.82rem;margin-top:2px}.career__meta{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.meta-chip{display:inline-flex;align-items:center;gap:5px;font-size:.72rem;letter-spacing:.02em;color:var(--sv-text-dim);background:var(--sv-olive-raised);border:1px solid var(--sv-border);border-radius:999px;padding:3px 9px}.meta-chip--code{font-family:var(--sv-font-display);letter-spacing:.06em;color:var(--sv-ivory)}.career__action{margin-left:auto;flex:none;align-self:flex-start}.career__tiers{display:flex;gap:16px;flex-wrap:wrap}.career__tier{display:flex;align-items:center;gap:9px}.career__tier img{width:40px;height:40px}.career__rankname{font-family:var(--sv-font-display);font-size:1.15rem;text-transform:uppercase;letter-spacing:.04em}.ach-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:8px}.ach{display:flex;align-items:center;gap:12px;padding:12px;border-radius:12px;border:1px solid var(--sv-border);background:var(--sv-panel-solid)}.ach__emblem{width:42px;height:42px;flex:none;display:grid;place-items:center}.ach__emblem img{width:42px;height:42px}.ach__body{flex:1;min-width:0}.ach__name{font-family:var(--sv-font-display);color:var(--sv-ivory);display:flex;align-items:baseline;justify-content:space-between;gap:8px}.ach__tier{font-size:.78rem;letter-spacing:.04em;text-transform:uppercase}.ach__bar{height:6px;border-radius:4px;background:#ffffff17;overflow:hidden;margin:6px 0 4px}.ach__fill{height:100%;border-radius:4px;transition:width .25s ease}.ach__prog{font-size:.76rem;font-variant-numeric:tabular-nums}.career__placements{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}.place-chip{display:inline-flex;align-items:center;gap:6px;font-family:var(--sv-font-display);letter-spacing:.03em;font-size:.82rem;color:var(--sv-gold);background:var(--sv-olive-raised);border:1px solid var(--sv-border);border-radius:999px;padding:5px 11px}.place-chip--join{color:var(--sv-ivory);border-color:var(--sv-gold);background:#f8b95c24}.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:22px}.ctile{padding:14px;border-radius:12px;border:1px solid var(--sv-border);background:var(--sv-panel-solid)}.ctile__v{font-family:var(--sv-font-display);font-size:1.6rem;color:var(--sv-ivory)}.ctile__l{font-size:.7rem;text-transform:uppercase;letter-spacing:.06em;color:var(--sv-text-dim);margin-top:2px}.ctile__s{font-size:.78rem;margin-top:2px}.ctile__pct{display:inline-block;margin-top:4px;font-size:.7rem;font-weight:700;letter-spacing:.02em;color:var(--sv-green)}.ctile__pct--best{color:var(--sv-gold)}.ach__pct{color:var(--sv-green);font-weight:700}.ach__pct--best{color:var(--sv-gold)}.runs{display:flex;flex-direction:column;gap:6px;margin-top:8px}.run{border:1px solid var(--sv-border);border-radius:10px;background:var(--sv-panel-solid);overflow:hidden}.run[data-open=true]{border-color:var(--sv-gold)}.run__head{display:flex;align-items:center;gap:12px;width:100%;text-align:left;padding:10px 12px;background:transparent;border:none;cursor:pointer;color:inherit}.run__head:hover{background:#f4e6cc0a}.run__main{flex:1;min-width:0}.run__cause{color:var(--sv-ivory)}.run__sub{font-size:.78rem}.run__dur{font-family:var(--sv-font-display);color:var(--sv-gold);font-variant-numeric:tabular-nums}.run-animal-x{display:inline-grid;place-items:center;width:26px;height:26px;font-size:.6rem;color:var(--sv-text-dim);border:1px solid var(--sv-border);border-radius:6px}.run__detail{display:grid;grid-template-columns:repeat(2,1fr);gap:6px 18px;padding:4px 14px 14px}.run__fact{display:flex;justify-content:space-between;gap:10px;font-size:.85rem;border-bottom:1px solid rgba(255,255,255,.05);padding:5px 0}.run__fact b{color:var(--sv-ivory);font-weight:600}.profile-menu{position:relative;margin-bottom:14px}.profile-menu__btn{display:flex;align-items:center;gap:10px;width:100%;text-align:left;padding:8px;border-radius:10px;border:1px solid var(--sv-border);background:var(--sv-panel-solid);color:inherit;cursor:pointer}.profile-menu__btn:hover,.profile-menu__btn[data-open=true]{border-color:var(--sv-ivory)}.profile-menu__id{flex:1;min-width:0}.profile-menu__name{font-family:var(--sv-font-display);font-size:1.2rem;color:var(--sv-ivory);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-menu__sub{font-size:.74rem}.profile-menu__pop{position:absolute;z-index:20;top:calc(100% + 6px);left:0;right:0;min-width:300px;background:var(--sv-olive-raised);border:1px solid var(--sv-border);border-radius:10px;padding:6px;box-shadow:var(--sv-shadow);display:flex;flex-direction:column;gap:2px}.profile-menu__item{display:flex;align-items:center;gap:8px;width:100%;text-align:left;padding:9px 10px;border:none;background:transparent;color:var(--sv-text-dim);border-radius:7px;cursor:pointer;font-size:.9rem}.profile-menu__item:hover{background:#f4e6cc0f;color:var(--sv-ivory)}.profile-menu__item b{color:var(--sv-gold);font-family:var(--sv-font-display);letter-spacing:.05em;margin-left:auto}@media (max-width: 680px){.topbar{flex-wrap:wrap;row-gap:8px;padding:8px 10px}.topbar .tabbar{position:static;transform:none;width:100%;order:3}.topbar>.brand__logo{order:1}.topbar__right{order:2}.tabbar{width:100%}.tab{width:auto;flex:1;padding:7px 4px;font-size:.68rem;gap:4px;white-space:normal;text-align:center;line-height:1.15}.invite-banner{flex-wrap:wrap;padding:10px 14px;row-gap:6px}.login{flex-direction:column;overflow-y:auto}.login__side{width:100%;flex:none;padding:28px 22px 32px;border-right:none;order:1}.login__art{order:-1;flex:none;height:26vh;min-height:140px}.shell{flex-direction:column}.friends{width:100%;flex:0 0 auto;max-height:38vh;border-left:none;border-top:1px solid var(--sv-border);padding:14px}.friend{flex-wrap:wrap;row-gap:6px}.tabpane,.play__main,.leaderboard,.career{padding:16px 12px}.animals-split{grid-template-columns:1fr;height:auto;gap:12px}.animals-split__side{max-height:38vh}.animals-split__stage{height:38vh;min-height:220px}.lobby{grid-template-columns:1fr;grid-template-rows:auto minmax(200px,1fr)}.lobby-panel{border-right:none;border-bottom:1px solid var(--sv-border);max-height:42vh;padding:14px}.lobby-actions{grid-template-columns:1fr;row-gap:8px;padding:10px 14px}.lobby-actions__status,.lobby-actions__group{justify-self:center}.lobby-actions__end{display:none}.server-row,.host-opt--row{flex-wrap:wrap;row-gap:8px}.career__top{flex-wrap:wrap}.career__action{margin-left:0}.stat-grid{grid-template-columns:repeat(2,1fr)}.ach-grid{grid-template-columns:1fr}.detail__genes{grid-template-columns:repeat(2,1fr)}.run__detail{grid-template-columns:1fr}.lb__inner{overflow-x:auto;-webkit-overflow-scrolling:touch}table.lb{min-width:460px}.mode-tabs{flex-wrap:wrap}.mode-tab{flex:1 1 30%;font-size:.78rem;padding:7px 6px;white-space:normal;line-height:1.2}.notif__pop{width:min(320px,calc(100vw - 24px));right:-4px}.overlay__card,.ingame__card{max-width:92vw}}@media (max-width: 400px){.species-grid{grid-template-columns:repeat(2,1fr)}}