:root{--bg: #0b0e0f;--panel: #191b1f;--control: #24272c;--control-hover: #2f3237;--control-active: #34373c;--line: #24272c;--line-strong: #444649;--text: #ffffff;--muted: #a8adb3;--faint: #768087;--green: #53fc18;--green-hover: #75fd46;--on-green: #000000;--warning: #ff9d00;--danger: #eb0400;--r-control: 4px;--r-item: 6px;--r-card: 8px;--font: "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--mono: ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;--side: 240px;--top: 60px;--wrap: 1200px}*{box-sizing:border-box}html{scrollbar-color:var(--line-strong) transparent}body{margin:0;background:var(--bg);color:var(--text);font:14px/1.5 var(--font);-webkit-font-smoothing:antialiased}a{color:inherit}h1,h2,h3{margin:0;font-weight:700;letter-spacing:-.01em;line-height:1.2}p{margin:0}.hidden,[hidden]{display:none!important}::selection{background:var(--green);color:var(--on-green)}:focus-visible{outline:2px solid var(--green);outline-offset:2px}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--control);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--line-strong)}.icon{width:20px;height:20px;flex:none;display:block}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:32px;padding:0 12px;border:0;border-radius:var(--r-control);font:700 14px/1 var(--font);white-space:nowrap;text-decoration:none;cursor:pointer;background:var(--control);color:var(--text);transition:background-color .1s ease}.btn:hover{background:var(--control-hover)}.btn .icon{width:18px;height:18px}.btn-primary{background:var(--green);color:var(--on-green)}.btn-primary:hover{background:var(--green-hover)}.btn-ghost{background:transparent}.btn-ghost:hover{background:var(--control)}.btn-lg{height:40px;padding:0 20px;font-size:15px}.btn-block{width:100%}.btn:disabled,.btn[aria-disabled=true]{background:var(--control);color:var(--faint);cursor:not-allowed}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:0;border-radius:var(--r-control);background:var(--control);color:var(--text);cursor:pointer;transition:background-color .1s ease}.icon-btn:hover{background:var(--control-hover)}.input{width:100%;height:40px;padding:0 12px;background:var(--control);color:var(--text);border:1px solid transparent;border-radius:var(--r-control);font:400 14px/1 var(--font)}.input::placeholder{color:var(--muted)}.input:hover{background:var(--control-hover)}.input:focus{outline:none;border-color:var(--green);background:var(--control)}textarea.input{height:auto;min-height:140px;padding:10px 12px;line-height:1.5;resize:vertical}.chip{display:inline-flex;align-items:center;gap:5px;height:24px;padding:0 10px;border-radius:999px;background:var(--control);color:var(--text);font:600 12px/1 var(--font);white-space:nowrap}.chip-muted{color:var(--muted)}.chip-warning{color:var(--warning)}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-bottom:20px}.page-title{font-size:28px}.page-sub{color:var(--muted);font-size:15px;margin-top:5px}.section-title{font-size:20px;margin:40px 0 15px}.app{min-height:100vh}.sidebar{position:fixed;left:0;top:0;bottom:0;width:var(--side);z-index:40;background:var(--panel);display:flex;flex-direction:column;overflow-y:auto}.side-top{height:var(--top);display:flex;align-items:center;gap:10px;padding:0 20px;flex:none}.logo{font:900 22px/1 var(--font);letter-spacing:-.04em;color:var(--green);text-decoration:none}.menu-btn{display:none;background:transparent}.menu-btn:hover{background:var(--control)}.side-nav{padding:5px 10px;display:flex;flex-direction:column;gap:5px}.side-nav a{display:flex;align-items:center;gap:15px;height:40px;padding:0 10px;border-radius:var(--r-item);color:var(--text);text-decoration:none;font:700 15px/1 var(--font);transition:background-color .1s ease}.side-nav a:hover{background:var(--control)}.side-nav a.active{background:var(--control-active)}.side-nav .icon{width:22px;height:22px}.side-sec{padding:20px 20px 10px;color:var(--muted);font:700 13px/1 var(--font)}.side-list{padding:0 10px 20px;display:flex;flex-direction:column;gap:2px}.side-game{display:flex;align-items:center;gap:10px;padding:6px 10px;border-radius:var(--r-item);text-decoration:none;color:var(--text);transition:background-color .1s ease}.side-game:hover{background:var(--control)}.side-game.active{background:var(--control-active)}.side-game.soon,.side-game.dev{cursor:default}.side-game.soon:hover,.side-game.dev:hover{background:transparent}.sg-art{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;flex:none;background:var(--control);color:var(--text)}.sg-art .icon{width:18px;height:18px}.sg-meta{min-width:0;flex:1;display:flex;flex-direction:column;gap:2px}.sg-name{font:700 14px/1.2 var(--font);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sg-sub{font-size:13px;line-height:1.2;color:var(--muted)}.main{margin-left:var(--side);min-height:100vh;display:flex;flex-direction:column}.topbar{position:sticky;top:0;z-index:30;height:var(--top);display:flex;align-items:center;gap:10px;padding:0 20px;background:var(--panel)}.search{position:relative;flex:0 1 420px;margin:0 auto}.search .icon{position:absolute;left:10px;top:50%;transform:translateY(-50%);width:18px;height:18px;color:var(--muted);pointer-events:none}.search .input{padding-left:35px}.top-actions{display:flex;align-items:center;gap:10px;margin-left:auto}.top-user{color:var(--muted);font-weight:600;white-space:nowrap}.top-user b{color:var(--text)}.content{flex:1;width:100%;max-width:var(--wrap);margin:0;padding:30px 30px 40px}.scrim{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;z-index:39}@media(max-width:900px){.sidebar{transform:translate(-100%);transition:transform .2s ease}.app.nav-open .sidebar{transform:none}.app.nav-open .scrim{display:block}.main{margin-left:0}.menu-btn{display:inline-flex}.search{flex:1;margin:0}}@media(max-width:560px){.content{padding:20px 15px 30px}.topbar{padding:0 10px}.page-title{font-size:24px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}.auth-note{color:var(--muted);font-size:12.5px;line-height:1.5;margin:10px 0 0;max-width:460px}[data-tip]{position:relative}[data-tip]:hover:after,[data-tip]:focus-visible:after{content:attr(data-tip);position:absolute;top:calc(100% + 8px);right:0;width:max-content;max-width:300px;padding:10px 12px;background:#16191d;color:var(--text);font-size:12.5px;font-weight:400;line-height:1.45;border-radius:10px;box-shadow:0 10px 28px #0000008c;white-space:normal;text-align:left;z-index:200;pointer-events:none}