@import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;600&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{--bg:oklch(16% .025 205);--surface:oklch(21% .028 205);--surface2:oklch(26% .035 205);--text:oklch(93% .018 90);--muted:oklch(72% .025 205);--hair:oklch(36% .035 205);--coral:oklch(72% .16 42);--mint:oklch(78% .14 145);--gold:oklch(80% .14 88);--info:oklch(75% .13 235);--error:oklch(68% .16 25);--mono:'JetBrains Mono',monospace;--sans:'Space Grotesk',sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--sans);min-height:100vh}body:before{content:"";position:fixed;inset:0;pointer-events:none;background-image:radial-gradient(circle at center,rgba(255,255,255,.035) 1px,transparent 1px);background-size:22px 22px;mask-image:linear-gradient(to bottom,black,transparent 70%);opacity:.22}button,input,textarea{font:inherit}.topbar{height:68px;border-bottom:1px solid var(--hair);display:flex;align-items:center;padding:0 max(20px,calc((100vw - 1180px)/2));gap:34px;position:sticky;top:0;background:color-mix(in oklch,var(--bg) 94%,transparent);backdrop-filter:blur(12px);z-index:10}.brand{color:var(--text);text-decoration:none;font-weight:700;letter-spacing:.05em;display:flex;align-items:center;gap:10px}.brand-mark{color:var(--coral);font-size:20px}.topbar nav{display:flex;gap:24px}.topbar nav a{color:var(--muted);text-decoration:none;font-family:var(--mono);font-size:12px}.topbar nav a.active,.topbar nav a:hover{color:var(--text)}.live{margin-left:auto;color:var(--muted);font-family:var(--mono);font-size:11px;display:flex;align-items:center;gap:8px}.live i{width:7px;height:7px;background:var(--mint);border-radius:50%;box-shadow:0 0 0 4px color-mix(in oklch,var(--mint) 15%,transparent)}.shell{max-width:1180px;margin:auto;padding:58px 20px 80px}.intro{display:grid;grid-template-columns:1fr 300px;gap:50px;align-items:end;margin-bottom:44px}.kicker,.eyebrow{font-family:var(--mono);font-size:10px;color:var(--coral);letter-spacing:.08em;margin:0 0 12px}.intro h1{font-size:clamp(42px,6vw,78px);line-height:.98;letter-spacing:-.035em;margin:0;font-weight:600;text-wrap:balance}.intro h1 em{font-style:normal;color:var(--coral)}.lede{color:var(--muted);font-size:17px;line-height:1.65;max-width:600px;margin:22px 0 0}.city-note{border-top:1px solid var(--hair);padding-top:14px;font-family:var(--mono);color:var(--muted);font-size:12px;display:flex;gap:12px;align-items:flex-start}.city-note strong{color:var(--mint);font-weight:500}.dot-grid{width:34px;height:34px;background-image:radial-gradient(var(--coral) 1px,transparent 1px);background-size:7px 7px;flex:none}.panel{background:var(--surface);border:1px solid var(--hair);border-radius:6px}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 390px;gap:16px}.claim{padding:30px}.panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.panel-head h2{font-size:25px;letter-spacing:-.02em;margin:0}.step{font:600 24px var(--mono);color:var(--hair)}label{display:block;color:var(--muted);font:11px var(--mono);margin:36px 0 9px}.input-row{height:54px;display:flex;border:1px solid var(--hair);background:var(--bg);align-items:center}.input-row>span{padding-left:16px;color:var(--coral);font:16px var(--mono)}input{min-width:0;flex:1;background:none;border:0;outline:0;color:var(--text);padding:0 10px;font:14px var(--mono)}input::placeholder,textarea::placeholder{color:oklch(62% .025 190)}button{border:0;cursor:pointer}.primary{background:var(--coral);color:#181b19;height:100%;padding:0 18px;font-weight:700;display:inline-flex;align-items:center;gap:14px;justify-content:center}.primary:hover{filter:brightness(1.08)}.primary:disabled{opacity:.55;cursor:wait}.hint,.muted{color:var(--muted);font-size:12px}.claim-result{margin-top:24px;padding-top:20px;border-top:1px solid var(--hair);font-size:14px}.cat-stage{min-height:360px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;background:oklch(19% .033 190)}.cat-stage:after{content:"";position:absolute;left:10%;right:10%;bottom:78px;height:1px;background:var(--hair)}.stage-label{position:absolute;left:18px;right:18px;top:16px;display:flex;justify-content:space-between;color:var(--muted);font:10px var(--mono);z-index:2}.stage-label span:last-child{color:var(--mint)}#catCanvas{width:320px;height:260px;image-rendering:pixelated;position:relative;z-index:1}.stage-caption{position:absolute;left:18px;right:18px;bottom:16px;display:flex;justify-content:space-between;align-items:baseline;z-index:2}.stage-caption strong{font-size:20px}.stage-caption span{font:10px var(--mono);color:var(--muted)}.dashboard{display:grid;grid-template-columns:minmax(0,1fr) 390px;gap:16px;margin-top:16px}.dashboard-main{padding:30px}.outline{border:1px solid var(--hair);color:var(--text);padding:10px 13px;text-decoration:none;font:11px var(--mono)}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--hair);margin:28px -30px 0}.stat{background:var(--surface);padding:20px}.stat span{display:block;color:var(--muted);font:10px var(--mono);margin-bottom:8px}.stat strong{font:600 18px var(--mono)}.meter{height:4px;background:var(--surface2);margin-top:12px}.meter i{display:block;height:100%;background:var(--gold);transition:width .4s}.meter.mint i{background:var(--mint)}.meter.coral i{background:var(--coral)}.actions{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:20px}.action{height:90px;background:var(--surface2);color:var(--text);text-align:left;padding:14px;border:1px solid transparent;position:relative}.action:hover{border-color:var(--coral)}.action>span{position:absolute;right:12px;top:10px;color:var(--coral);font-size:21px}.action b{display:block;font:600 14px var(--mono)}.action small{display:block;color:var(--muted);margin-top:7px}.timeline{padding:24px;grid-row:span 2}.live-dot{color:var(--mint);font:10px var(--mono)}#messages{margin-top:20px}.empty{color:var(--muted);font-size:13px;line-height:1.5}.message{padding:13px 0;border-top:1px solid var(--hair)}.message:first-child{border-top:0}.message .meta{display:flex;justify-content:space-between;color:var(--muted);font:9px var(--mono);margin-bottom:7px}.message p{font-size:13px;line-height:1.5;margin:0}.message a{color:var(--coral)}dialog{width:min(520px,calc(100% - 32px));border:1px solid var(--hair);border-radius:7px;background:var(--surface);color:var(--text);padding:0}dialog::backdrop{background:rgba(4,10,10,.78)}dialog form{padding:28px}.dialog-head{display:flex;justify-content:space-between}.close{background:none;color:var(--muted);font-size:24px}.dialog h2{margin:12px 0 20px}textarea{width:100%;min-height:130px;resize:vertical;background:var(--bg);border:1px solid var(--hair);color:var(--text);padding:14px;outline:0;line-height:1.5}dialog .primary{height:46px;width:100%;margin-top:12px}
@media(max-width:820px){.topbar{padding:0 16px}.topbar nav{display:none}.shell{padding:34px 16px 60px}.intro{grid-template-columns:1fr;margin-bottom:30px}.city-note{display:none}.workspace,.dashboard{grid-template-columns:1fr}.cat-stage{grid-row:1}.claim{grid-row:2}.stats{grid-template-columns:repeat(2,1fr)}.timeline{grid-row:auto}.actions{grid-template-columns:1fr}.action{height:62px}.action small{display:inline;margin-left:8px}.input-row{height:auto;flex-wrap:wrap}.input-row input{height:52px}.input-row .primary{height:48px;width:100%}}
.profile-page{padding-top:32px}.back{color:var(--muted);font:11px var(--mono);text-decoration:none}.back:hover{color:var(--coral)}.profile-grid{display:grid;grid-template-columns:390px minmax(0,1fr);gap:16px;margin-top:26px}.profile-grid .cat-stage{min-height:440px}.profile-grid .dashboard-main{padding:32px}.profile-grid h1{font-size:clamp(40px,6vw,72px);margin:0;letter-spacing:-.04em}.profile-stats{margin:28px -32px 0}.profile-log{margin-top:16px;padding:26px}.profile-log #messages{max-width:760px}@media(max-width:820px){.profile-grid{grid-template-columns:1fr}.profile-grid .cat-stage{min-height:340px}.profile-stats{margin-left:-32px;margin-right:-32px}}
.online-cats{margin-top:18px;padding:24px 0 4px;border-top:1px solid var(--hair)}.roster-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:14px}.roster-head h2{margin:0;font-size:22px}.roster{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.online-cat{display:flex;align-items:center;gap:10px;min-width:0;padding:11px;background:var(--surface);border:1px solid var(--hair);color:var(--text);text-decoration:none;border-radius:5px}.online-cat:hover,.online-cat.selected{border-color:var(--coral)}.roster-sprite,.message-cat{display:block;flex:none;width:42px;height:42px;background-image:var(--sprite);background-size:400% 100%;background-position:0 0;background-repeat:no-repeat;image-rendering:pixelated}.online-cat strong,.online-cat small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.online-cat strong{font:600 12px var(--mono)}.online-cat small{color:var(--muted);font:9px var(--mono);margin-top:4px}.message{display:flex;gap:10px}.message-cat{width:34px;height:34px;margin-top:2px;background-size:400% 100%}.message-body{min-width:0;flex:1}.message .meta{flex:1}@media(max-width:820px){.roster{grid-template-columns:repeat(2,1fr)}.roster-head{align-items:start;gap:12px;flex-direction:column}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

/* CATLOG night observatory pass */
.cat-stage{min-height:420px;background:oklch(18% .03 205)}
.workspace>.cat-stage{min-height:480px}
#catCanvas{width:360px;height:292px}
.profile-grid .cat-stage{min-height:520px}
.profile-grid #profileCanvas{width:380px;height:308px}
.primary{min-height:46px;background:var(--coral);color:oklch(16% .02 205);transition:filter .2s,transform .2s}
.primary:hover{filter:brightness(1.08);transform:translateY(-1px)}
.primary:focus-visible,.outline:focus-visible,.action:focus-visible,.close:focus-visible{outline:2px solid var(--info);outline-offset:3px}
.input-row{transition:border-color .2s,box-shadow .2s}
.input-row:focus-within{border-color:var(--info);box-shadow:0 0 0 3px color-mix(in oklch,var(--info) 18%,transparent)}
textarea:focus{border-color:var(--info);box-shadow:0 0 0 3px color-mix(in oklch,var(--info) 18%,transparent)}
.action{border-color:var(--hair);transition:border-color .2s,background .2s,transform .2s}
.action:hover{border-color:var(--coral);background:color-mix(in oklch,var(--surface2) 88%,var(--coral));transform:translateY(-1px)}
.action[data-action="status"]>span{color:var(--info)}
.meter.info i{background:var(--info)}
.online-cats{margin-top:24px;padding:28px 0 6px;border-top-color:var(--info)}
.online-cat{background:var(--surface);border-color:var(--hair);transition:border-color .2s,background .2s}
.online-cat:hover,.online-cat.selected{border-color:var(--coral);background:var(--surface2)}
.online-cat.selected{box-shadow:inset 3px 0 0 var(--coral)}
.roster-sprite{width:48px;height:48px}
.live i{background:var(--mint);box-shadow:0 0 0 4px color-mix(in oklch,var(--mint) 15%,transparent)}
.live-dot,.stage-label span:last-child{color:var(--mint)}
@media(max-width:820px){.workspace>.cat-stage{min-height:400px}.profile-grid .cat-stage{min-height:400px}#catCanvas,#profileCanvas{width:320px;height:260px}.online-cats{padding-top:24px}}
.hero-sprites{display:flex;align-items:end;justify-content:center;gap:12px;min-height:110px;padding:18px 0 8px;border-top:1px solid var(--hair)}
.hero-sprite{display:block;width:92px;height:82px;background-image:var(--sprite);background-size:400% 100%;background-position:0 0;background-repeat:no-repeat;image-rendering:pixelated;position:relative}
.hero-sprite small{position:absolute;bottom:-4px;left:50%;transform:translateX(-50%);color:var(--muted);font:9px var(--mono);text-transform:uppercase}
.public-board{margin-top:32px;padding-top:28px;border-top:1px solid var(--hair)}
.public-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--hair);margin-bottom:22px}
.public-stats>div{background:var(--surface);padding:18px 20px}.public-stats b{display:block;font:600 24px var(--mono);color:var(--text)}.public-stats span{display:block;color:var(--muted);font:10px var(--mono);margin-top:6px}
.public-columns{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:16px}.public-feed,.public-cats{padding:24px;background:var(--surface);border:1px solid var(--hair);border-radius:6px}.activity-list{margin-top:14px}.activity-item{display:flex;gap:10px;padding:12px 0;border-top:1px solid var(--hair)}.activity-item:first-child{border-top:0}.activity-item .meta{display:flex;gap:10px;align-items:baseline;flex-wrap:wrap;font:10px var(--mono);color:var(--muted)}.activity-item .meta b{color:var(--text)}.activity-item p{margin:5px 0 0;font-size:12px;line-height:1.45;color:var(--muted)}.cat-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-top:14px}.city-cat{display:grid;grid-template-columns:48px 1fr;column-gap:9px;align-items:center;padding:10px;background:var(--bg);border:1px solid var(--hair);text-decoration:none;color:var(--text);min-width:0}.city-cat:hover{border-color:var(--coral)}.city-cat .roster-sprite{grid-row:span 2}.city-cat strong,.city-cat small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.city-cat strong{font:600 11px var(--mono)}.city-cat small,.city-cat em{font:9px var(--mono);color:var(--muted)}.city-cat em{grid-column:2;font-style:normal;color:var(--mint);margin-top:3px}
.share-card{margin-left:8px;background:transparent;cursor:pointer}
.x-login{display:inline-flex;align-items:center;justify-content:center;margin-top:18px;padding:11px 14px;border:1px solid var(--info);color:var(--text);text-decoration:none;font:11px var(--mono);transition:background .2s,border-color .2s}.x-login:hover{background:color-mix(in oklch,var(--info) 16%,transparent);border-color:var(--info)}
@media(max-width:820px){.public-columns{grid-template-columns:1fr}.public-stats>div{padding:14px 12px}.public-stats b{font-size:18px}.hero-sprites{justify-content:flex-start}.hero-sprite{width:78px}.cat-grid{grid-template-columns:1fr}.share-card{margin:10px 0 0;width:100%}}