@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap";:root{color:#edf3f8;font-synthesis:none;text-rendering:optimizelegibility;--ink:#080d16;--surface:#0f1725;--surface-2:#141e2f;--line:#ffffff1a;--line-strong:#ffffff30;--text:#edf3f8;--dim:#9cabbc;--faint:#6f8094;--mint:#6ee7d8;--warm:#f8c98c;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#080d16;font-family:Manrope,system-ui,sans-serif}*{box-sizing:border-box}html{background:var(--ink);min-width:320px}body{background:radial-gradient(circle at 50% -10%, #18243b 0, var(--ink) 40rem);min-width:320px;min-height:100vh;margin:0}button,a{font:inherit}button{color:inherit}a{color:inherit;text-decoration:none}.shell{width:min(1180px,100% - 32px);margin:auto;padding:22px 0 50px}.topbar{border-bottom:1px solid var(--line);grid-template-columns:1fr auto 1fr;align-items:center;padding:0 0 20px;display:grid}.brand{align-items:center;gap:10px;width:max-content;display:inline-flex}.brand__mark{border:1px solid color-mix(in oklab, hsl(var(--room-hue) 75% 66%) 60%, var(--line));width:38px;height:38px;color:var(--ink);background:hsl(var(--room-hue) 75% 66%);border-radius:12px;place-items:center;font-weight:800;display:grid}.brand>span:last-child{flex-direction:column;line-height:1.05;display:flex}.brand strong{font-size:.95rem}.brand small{color:var(--faint);letter-spacing:.09em;text-transform:uppercase;margin-top:4px;font:500 .61rem DM Mono,monospace}.room-id{color:var(--dim);align-items:center;gap:9px;display:flex}.room-id>span{width:28px;height:28px;color:hsl(var(--room-hue) 85% 72%);background:hsl(var(--room-hue) 60% 20% / .5);border-radius:50%;place-items:center;display:grid}.room-id div{flex-direction:column;display:flex}.room-id small,.section-title small,.status-grid small,.kicker{color:var(--faint);letter-spacing:.11em;font:500 .65rem DM Mono,monospace}.room-id strong{margin-top:2px;font-size:.82rem}.source{color:var(--dim);justify-self:end;font:500 .73rem DM Mono,monospace}.source:hover{color:var(--mint)}.intro{grid-template-columns:1.4fr .6fr;align-items:end;gap:36px;padding:clamp(54px,8vw,100px) 0 48px;display:grid}.kicker{color:hsl(var(--room-hue) 76% 73%);align-items:center;gap:8px;margin:0 0 18px;display:flex}.kicker span{background:currentColor;border-radius:50%;width:6px;height:6px;box-shadow:0 0 12px}h1{letter-spacing:-.065em;max-width:720px;margin:0;font-size:clamp(3rem,8vw,6.7rem);line-height:.9}h1 em{color:#0000;-webkit-text-stroke:1px hsl(var(--room-hue) 70% 70% / .8);font-style:normal}.intro>p{color:var(--dim);margin:0 0 8px;font-size:.98rem;line-height:1.75}.status-grid{border:1px solid var(--line);background:#0f1725b8;border-radius:16px;grid-template-columns:repeat(3,1fr);display:grid;overflow:hidden}.status-grid article{flex-direction:column;gap:5px;padding:18px 20px;display:flex}.status-grid article+article{border-left:1px solid var(--line)}.status-grid strong{font-size:1.02rem}.status-grid span{color:var(--faint);font-size:.73rem}.room{border:1px solid var(--line-strong);background:linear-gradient(155deg, hsl(var(--room-hue) 38% 19%), #0c1422 65%);isolation:isolate;border-radius:24px;height:min(62vw,640px);min-height:450px;margin-top:18px;position:relative;overflow:hidden;box-shadow:0 40px 90px -45px #000}.room__wash{z-index:-3;background:radial-gradient(circle at 50% 5%, hsl(var(--room-hue) 80% 70% / .24), transparent 45%), linear-gradient(90deg, #ffffff09 1px, transparent 1px), linear-gradient(#ffffff06 1px, transparent 1px);background-size:auto,48px 48px,48px 48px;position:absolute;inset:0}.room:before{content:"";z-index:-1;border-top:1px solid var(--line);transform-origin:bottom;background:linear-gradient(170deg,#ffffff0f,#00000029);height:23%;position:absolute;bottom:0;left:0;right:0;transform:perspective(500px)rotateX(18deg)}.window{aspect-ratio:1.4;background:linear-gradient(#172b4b, hsl(var(--room-hue) 55% 45%));width:23%;box-shadow:inset 0 0 0 1px var(--line-strong), 0 18px 35px #00000040;border:9px solid #172237;border-radius:90px 90px 16px 16px;position:absolute;top:11%;left:10%;overflow:hidden}.window:before,.window:after{content:"";background:#172237;position:absolute}.window:before{width:6px;top:0;bottom:0;left:50%}.window:after{height:6px;top:55%;left:0;right:0}.sun{background:var(--warm);width:38px;height:38px;box-shadow:0 0 38px var(--warm);border-radius:50%;position:absolute;top:18%;right:18%}.window i{filter:blur(3px);background:#ffffff38;border-radius:50%;width:60%;height:18%;position:absolute}.window i:first-of-type{bottom:18%;left:-8%}.window i:nth-of-type(2){bottom:8%;left:35%}.window i:nth-of-type(3){top:38%;right:-25%}.shelf{border-bottom:8px solid #111a29;align-items:flex-end;gap:8px;width:19%;height:16%;display:flex;position:absolute;top:28%;right:8%}.shelf i{background:hsl(var(--room-hue) 48% 55% / .55);border-radius:3px 3px 0 0;width:18%;height:54%}.shelf i:nth-child(2){background:#f8c98c80;height:75%}.shelf i:nth-child(3){background:#6ee7d873;height:44%}.shelf span{aspect-ratio:1;background:hsl(var(--room-hue) 35% 38%);border-radius:50% 50% 45% 45%;width:30%;margin-left:auto}.plant{width:9%;height:20%;position:absolute;bottom:17%;right:12%}.plant b{background:hsl(var(--room-hue) 35% 38%);border-radius:7px 7px 20px 20px;width:60%;height:42%;position:absolute;bottom:0;left:20%}.plant i{transform-origin:0 100%;background:#4b826c;border-radius:100% 0;width:34%;height:44%;position:absolute;bottom:34%;left:45%}.plant i:nth-child(2){transform:rotate(-60deg)}.plant i:nth-child(3){transform:rotate(30deg)scale(.8)}.rug{background:radial-gradient(ellipse, hsl(var(--room-hue) 55% 58% / .35), transparent 70%);border:1px solid hsl(var(--room-hue) 65% 70% / .18);border-radius:50%;width:38%;height:10%;position:absolute;bottom:7%;left:50%;transform:translate(-50%)}.character-wrap{z-index:4;width:min(27%,285px);height:77%;transition:opacity .35s,visibility .35s;position:absolute;bottom:9%;left:50%;transform:translate(-50%)}.character-wrap img{z-index:2;object-fit:contain;filter:drop-shadow(0 18px 18px #0000005c);width:auto;height:92%;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.shadow{z-index:1;filter:blur(7px);background:#00000057;border-radius:50%;width:64%;height:6%;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.speech{z-index:5;border:1px solid var(--line-strong);width:max-content;max-width:220px;color:var(--text);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0a101be0;border-radius:13px 13px 13px 3px;margin:0;padding:10px 13px;font-size:.72rem;font-weight:600;line-height:1.45;position:absolute;top:4%;left:92%;box-shadow:0 14px 30px -16px #000}.speech:before{content:"";border-left:1px solid var(--line-strong);border-bottom:1px solid var(--line-strong);background:#0c1422;width:10px;height:10px;position:absolute;bottom:6px;left:-6px;transform:rotate(45deg)}.speech.is-speaking{animation:.3s speech-pop}.sleep{z-index:5;color:hsl(var(--room-hue) 80% 75%);opacity:0;font:600 1.1rem DM Mono,monospace;position:absolute;top:12%;right:-16%}.sleep i{margin-left:3px;font-size:.75em;font-style:normal;display:inline-block;transform:translateY(-8px)}.sleep i+i{font-size:.55em;transform:translateY(-15px)}.room:not(.has-renren) .character-wrap{opacity:0;visibility:hidden;pointer-events:none}.room.is-sleeping .sleep{opacity:1;animation:2s ease-in-out infinite sleep-float}.room.is-sleeping .character-wrap img{transform:translate(-50%)rotate(-2deg)}.character-wrap.is-entering{animation:.8s cubic-bezier(.2,.8,.2,1) enter-room}.character-wrap.is-leaving{animation:.68s cubic-bezier(.6,0,.8,.2) forwards leave-room}.character-wrap.is-celebrating img{animation:.55s cubic-bezier(.2,.9,.3,1) celebrate}.empty-room{z-index:3;text-align:center;width:min(420px,72%);transition:opacity .3s;position:absolute;top:51%;left:50%;transform:translate(-50%,-50%)}.empty-room>span{border:1px dashed hsl(var(--room-hue) 75% 70% / .55);width:64px;height:64px;color:hsl(var(--room-hue) 80% 72%);background:hsl(var(--room-hue) 60% 30% / .2);border-radius:50%;place-items:center;margin:0 auto 18px;font-size:1.5rem;display:grid}.empty-room strong{font-size:clamp(1.1rem,3vw,1.45rem)}.empty-room p{color:var(--dim);margin:8px 0 0;font-size:.85rem}.room.has-renren .empty-room{opacity:0;pointer-events:none}.room__label{align-items:center;gap:9px;display:flex;position:absolute;bottom:19px;left:22px}.room__label>span{border:1px solid var(--line);width:34px;height:34px;color:hsl(var(--room-hue) 80% 72%);background:#0000002e;border-radius:10px;place-items:center;display:grid}.room__label p{flex-direction:column;margin:0;font-size:.78rem;font-weight:700;display:flex}.room__label small{color:var(--faint);letter-spacing:.1em;font:500 .57rem DM Mono,monospace}.door{z-index:5;border:1px solid var(--line);width:78px;color:var(--dim);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer;background:#080d1680;border-radius:14px;flex-direction:column;align-items:center;gap:8px;padding:15px 8px;transition:all .2s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.door--left{left:18px}.door--right{right:18px}.door span{font-size:1.25rem}.door small{letter-spacing:.08em;font:500 .55rem DM Mono,monospace}.door:hover:not(:disabled){color:var(--ink);border-color:hsl(var(--room-hue) 75% 70%);background:hsl(var(--room-hue) 75% 70%);transform:translateY(-50%)scale(1.05)}.door:disabled{opacity:.36;cursor:default}.control-deck{grid-template-columns:1.55fr .65fr;gap:18px;margin-top:18px;display:grid}.control-deck__main,.care-panel,.journal-section{border:1px solid var(--line);background:#0f1725b8;border-radius:18px;padding:24px}.section-title{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.section-title h2{margin:6px 0 0;font-size:1.15rem}.open-tab{border:1px solid hsl(var(--room-hue) 70% 66% / .7);color:hsl(var(--room-hue) 75% 74%);background:hsl(var(--room-hue) 60% 35% / .15);cursor:pointer;border-radius:10px;padding:10px 13px;font:600 .69rem DM Mono,monospace}.open-tab:hover{color:var(--ink);background:hsl(var(--room-hue) 75% 70%)}.tab-map{grid-template-columns:repeat(auto-fit,minmax(165px,1fr));gap:10px;margin-top:20px;display:grid}.tab-card{border:1px solid var(--line);text-align:left;cursor:pointer;background:#0c1422;border-radius:13px;grid-template-columns:auto 1fr;align-items:center;gap:10px;min-height:72px;padding:11px;display:grid}.tab-card:hover:not(:disabled){border-color:hsl(var(--peer-hue) 70% 65%);transform:translateY(-2px)}.tab-card:disabled{cursor:default}.tab-card.has-renren{border-color:hsl(var(--peer-hue) 70% 65% / .65);background:hsl(var(--peer-hue) 50% 25% / .25)}.tab-card__icon{width:34px;height:34px;color:hsl(var(--peer-hue) 80% 72%);background:hsl(var(--peer-hue) 55% 28% / .5);border-radius:9px;place-items:center;display:grid}.tab-card>span:nth-child(2){flex-direction:column;display:flex}.tab-card small{color:var(--faint);letter-spacing:.08em;font:500 .55rem DM Mono,monospace}.tab-card strong{margin-top:3px;font-size:.76rem}.tab-card>i{color:hsl(var(--peer-hue) 75% 70%);letter-spacing:.06em;grid-column:1/-1;font:500 .55rem DM Mono,monospace}.support-note{min-height:1.4em;color:var(--faint);margin:14px 0 0;font-size:.71rem}.meter{margin-top:19px}.meter>span{justify-content:space-between;display:flex}.meter small{color:var(--faint);font:500 .6rem DM Mono,monospace}.meter>span b{font-size:.68rem}.meter>i{background:#080d16;border-radius:999px;height:6px;margin-top:8px;display:block;overflow:hidden}.meter>i b{border-radius:inherit;background:linear-gradient(90deg, hsl(var(--room-hue) 75% 58%), hsl(var(--room-hue) 85% 74%));height:100%;transition:width .45s;display:block}.care-actions{grid-template-columns:1fr 1fr;gap:8px;margin-top:22px;display:grid}.care-actions button{border:1px solid var(--line);cursor:pointer;background:#0c1422;border-radius:10px;justify-content:space-between;padding:11px;font-size:.7rem;font-weight:700;display:flex}.care-actions button:hover:not(:disabled){border-color:hsl(var(--room-hue) 75% 65%)}.care-actions button:disabled{opacity:.35;cursor:default}.care-actions span{color:hsl(var(--room-hue) 80% 72%)}.snack-count{color:var(--faint);text-align:center;margin:13px 0 0;font-size:.67rem}.journal-section{margin-top:18px}.live-pill{border:1px solid var(--line);color:var(--dim);border-radius:999px;align-items:center;gap:6px;padding:5px 8px;font:500 .56rem DM Mono,monospace;display:inline-flex}.live-pill i{background:var(--mint);width:5px;height:5px;box-shadow:0 0 8px var(--mint);border-radius:50%}.journal{border:1px solid var(--line);background:var(--line);border-radius:12px;grid-template-columns:repeat(3,1fr);gap:1px;margin:20px 0 0;padding:0;list-style:none;display:grid;overflow:hidden}.journal li{background:#0c1422;gap:10px;min-height:82px;padding:13px;display:flex}.journal li>span{color:hsl(var(--room-hue) 75% 70%);font:500 .6rem DM Mono,monospace}.journal p{flex-direction:column;margin:0;font-size:.72rem;font-weight:600;line-height:1.45;display:flex}.journal small{color:var(--faint);margin-top:7px;font:400 .55rem DM Mono,monospace}footer{color:var(--faint);justify-content:space-between;gap:20px;padding:22px 2px 0;font:400 .58rem DM Mono,monospace;display:flex}button:focus-visible,a:focus-visible{outline:2px solid hsl(var(--room-hue) 80% 72%);outline-offset:3px}@keyframes enter-room{0%{opacity:0;transform:translate(calc(-50% - 34vw))scale(.88)}70%{opacity:1;transform:translate(calc(2vw - 50%))scale(1.02)}to{transform:translate(-50%)scale(1)}}@keyframes leave-room{to{opacity:0;transform:translate(calc(52vw - 50%))scale(.9)}}@keyframes celebrate{0%,to{transform:translate(-50%)translateY(0)}45%{transform:translate(-50%)translateY(-18px)rotate(2deg)}}@keyframes speech-pop{0%{opacity:0;transform:translateY(6px)scale(.96)}to{opacity:1;transform:none}}@keyframes sleep-float{50%{opacity:.55;transform:translate(7px,-7px)}}@media (width<=820px){.topbar{grid-template-columns:1fr auto}.room-id{display:none}.source{grid-area:1/2}.intro{grid-template-columns:1fr;gap:22px}.intro>p{max-width:560px}.control-deck{grid-template-columns:1fr}.journal{grid-template-columns:repeat(2,1fr)}.character-wrap{width:min(40%,240px)}.speech{left:78%}}@media (width<=560px){.shell{width:min(100% - 20px,1180px);padding-top:12px}.source{font-size:0}.source:after{content:"SOURCE ↗";font-size:.62rem}.intro{padding:50px 4px 32px}h1{font-size:clamp(3rem,18vw,5rem)}.intro>p{font-size:.85rem}.status-grid{grid-template-columns:1fr}.status-grid article+article{border-left:0;border-top:1px solid var(--line)}.status-grid article{padding:13px 16px}.room{border-radius:18px;height:570px;min-height:0}.window{width:40%;left:8%}.shelf{width:30%;right:8%}.plant{width:17%;right:9%}.character-wrap{width:55%;height:66%;bottom:12%}.speech{max-width:165px;top:-3%;left:45%}.door{width:68px;padding:10px 6px;top:auto;bottom:18px;transform:none}.door:hover:not(:disabled){transform:scale(1.04)}.room__label{display:none}.control-deck__main,.care-panel,.journal-section{padding:18px}.section-title{align-items:center}.open-tab{padding:9px;font-size:.58rem}.tab-map{grid-template-columns:1fr 1fr}.journal{grid-template-columns:1fr}footer{flex-direction:column}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}