@font-face{font-family:Space Grotesk;font-style:normal;font-weight:300 700;font-display:swap;src:url(/_next/static/media/e1aab0933260df4d-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:300 700;font-display:swap;src:url(/_next/static/media/b7387a63dd068245-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:300 700;font-display:swap;src:url(/_next/static/media/36966cca54120369-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Space Grotesk Fallback;src:local("Arial");ascent-override:89.71%;descent-override:26.62%;line-gap-override:0.00%;size-adjust:109.69%}.__className_dd5b2f{font-family:Space Grotesk,Space Grotesk Fallback;font-style:normal}.__variable_dd5b2f{--font-sans:"Space Grotesk","Space Grotesk Fallback"}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(/_next/static/media/886030b0b59bc5a7-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(/_next/static/media/0aa834ed78bf6d07-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(/_next/static/media/67957d42bae0796d-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(/_next/static/media/f911b923c6adde36-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(/_next/static/media/939c4f875ee75fbb-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(/_next/static/media/bb3ef058b751a6ad-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:JetBrains Mono Fallback;src:local("Arial");ascent-override:75.79%;descent-override:22.29%;line-gap-override:0.00%;size-adjust:134.59%}.__className_3c557b{font-family:JetBrains Mono,JetBrains Mono Fallback;font-style:normal}.__variable_3c557b{--font-mono:"JetBrains Mono","JetBrains Mono Fallback"}:root{--space-0:oklch(8% 0.02 270);--space-1:oklch(12% 0.025 270);--space-2:oklch(16% 0.03 270);--space-3:oklch(20% 0.03 270);--ink-0:oklch(98% 0 0);--ink-1:oklch(82% 0.01 270);--ink-2:oklch(62% 0.015 270);--ink-3:oklch(46% 0.02 270);--ink-4:oklch(34% 0.02 270);--line:oklch(28% 0.03 270);--line-2:oklch(36% 0.03 270);--hairline:oklch(22% 0.02 270);--hue-overview:220;--hue-mechanics:280;--hue-systems:190;--hue-narrative:330;--hue-characters:30;--hue-levels:155;--hue-art:300;--hue-ui:60;--hue-audio:200;--hue-tech:170;--hue-shared:168;--hue-data:240;--game-hue:220;--accent:oklch(72% 0.18 var(--game-hue));--accent-dim:oklch(52% 0.12 var(--game-hue));--accent-glow:oklch(72% 0.18 var(--game-hue)/0.25);--font-sans:"Space Grotesk",ui-sans-serif,system-ui,-apple-system,sans-serif;--font-serif:"Instrument Serif",ui-serif,Georgia,serif;--font-mono:"JetBrains Mono",ui-monospace,"Cascadia Code",monospace;--good:oklch(0.78 0.13 160);--r-xs:4px;--r-sm:6px;--r-md:10px;--r-lg:16px;--r-xl:24px;--r-full:9999px;--r-1:6px;--r-2:10px;--r-3:16px;--shadow-sm:0 1px 3px oklch(0% 0 0/0.3);--shadow-md:0 4px 12px oklch(0% 0 0/0.35);--shadow-lg:0 8px 32px oklch(0% 0 0/0.4);--ease-out-expo:cubic-bezier(0.16,1,0.3,1);--ease-out-quart:cubic-bezier(0.25,1,0.5,1);--dur-fast:120ms;--dur-normal:200ms;--dur-slow:400ms}*,:after,:before{box-sizing:border-box;margin:0;padding:0}body{background:var(--space-0);color:var(--ink-1);font-family:var(--font-sans);font-size:14px;line-height:1.55;overflow:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button,input,select,textarea{font:inherit;color:inherit;background:none;border:none;outline:none}button{cursor:pointer}a{color:inherit;text-decoration:none}ol,ul{list-style:none}img,svg{display:block}::selection{background:oklch(72% .18 var(--game-hue)/.35);color:var(--ink-0)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--line);border-radius:var(--r-full)}::-webkit-scrollbar-thumb:hover{background:var(--line-2)}*{scrollbar-width:thin;scrollbar-color:var(--line) transparent}.app{display:grid;grid-template-columns:64px 1fr;grid-template-rows:48px 1fr;height:100dvh;width:100dvw;overflow:hidden}.bg-stars{position:fixed;inset:0;z-index:0;pointer-events:none;background:radial-gradient(1.5px 1.5px at 20% 30%,oklch(90% .02 220/.6),transparent 50%),radial-gradient(1px 1px at 70% 15%,oklch(85% .03 270/.4),transparent 50%),radial-gradient(2px 2px at 50% 80%,oklch(80% .04 300/.3),transparent 50%),var(--space-0)}.rail{grid-row:1/-1;grid-column:1;display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 0 12px;background:linear-gradient(180deg,oklch(10% .03 270),oklch(7% .02 270));border-right:1px solid var(--hairline);z-index:20}.rail-brand{width:36px;height:36px;border-radius:var(--r-md);background:conic-gradient(from 180deg,oklch(72% .18 220),oklch(72% .18 280),oklch(72% .18 340),oklch(72% .18 220));display:grid;place-items:center;margin-bottom:8px;position:relative;flex-shrink:0}.rail-brand:after{content:"";width:6px;height:6px;border-radius:50%;background:var(--ink-0);box-shadow:-5px 5px 0 oklch(90% .02 220/.5),5px -3px 0 oklch(90% .02 280/.5),-3px -6px 0 oklch(85% .02 340/.4)}.rail-nav{display:flex;flex-direction:column;align-items:center;gap:4px;flex:1 1}.rail-btn{width:44px;height:44px;border-radius:var(--r-md);display:grid;place-items:center;color:var(--ink-3);transition:background var(--dur-fast) var(--ease-out-expo),color var(--dur-fast) var(--ease-out-expo);position:relative}.rail-btn:hover{background:oklch(22% .03 270);color:var(--ink-1)}.rail-btn:active{background:oklch(18% .03 270)}.rail-btn[data-active=true]{color:var(--accent);background:oklch(72% .18 var(--game-hue)/.1)}.rail-btn[data-active=true]:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:20px;border-radius:0 3px 3px 0;background:var(--accent)}.rail-bottom{flex-direction:column;gap:4px;margin-top:auto}.rail-bottom,.topbar{display:flex;align-items:center}.topbar{grid-row:1;grid-column:2;gap:12px;padding:0 16px;background:oklch(10% .025 270/.75);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--hairline);z-index:15}.crumbs{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--ink-2)}.crumbs span{color:var(--ink-4)}.crumbs strong{color:var(--ink-0);font-weight:500}.search{position:relative;width:320px;margin-left:auto}.search input{width:100%;height:32px;padding:0 52px 0 12px;border-radius:var(--r-full);background:var(--space-2);border:1px solid var(--line);font-size:13px;color:var(--ink-1);transition:border-color var(--dur-fast)}.search input::placeholder{color:var(--ink-3)}.search input:focus{border-color:var(--accent-dim)}.search .kbd{position:absolute;right:8px;top:50%;transform:translateY(-50%);gap:3px;font-family:var(--font-mono);font-size:10px;color:var(--ink-4);background:var(--space-1);border:1px solid var(--line);border-radius:var(--r-xs);padding:2px 5px;line-height:1;pointer-events:none}.search .kbd,.t-pill{display:flex;align-items:center}.t-pill{gap:6px;height:28px;padding:0 10px;border-radius:var(--r-full);background:oklch(26% .06 155/.15);color:oklch(76% .12 155);font-size:11px;font-weight:500}.t-pill:before{content:"";width:6px;height:6px;border-radius:50%;background:oklch(76% .12 155);animation:pulse-ring 2s ease-out infinite}.t-bell{position:relative;width:32px;height:32px;border-radius:var(--r-sm);display:grid;place-items:center;color:var(--ink-2);transition:color var(--dur-fast),background var(--dur-fast)}.t-bell:hover{color:var(--ink-1);background:var(--space-2)}.t-bell .badge{position:absolute;top:4px;right:4px;width:8px;height:8px;border-radius:50%;background:oklch(68% .22 25);border:2px solid var(--space-0)}.t-user{position:relative;display:flex;align-items:center;gap:8px;height:32px;padding:0 4px;border-radius:var(--r-sm);transition:background var(--dur-fast)}.t-user:hover{background:var(--space-2)}.t-avatar{width:28px;height:28px;border-radius:var(--r-sm);background:linear-gradient(135deg,oklch(52% .12 var(--game-hue)),oklch(42% .1 var(--game-hue)));display:grid;place-items:center;font-size:11px;font-weight:600;color:var(--ink-0);flex-shrink:0}.t-user-menu{position:absolute;top:calc(100% + 6px);right:0;width:200px;background:var(--space-2);border:1px solid var(--line);border-radius:var(--r-md);padding:4px;box-shadow:var(--shadow-lg);z-index:100;opacity:0;transform:translateY(-4px);pointer-events:none;transition:opacity var(--dur-fast) var(--ease-out-expo),transform var(--dur-fast) var(--ease-out-expo)}.t-user-menu[data-open=true]{opacity:1;transform:translateY(0);pointer-events:all}.t-user-menu button{display:flex;align-items:center;gap:8px;width:100%;height:34px;padding:0 10px;border-radius:var(--r-sm);font-size:13px;color:var(--ink-1);text-align:left;transition:background var(--dur-fast),color var(--dur-fast)}.t-user-menu button:hover{background:oklch(24% .03 270)}.t-user-menu .menu-divider{height:1px;background:var(--line);margin:4px 8px}.t-user-menu .menu-danger:hover{background:oklch(32% .08 25);color:oklch(78% .16 25)}.main{grid-row:2;grid-column:2;overflow-y:auto;overflow-x:hidden;position:relative;z-index:5}.eyebrow{font-family:var(--font-mono);font-size:10px;font-weight:500;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-3)}.h-display{font-family:var(--font-serif);font-weight:400;color:var(--ink-0);line-height:1.15}.card{background:oklch(14% .025 270/.6);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--line);border-radius:var(--r-lg);transition:border-color var(--dur-normal),box-shadow var(--dur-normal)}.card:hover{border-color:var(--line-2);box-shadow:var(--shadow-sm)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:34px;padding:0 14px;border-radius:var(--r-sm);font-size:13px;font-weight:500;transition:background var(--dur-fast) var(--ease-out-expo),color var(--dur-fast) var(--ease-out-expo),border-color var(--dur-fast) var(--ease-out-expo),box-shadow var(--dur-fast) var(--ease-out-expo)}.btn-ghost{color:var(--ink-2);border:1px solid var(--line)}.btn-ghost:hover{color:var(--ink-1);background:var(--space-2);border-color:var(--line-2)}.btn-ghost:active{background:var(--space-3)}.btn-primary{background:var(--accent);color:oklch(12% .02 var(--game-hue));font-weight:600}.btn-primary:hover{background:oklch(78% .2 var(--game-hue));box-shadow:0 0 16px var(--accent-glow)}.btn-primary:active{background:oklch(66% .16 var(--game-hue))}.chip{display:inline-flex;align-items:center;gap:5px;height:24px;padding:0 8px;border-radius:var(--r-full);font-size:11px;font-weight:500;white-space:nowrap}.cat-chip{background:oklch(52% .1 var(--cat-hue)/.12);color:oklch(78% .14 var(--cat-hue));border:1px solid oklch(52% .1 var(--cat-hue)/.2)}.empty-img{width:180px;height:120px;border-radius:var(--r-lg);background:var(--space-2);border:1px dashed var(--line);display:grid;place-items:center;color:var(--ink-4);margin:0 auto 16px}@keyframes twinkle{0%,to{opacity:.3}50%{opacity:1}}@keyframes pulse-ring{0%{box-shadow:0 0 0 0 oklch(76% .12 155/.5)}70%{box-shadow:0 0 0 6px oklch(76% .12 155/0)}to{box-shadow:0 0 0 0 oklch(76% .12 155/0)}}@keyframes fade-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}body[data-bg=aurora]{--space-0:oklch(10% 0.04 155);--space-1:oklch(14% 0.045 155);--space-2:oklch(18% 0.05 155);--space-3:oklch(22% 0.05 155);--ink-0:oklch(96% 0.01 155);--ink-1:oklch(80% 0.02 155);--ink-2:oklch(60% 0.025 155);--ink-3:oklch(44% 0.03 155);--ink-4:oklch(32% 0.03 155);--line:oklch(26% 0.04 155);--line-2:oklch(34% 0.04 155);--hairline:oklch(20% 0.035 155)}body[data-bg=aurora] .bg-stars{background:radial-gradient(1.5px 1.5px at 15% 25%,oklch(85% .04 155/.5),transparent 50%),radial-gradient(1px 1px at 65% 20%,oklch(80% .05 180/.35),transparent 50%),radial-gradient(2px 2px at 45% 75%,oklch(75% .06 130/.25),transparent 50%),linear-gradient(170deg,oklch(10% .04 155),oklch(8% .06 175) 50%,oklch(10% .04 140))}body[data-bg=blueprint]{--space-0:oklch(14% 0.05 240);--space-1:oklch(18% 0.055 240);--space-2:oklch(22% 0.06 240);--space-3:oklch(26% 0.06 240);--ink-0:oklch(95% 0.01 240);--ink-1:oklch(80% 0.02 240);--ink-2:oklch(60% 0.03 240);--ink-3:oklch(44% 0.035 240);--ink-4:oklch(32% 0.035 240);--line:oklch(28% 0.05 240);--line-2:oklch(36% 0.05 240);--hairline:oklch(22% 0.04 240)}body[data-bg=blueprint] .bg-stars{background:radial-gradient(1.5px 1.5px at 25% 35%,oklch(70% .06 240/.4),transparent 50%),radial-gradient(1px 1px at 75% 10%,oklch(65% .08 220/.3),transparent 50%),radial-gradient(2px 2px at 55% 70%,oklch(60% .06 260/.2),transparent 50%),linear-gradient(180deg,oklch(14% .05 240),oklch(12% .06 250))}body[data-bg=paper]{--space-0:oklch(96% 0.01 80);--space-1:oklch(93% 0.012 80);--space-2:oklch(90% 0.015 80);--space-3:oklch(86% 0.015 80);--ink-0:oklch(15% 0.02 270);--ink-1:oklch(28% 0.02 270);--ink-2:oklch(48% 0.02 270);--ink-3:oklch(62% 0.015 270);--ink-4:oklch(74% 0.01 270);--line:oklch(82% 0.01 80);--line-2:oklch(76% 0.012 80);--hairline:oklch(88% 0.008 80)}body[data-bg=paper] .bg-stars{background:radial-gradient(circle at 20% 40%,oklch(92% .02 60/.15),transparent 40%),radial-gradient(circle at 80% 30%,oklch(90% .025 280/.08),transparent 35%),oklch(96% .01 80)}body[data-bg=ink]{--space-0:oklch(5% 0 0);--space-1:oklch(9% 0.005 270);--space-2:oklch(13% 0.008 270);--space-3:oklch(17% 0.01 270);--ink-0:oklch(92% 0 0);--ink-1:oklch(75% 0.005 270);--ink-2:oklch(55% 0.01 270);--ink-3:oklch(40% 0.015 270);--ink-4:oklch(28% 0.015 270);--line:oklch(20% 0.01 270);--line-2:oklch(28% 0.015 270);--hairline:oklch(14% 0.008 270)}body[data-bg=ink] .bg-stars{background:radial-gradient(1px 1px at 30% 20%,oklch(60% .01 270/.5),transparent 50%),radial-gradient(1px 1px at 60% 60%,oklch(55% .01 270/.3),transparent 50%),oklch(5% 0 0)}.page-container{padding:32px;animation:fade-up .3s var(--ease-out-expo)}.page-header{margin-bottom:24px}.page-title{font-family:var(--font-serif);font-size:32px;font-weight:400;color:var(--ink-0);line-height:1.15}.page-subtitle{font-size:14px;color:var(--ink-2);margin-top:6px}