@font-face{font-family:VT;src:url(assets/vt323.ttf)}@font-face{font-family:Pixel;src:url(assets/pixelify.ttf);font-weight:700}*{box-sizing:border-box;margin:0}html,body{width:100%;min-height:100%;font-family:VT,monospace}body{background:var(--bg);color:var(--ink)}:root{--bg:#fbf8e9;--ink:#10271a;--accent:#078620;--muted:#285c36}:root[data-env=afternoon]{--bg:#ceeffa;--ink:#07131e;--accent:#008419;--muted:#173d40}:root[data-env=evening]{--bg:#ffd0ad;--ink:#241d15;--accent:#f5a315;--muted:#403222}:root[data-env=night]{--bg:#060b13;--ink:#f5f1ff;--accent:#b542f2;--muted:#acd2d8}.scene{position:relative;overflow:hidden;width:656px;height:600px;transform-origin:top left;background:var(--bg)}.ground{position:absolute;left:0;bottom:0;width:656px;height:105px;image-rendering:pixelated}.deco{position:absolute;image-rendering:pixelated}.sky-stars{display:none}:root[data-env=night] .sky-stars{display:block;position:absolute;inset:0;background-image:radial-gradient(1px 1px at 92% 22%,#dfeaff 100%,transparent),radial-gradient(1px 1px at 73% 49%,white 100%,transparent),radial-gradient(1px 1px at 64% 26%,white 100%,transparent),radial-gradient(1px 1px at 88% 54%,white 100%,transparent),radial-gradient(1px 1px at 97% 70%,white 100%,transparent),radial-gradient(1px 1px at 79% 43%,white 100%,transparent),radial-gradient(1px 1px at 70% 68%,white 100%,transparent)}header{position:absolute;left:30px;top:20px;right:130px;z-index:3}.identity{position:relative}#envLabel{font-size:12px}.name{font-size:16px;position:absolute;top:36px;font-weight:400;white-space:nowrap}.status{font-size:13px;position:absolute;top:58px;white-space:nowrap;color:#4b9b50}.status span:first-child{font-size:9px}:root[data-env=evening] .status{color:#db9d2b}:root[data-env=night] .status{color:#b34fe5}nav{position:absolute;left:182px;top:40px;display:flex;gap:25px;white-space:nowrap;font-size:12px}nav a{cursor:pointer;position:relative}nav .active{color:var(--accent)}nav .active:after{content:'';position:absolute;bottom:-10px;left:8px;right:0;height:3px;background:var(--accent)}main{position:absolute;left:73px;top:152px;z-index:2}.hey{font-size:18px;margin-bottom:17px}h1{font-family:Pixel,monospace;font-size:54px;line-height:.86;letter-spacing:-1.4px;margin-bottom:16px;transform:scaleX(.91);transform-origin:left}h1{color:var(--ink)}:root[data-env=morning] h1{color:#0b7f28}:root[data-env=night] h1>span:first-child{color:#b13ee9}h2{font-size:20px;font-weight:400;margin-bottom:7px}:root[data-env=night] h2{color:#51dad4}.tags{font-size:15px;word-spacing:4px;color:var(--muted)}blockquote{font-size:15px;line-height:1.35;border-left:3px solid var(--accent);padding-left:21px;margin-top:25px}.actions{display:flex;gap:38px;align-items:center;margin-top:41px;font-size:14px}.actions a{cursor:pointer}.primary{background:var(--accent);padding:13px 25px;color:white;border-radius:1px}:root[data-env=evening] .primary,:root[data-env=night] .primary{color:#19121c}#sideCaption{position:absolute;left:475px;top:185px;font-size:16px;line-height:1.35;color:var(--muted)}#cornerQuote{position:absolute;left:498px;top:527px;font-size:14px;line-height:1.35;color:var(--muted)}:root[data-env=evening] #cornerQuote{left:516px;top:500px}:root[data-env=night] #cornerQuote{left:493px;top:520px;color:#b48be1}.bird-v{position:absolute;font-size:16px;color:#464540}#cat{position:absolute;right:17px;top:15px;width:100px;height:85px;object-fit:contain;image-rendering:pixelated}.no-cats #cat{display:none}
@media(max-width:600px){.scene{width:100vw;height:100svh;min-height:780px;transform:none!important}.ground{width:auto;height:120px;left:0;max-width:none;object-fit:contain}.deco{max-width:90px}header{left:24px;top:22px;right:20px}.name{font-size:19px;top:30px}.status{font-size:15px;top:55px}nav{top:95px;left:0;right:0;gap:0;justify-content:space-between;font-size:13px}main{top:195px;left:30px;right:20px}.hey{font-size:20px;margin-bottom:16px}h1{font-size:50px;line-height:.9;transform:none;margin-bottom:18px}h2{font-size:21px}.tags{font-size:14px;word-spacing:0;white-space:nowrap}blockquote{font-size:16px;line-height:1.4;padding-left:15px;margin-top:26px}.desktop-break{display:none}.actions{gap:20px;font-size:14px;margin-top:32px}.primary{padding:13px 19px}#sideCaption{top:540px;left:auto;right:27px;font-size:16px}#cornerQuote,:root[data-env=evening] #cornerQuote,:root[data-env=night] #cornerQuote{top:auto;bottom:137px;left:auto;right:24px;font-size:14px}.bird-v{display:none}.deco:first-of-type{right:30px!important;top:145px!important;left:auto!important}#cat{display:none}}
@media(max-width:600px){.deco:not(.celestial-piece){display:none}.ground{height:120px}blockquote{position:relative;z-index:4}.tags{position:relative;z-index:4}}
@media(min-width:601px){nav{left:153px;gap:24px}.name{top:30px}.status{top:51px}.hey{margin-bottom:10px}h1{transform:scaleX(1);margin-bottom:8px}blockquote{margin-top:20px}.actions{margin-top:34px}#sideCaption{top:181px}}
/* Clean scene pass: unbroken skies and native pixel illustration layers. */
@font-face{font-family:Jersey;src:url('assets/jersey10-Jersey10-Regular.ttf')}
.scene{background-image:var(--sky);background-size:100% 100%}.scene:after{content:'';position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 110px #fff1;z-index:0}:root[data-env=night] .scene:after{box-shadow:none}
:root{--sky:url('assets/sky-morning.png')}:root[data-env=afternoon]{--sky:url('assets/sky-afternoon.png')}:root[data-env=evening]{--sky:url('assets/sky-evening.png')}:root[data-env=night]{--sky:url('assets/sky-night.png')}
h1{font-family:Jersey,monospace;font-weight:400;font-size:58px;letter-spacing:0;line-height:.78;margin-bottom:13px}.ground{height:200px}.deco{z-index:1}.ground{z-index:1}.bird-v,#sideCaption,#cornerQuote{z-index:2}.sky-stars{z-index:1;pointer-events:none}:root[data-env=night] .sky-stars{background:none}.star{position:absolute;width:2px;height:2px;background:#e2e6f9}.star.large{box-shadow:0 -2px #c3cce9,0 2px #c3cce9,-2px 0 #c3cce9,2px 0 #c3cce9}.quote-dash{display:block;letter-spacing:7px;opacity:.55}#cornerQuote{font-size:14px}nav .active:after{bottom:-7px}.actions .primary{padding:12px 30px}
@media(max-width:600px){h1{font-size:57px;line-height:.82}.ground{height:150px;left:0;width:auto}#cornerQuote,:root[data-env=evening] #cornerQuote,:root[data-env=night] #cornerQuote{bottom:148px}#sideCaption{top:545px}.scene:after{box-shadow:none}.deco.celestial-piece{image-rendering:pixelated;max-width:90px}.sky-stars{opacity:.8}}
h1{font-size:66px;line-height:.70;letter-spacing:-.5px;margin-bottom:13px}.sky-stars{z-index:0}
@media(max-width:600px){h1{font-size:64px;line-height:.73}.sky-stars .star{left:calc(83% + var(--offset,0px))!important}.sky-stars .star:nth-child(3n){--offset:25px}.sky-stars .star:nth-child(3n + 1){--offset:-10px}.sky-stars .star:nth-child(2n){opacity:.6}}
/* Faithful pass: source scene pixels, not replacement illustration artwork. */
:root{--sky:url('assets/faithful-morning.png')}:root[data-env=afternoon]{--sky:url('assets/faithful-afternoon.png')}:root[data-env=evening]{--sky:url('assets/faithful-evening.png')}:root[data-env=night]{--sky:url('assets/faithful-night.png')}
.scene:after{display:none}.scene>.ground,.scene>.deco,.scene>.sky-stars,.scene>.bird-v{display:none}h1{font-size:69px;line-height:.67;margin-bottom:13px}.actions{margin-top:35px}.actions .primary{padding:12px 30px}#cornerQuote{font-size:14px}.quote-dash{display:none}
@media(max-width:600px){.scene{background-image:url('assets/mobile-morning.png');background-size:100% 100%}:root[data-env=afternoon] .scene{background-image:url('assets/mobile-afternoon.png')}:root[data-env=evening] .scene{background-image:url('assets/mobile-evening.png')}:root[data-env=night] .scene{background-image:url('assets/mobile-night.png')}h1{font-size:64px;line-height:.73}}
:root[data-env=night] .scene>.sky-stars{display:none}
/* Owner-approved Home lock: cats remain hidden pending selection. */
#cat{display:none!important}