:root{--bg:#0a0a0a;--ink:#fafafa;--ink-contrast:#0a0a0a;--muted:#cbd5e1;--muted2:#94a3b8;--panel:#141417;--inset:#0e0e11;--border:#2a2a2e;--accent-soft:#1c1c20;--rot-bg:#2a2a2e;--rot-hover:#27272a;--hc:#d4d4d8;--ov1:#161618;--ov2:#0a0a0a;--shadow:#0009;--panel-shadow:#00000080;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-theme=light]{--bg:#fff;--ink:#111;--ink-contrast:#fff;--muted:#52525b;--muted2:#71717a;--panel:#f5f5f5;--inset:#fff;--border:#d4d4d8;--accent-soft:#e4e4e7;--rot-bg:#e4e4e7;--rot-hover:#d4d4d8;--hc:#a1a1aa;--ov1:#f4f4f5;--ov2:#fff;--shadow:#0000002e;--panel-shadow:#0000001f;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}html{-webkit-user-select:none;user-select:none}*{box-sizing:border-box;margin:0;padding:0}body{color:var(--ink);background-color:var(--bg);justify-content:center;align-items:center;min-height:100vh;margin:0;font-family:JetBrains Mono,ui-monospace,SF Mono,Menlo,Monaco,monospace;display:flex}.game-widget{width:900px;max-width:100%;height:650px;box-shadow:0 8px 32px var(--shadow);border-radius:12px;position:relative;overflow:hidden}.game-widget canvas{touch-action:none;width:100%;height:100%;display:block;position:absolute;inset:0}button{cursor:pointer}.theme-toggle{z-index:50;letter-spacing:.5px;color:var(--ink);background:var(--panel);border:1px solid var(--border);border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-family:inherit;font-size:12px;display:inline-flex;position:fixed;top:16px;right:16px}.theme-toggle:hover{border-color:var(--ink)}.ob-overlay{background:radial-gradient(circle at 50% 30%,var(--ov1)0%,var(--ov2)75%);justify-content:center;align-items:center;padding:16px;display:flex;position:absolute;inset:0}.ob-panel{background:var(--panel);border:1px solid var(--border);width:100%;max-width:760px;max-height:100%;box-shadow:0 12px 40px var(--panel-shadow);border-radius:14px;flex-direction:column;gap:14px;padding:20px 24px;display:flex;overflow:auto}.ob-title{color:var(--ink);text-align:center;font-size:24px;font-weight:700}.ob-sub{text-align:center;opacity:.7;font-size:13px}.ob-body{align-items:stretch;gap:20px;display:flex}.ob-preview{background:var(--inset);border:1px solid var(--border);border-radius:10px;justify-content:center;align-items:center;gap:4px;min-width:140px;padding:10px;display:flex}.ob-preview-img{image-rendering:pixelated;transform:scale(1.6)}.ob-preview-empty{width:64px;height:110px}.ob-rot{background:var(--rot-bg);color:var(--ink);border:none;border-radius:6px;width:26px;height:36px;font-size:18px;line-height:1}.ob-rot:hover{background:var(--rot-hover)}.ob-wardrobe{flex-direction:column;flex:1;gap:10px;min-width:0;display:flex}.ob-gender{gap:8px;display:flex}.ob-gender button{border:1px solid var(--border);background:var(--inset);color:var(--ink);border-radius:8px;flex:1;padding:6px}.ob-gender button.selected{background:var(--ink);border-color:var(--ink);color:var(--ink-contrast);font-weight:600}.ob-tabs{flex-wrap:wrap;gap:6px;display:flex}.ob-tab{border:1px solid var(--border);background:var(--inset);color:var(--muted);border-radius:999px;padding:5px 10px;font-size:12px}.ob-tab.selected{background:var(--ink);border-color:var(--ink);color:var(--ink-contrast);font-weight:600}.ob-grid{background:var(--inset);border:1px solid var(--border);border-radius:10px;grid-template-columns:repeat(auto-fill,48px);gap:6px;max-height:190px;padding:8px;display:grid;overflow-y:auto}.ob-grid-item{background:var(--panel);width:48px;height:56px;color:var(--muted2);border:2px solid #0000;border-radius:8px;justify-content:center;align-items:center;display:flex;overflow:hidden}.ob-grid-item.selected{border-color:var(--ink);background:var(--accent-soft)}.ob-grid-item.hc{box-shadow:inset 0 -3px 0 var(--hc)}.ob-thumb-img{image-rendering:pixelated;max-width:100%;max-height:100%}.ob-thumb-empty{width:24px;height:24px}.ob-remove{font-size:16px}.ob-palettes{flex-direction:column;gap:6px;display:flex}.ob-palette-row{flex-wrap:wrap;gap:4px;display:flex}.ob-swatch{border:2px solid var(--border);border-radius:5px;width:22px;height:22px}.ob-swatch.selected{border-color:var(--ink)}.ob-swatch.hc{box-shadow:inset 0 -3px 0 var(--hc)}.ob-gallery{flex-wrap:wrap;flex:1;align-content:flex-start;gap:8px;display:flex}.ob-gallery-item{background:var(--inset);border:2px solid #0000;border-radius:10px;padding:6px}.ob-gallery-item.selected{border-color:var(--ink)}.ob-footer{align-items:center;gap:10px;display:flex}.ob-name{border:1px solid var(--border);background:var(--inset);color:var(--ink);border-radius:8px;flex:1;padding:10px 12px;font-family:inherit;font-size:14px}.ob-name:focus{border-color:var(--ink);outline:none}.ob-join{background:var(--ink);color:var(--ink-contrast);border:none;border-radius:8px;padding:10px 20px;font-size:14px;font-weight:700}.ob-join:disabled{opacity:.4;cursor:not-allowed}.ob-join:not(:disabled):hover{opacity:.85}.landing{flex-direction:column;align-items:center;gap:18px;max-width:900px;padding:32px 16px 48px;display:flex}.landing-intro{text-align:center}.landing-name{letter-spacing:.5px;color:var(--ink);text-align:center;margin:0;font-size:40px;font-weight:800}.landing-tagline{max-width:620px;color:var(--muted);margin:10px auto 0;font-size:15px;line-height:1.5}.landing-tagline strong{color:var(--ink);font-weight:600}.landing-social{justify-content:center;gap:12px;margin-top:16px;display:flex}.landing-social a{border:1px solid var(--border);width:36px;height:36px;color:var(--muted);border-radius:8px;justify-content:center;align-items:center;transition:color .15s,border-color .15s;display:inline-flex}.landing-social a:hover{color:var(--ink);border-color:var(--ink)}.landing-story{max-width:620px;color:var(--muted2);text-align:center;flex-direction:column;gap:12px;font-size:14px;line-height:1.6;display:flex}.landing-story strong{color:var(--ink);font-weight:600}@media (max-width:940px){.game-widget{aspect-ratio:900/650;width:calc(100vw - 16px);height:auto}}@media (max-width:640px){body{align-items:flex-start}.landing{gap:14px;padding:16px 10px 40px}.landing-name{font-size:26px}.landing-tagline{margin-top:8px;font-size:13px}.landing-story{font-size:13px}.theme-toggle{padding:5px 10px;font-size:11px;top:10px;right:10px}.game-widget.is-onboarding{aspect-ratio:auto;height:auto}.ob-overlay{padding:14px 6px;position:relative;inset:auto}.ob-panel{max-width:100%;max-height:none;padding:16px 14px}.ob-body{flex-direction:column;align-items:center;gap:14px}.ob-preview,.ob-wardrobe{width:100%}.ob-grid{max-height:150px}.ob-footer{flex-wrap:wrap}.ob-name{min-width:0}}