:root{--sp-accent:#6b00ff;--sp-accent-dark:#12102a;--sp-accent-light:#a259ff;--sp-accent-lighter:#e9d6ff;--sp-silver:#eaeaf0;--sp-bg:#0a0a0f;--sp-surface:#12102a;--sp-border:#18171a;--sp-text-primary:#fff;--sp-text-secondary:#9a9aa3;--sp-radius:16px;--sp-radius-pill:999px;--sp-font-heading:"Archivo Black", "Arial Black", "Segoe UI", sans-serif;--sp-font-body:"Inter", "Segoe UI", system-ui, sans-serif}[data-theme=light]{--sp-bg:#e1dfe6;--sp-surface:#eaeaf0;--sp-border:#c9c7d1;--sp-text-primary:#0b0b0d;--sp-text-secondary:#55535c}
.sp-scope{--sp-radius-panel:6px;--sp-font-mono:"JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--sp-bg-1:color-mix(in srgb, var(--sp-surface) 55%, var(--sp-bg));--sp-bg-2:var(--sp-surface);--sp-line:var(--sp-border);--sp-live:#ef4444;background:var(--sp-bg);min-height:100vh;color:var(--sp-text-primary);font-family:var(--sp-font-body);font-size:14px;line-height:1.5}.sp-scope *{box-sizing:border-box}.sp-scope a{color:inherit}.sp-scope button,.sp-scope select{font:inherit;color:inherit}.sp-scope h1,.sp-scope h2,.sp-scope h3{font-family:var(--sp-font-heading);letter-spacing:-.02em;margin:0;font-weight:700}.sp-scope :focus-visible{outline:2px solid var(--sp-accent);outline-offset:2px}.sp-mono{font-family:var(--sp-font-mono);font-variant-numeric:tabular-nums}.sp-eyebrow{font-family:var(--sp-font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--sp-text-secondary);font-size:.66rem;font-weight:700}.sp-muted{color:var(--sp-text-secondary)}.sp-shell{width:min(1180px,100% - 2.5rem);margin-inline:auto;padding-bottom:4rem}.sp-topbar{z-index:5;border-bottom:1px solid var(--sp-line);background:color-mix(in srgb, var(--sp-bg) 88%, transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);align-items:center;gap:1rem;min-height:62px;display:flex;position:sticky;top:0}.sp-topbar-inner{align-items:center;gap:1.25rem;width:min(1180px,100% - 2.5rem);min-height:62px;margin-inline:auto;display:flex}.sp-brand{color:var(--sp-text-primary);font-family:var(--sp-font-heading);letter-spacing:-.02em;align-items:center;gap:.5rem;font-size:1rem;font-weight:800;display:inline-flex}.sp-brand-mark{width:18px;height:18px;color:var(--sp-accent)}.sp-brand-mark svg{width:100%;height:100%;display:block}.sp-statebar{flex:1;align-items:center;gap:1.4rem;min-width:0;display:flex}.sp-stat{white-space:nowrap;flex-direction:column;gap:.1rem;display:flex}.sp-stat-label{font-family:var(--sp-font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--sp-text-secondary);font-size:.6rem;font-weight:700}.sp-stat-value{font-family:var(--sp-font-mono);font-variant-numeric:tabular-nums;color:var(--sp-text-primary);font-size:.95rem;font-weight:700}.sp-stat-value.sp-accent-text{color:var(--sp-accent)}.sp-account{border-left:1px solid var(--sp-line);align-items:center;gap:.7rem;min-width:0;margin-left:auto;padding-left:1rem;font-size:.75rem;display:flex}.sp-account-name{text-overflow:ellipsis;white-space:nowrap;max-width:160px;font-weight:700;overflow:hidden}.sp-account-channel{color:var(--sp-accent);font-size:.68rem}.sp-btn{border:1px solid var(--sp-line);border-radius:var(--sp-radius-panel);min-height:36px;color:var(--sp-text-primary);background:0 0;justify-content:center;align-items:center;gap:.5rem;padding:0 .85rem;font-size:.75rem;font-weight:700;transition:border-color .18s cubic-bezier(.22,1,.36,1),background .18s cubic-bezier(.22,1,.36,1);display:inline-flex}.sp-btn:hover{border-color:var(--sp-accent)}.sp-btn:disabled{opacity:.55;cursor:not-allowed}.sp-btn-primary{border-color:var(--sp-accent);background:var(--sp-accent);color:#fff}.sp-btn-primary:hover{background:color-mix(in srgb, var(--sp-accent) 85%, black)}.sp-btn-danger{border-color:color-mix(in srgb, var(--sp-live) 55%, var(--sp-line));color:var(--sp-live)}.sp-section{border-bottom:1px solid var(--sp-line);padding-block:2rem}.sp-section-head{justify-content:space-between;align-items:baseline;gap:1rem;margin-bottom:1.1rem;display:flex}.sp-section-head h2{font-size:1.15rem}.sp-notice{border:1px solid var(--sp-line);border-left:2px solid var(--sp-accent);border-radius:var(--sp-radius-panel);background:color-mix(in srgb, var(--sp-accent) 6%, transparent);color:var(--sp-text-secondary);align-items:flex-start;gap:.6rem;margin-top:.9rem;padding:.7rem .85rem;font-size:.75rem;display:flex}.sp-notice strong{color:var(--sp-text-primary)}.sp-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;display:grid}.sp-slot{aspect-ratio:16/9;border:1px solid var(--sp-line);border-radius:var(--sp-radius-panel);background:var(--sp-bg-1);position:relative;overflow:hidden}.sp-slot iframe{border:0;width:100%;height:100%;display:block}.sp-slot-empty,.sp-slot-occupied{text-align:center;place-items:center;gap:.25rem;padding:.4rem;display:grid;position:absolute;inset:0}.sp-slot-empty{color:var(--sp-text-secondary)}.sp-slot-occupied{color:var(--sp-text-secondary);background:color-mix(in srgb, var(--sp-bg-2) 60%, transparent)}.sp-slot-icon{opacity:.6;font-size:1rem}.sp-slot-caption{font-family:var(--sp-font-mono);letter-spacing:.08em;text-transform:uppercase;font-size:.6rem}.sp-slot-mine{z-index:1;background:var(--sp-accent);color:#fff;font-family:var(--sp-font-mono);letter-spacing:.06em;text-transform:uppercase;border-radius:4px;padding:.1rem .4rem;font-size:.58rem;font-weight:700;position:absolute;top:.4rem;left:.4rem}.sp-live-dot{background:var(--sp-live);width:6px;height:6px;box-shadow:0 0 0 3px color-mix(in srgb, var(--sp-live) 25%, transparent);border-radius:50%;animation:2.2s ease-in-out infinite sp-pulse;display:inline-block}@keyframes sp-pulse{0%,to{opacity:1}50%{opacity:.45}}@media (prefers-reduced-motion:reduce){.sp-live-dot{animation:none}}.sp-windows{border-top:1px solid var(--sp-line);display:grid}.sp-window-row{border-bottom:1px solid var(--sp-line);grid-template-columns:auto 1fr auto auto auto;align-items:center;gap:1rem;padding:.75rem .2rem;font-size:.8rem;display:grid}.sp-window-when{font-family:var(--sp-font-mono);font-variant-numeric:tabular-nums;min-width:9ch}.sp-window-occupancy{font-family:var(--sp-font-mono);font-variant-numeric:tabular-nums;color:var(--sp-text-secondary);text-align:right;min-width:6ch}.sp-window-price{font-family:var(--sp-font-mono);color:var(--sp-accent);text-align:right;min-width:8ch}.sp-farm-on{color:#22c55e}.sp-farm-off{color:#f59e0b}.sp-farm-unavailable{color:var(--sp-text-secondary)}.sp-farm-banner{margin-inline:auto;border:1px solid var(--sp-line);border-radius:var(--sp-radius-panel);width:min(1180px,100% - 2.5rem);color:var(--sp-text-secondary);align-items:center;gap:.5rem;margin-top:.9rem;padding:.55rem .85rem;font-size:.75rem;display:flex}.sp-farm-dot{border-radius:50%;flex:none;width:7px;height:7px}.sp-farm-dot-off{background:#f59e0b}.sp-farm-dot-unavailable{background:var(--sp-text-secondary)}.sp-download-card{border:1px solid var(--sp-line);border-left:2px solid var(--sp-accent);border-radius:var(--sp-radius-panel);background:var(--sp-bg-1);flex-direction:column;align-items:flex-start;gap:.9rem;padding:1.8rem;display:flex}.sp-download-card h3{font-size:1.1rem}.sp-download-card p{color:var(--sp-text-secondary);max-width:56ch;margin:0;font-size:.82rem}.sp-stats-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;display:grid}.sp-stats-card{border:1px solid var(--sp-line);border-radius:var(--sp-radius-panel);background:var(--sp-bg-1);padding:1rem 1.1rem}.sp-stats-value{color:var(--sp-accent);font-size:1.5rem;font-weight:800}.sp-stats-label{color:var(--sp-text-secondary);margin-top:.3rem;font-size:.72rem}.sp-store-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.sp-store-card{border:1px solid var(--sp-line);border-radius:var(--sp-radius-panel);background:var(--sp-bg-1);flex-direction:column;align-items:flex-start;gap:.55rem;padding:1.4rem;display:flex}.sp-store-card h3{font-size:1rem}.sp-store-card p{margin:0;font-size:.78rem}.sp-store-price{font-family:var(--sp-font-mono);color:var(--sp-accent);font-size:1.3rem;font-weight:800}.sp-store-card .sp-btn{width:100%;margin-top:.3rem}.sp-level-card{border:1px solid var(--sp-line);border-radius:var(--sp-radius-panel);background:var(--sp-bg-1);padding:1.4rem}.sp-level-head{align-items:baseline;gap:.6rem;margin-bottom:.9rem;display:flex}.sp-level-badge{font-family:var(--sp-font-heading);color:var(--sp-accent);font-size:1.3rem;font-weight:800}.sp-level-label{color:var(--sp-text-secondary);font-size:.8rem}.sp-level-bar-track{background:var(--sp-line);border-radius:999px;height:8px;overflow:hidden}.sp-level-bar-fill{background:var(--sp-accent);border-radius:999px;height:100%;transition:width .3s}.sp-level-xp-row{justify-content:space-between;align-items:baseline;gap:.6rem;margin-top:.5rem;font-size:.78rem;display:flex}.sp-login{place-items:center;min-height:100vh;padding:2rem;display:grid}.sp-login-card{border:1px solid var(--sp-line);border-radius:var(--sp-radius-panel);background:var(--sp-bg-1);text-align:center;width:min(380px,100%);max-width:100%;padding:2rem 1.6rem}.sp-login-card .sp-brand{justify-content:center;margin-bottom:1.6rem}.sp-login-card h1{margin-bottom:.5rem;font-size:1.3rem}.sp-login-card p{color:var(--sp-text-secondary);margin:0 0 1.6rem;font-size:.82rem}.sp-kick-btn{border:1px solid var(--sp-accent);border-radius:var(--sp-radius-panel);background:var(--sp-accent);color:#fff;width:100%;min-height:44px;font-size:.85rem;font-weight:800}.sp-kick-btn:hover{background:color-mix(in srgb, var(--sp-accent) 85%, black)}.sp-error{color:var(--sp-live);margin-top:1rem;font-size:.75rem}.sp-empty-state{text-align:center;color:var(--sp-text-secondary);padding:2rem 1rem;font-size:.8rem}.sp-app{min-height:100vh;display:flex}.sp-sidebar{z-index:6;border-right:1px solid var(--sp-line);background:var(--sp-bg);flex-direction:column;width:208px;height:100vh;padding:1.1rem .85rem;display:flex;position:fixed;overflow-y:auto}.sp-sidebar-brand{color:var(--sp-text-primary);font-family:var(--sp-font-heading);letter-spacing:-.02em;align-items:center;gap:.5rem;padding:0 .4rem 1.4rem;font-size:.95rem;font-weight:800;display:inline-flex}.sp-nav{gap:.2rem;display:grid}.sp-nav-item{border-radius:var(--sp-radius-panel);color:var(--sp-text-secondary);align-items:center;gap:.65rem;padding:.6rem;font-size:.78rem;font-weight:700;display:flex;position:relative}.sp-nav-item:hover{color:var(--sp-text-primary);background:color-mix(in srgb, var(--sp-accent) 8%, transparent)}.sp-nav-item-active{color:var(--sp-text-primary);background:color-mix(in srgb, var(--sp-accent) 12%, transparent);box-shadow:inset 2px 0 var(--sp-accent)}.sp-nav-icon{text-align:center;flex:none;width:16px;font-size:.9rem}.sp-nav-label{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.sp-nav-tag{border:1px solid var(--sp-line);font-family:var(--sp-font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--sp-text-secondary);white-space:nowrap;border-radius:4px;flex:none;padding:.1rem .35rem;font-size:.55rem;font-weight:700}.sp-sidebar-footer{border-top:1px solid var(--sp-line);gap:.3rem;margin-top:auto;padding-top:1rem;display:grid}.sp-sidebar-footer-link{color:var(--sp-text-secondary);padding:.3rem .4rem;font-size:.68rem}.sp-sidebar-footer-link:hover{color:var(--sp-text-primary)}.sp-mobile-brand{display:none}.sp-app-main{width:calc(100% - 208px);margin-left:208px}.sp-status-bar{z-index:5;border-bottom:1px solid var(--sp-line);background:color-mix(in srgb, var(--sp-bg) 88%, transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);align-items:center;gap:1.4rem;min-height:62px;margin-bottom:.5rem;display:flex;position:sticky;top:0}.sp-status-bar-guest{gap:.9rem;font-size:.8rem}.sp-placeholder{border:1px solid var(--sp-line);border-radius:var(--sp-radius-panel);background:var(--sp-bg-1);text-align:left;padding:2.4rem 1.4rem}.sp-placeholder-tag{margin-bottom:.6rem;display:inline-block}.sp-placeholder h2{margin-bottom:.5rem;font-size:1.2rem}.sp-placeholder p{max-width:60ch;font-size:.85rem}.sp-placeholder-note{border-top:1px solid var(--sp-line);color:var(--sp-text-secondary);padding-top:.6rem;margin-top:.6rem!important;font-size:.75rem!important}.sp-account-card{border:1px solid var(--sp-line);border-radius:var(--sp-radius-panel);background:var(--sp-bg-1);justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.2rem;display:flex}.sp-account-card-name{font-size:.9rem;font-weight:700}@media (max-width:900px){.sp-sidebar{width:64px;padding-inline:.5rem}.sp-sidebar-brand{justify-content:center;padding-inline:0}.sp-sidebar-brand-label,.sp-nav-label,.sp-nav-tag,.sp-sidebar-footer{display:none}.sp-nav-item{justify-content:center;padding-inline:0}.sp-app-main{width:calc(100% - 64px);margin-left:64px}.sp-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.sp-window-row{grid-template-columns:auto 1fr auto;row-gap:.35rem}.sp-window-price{text-align:left;grid-column:1/-1}.sp-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:560px){.sp-app{flex-direction:column}.sp-sidebar{z-index:6;border-right:0;border-top:1px solid var(--sp-line);flex-direction:row;justify-content:space-around;align-items:center;width:100%;height:56px;padding:.4rem;position:fixed;top:auto;bottom:0;left:0}.sp-sidebar-brand,.sp-sidebar-footer{display:none}.sp-nav{justify-content:space-around;width:100%;display:flex}.sp-nav-item{flex-direction:column;gap:.15rem;padding:.3rem}.sp-nav-item-active{box-shadow:inset 0 2px var(--sp-accent)}.sp-nav-tag{background:var(--sp-text-secondary);border:0;border-radius:50%;width:6px;height:6px;padding:0;font-size:0;position:absolute;top:-4px;right:-4px}.sp-mobile-brand{border-bottom:1px solid var(--sp-line);align-items:center;min-height:48px;padding-inline:1.25rem;display:flex}.sp-app-main{width:100%;margin-left:0;padding-bottom:56px}.sp-status-bar{overflow-x:auto}.sp-account-card{flex-wrap:wrap}.sp-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sp-statebar{gap:.9rem;overflow-x:auto}.sp-account-name{max-width:90px}.sp-stats-grid,.sp-store-grid{grid-template-columns:1fr}.sp-login{padding:1.1rem}}