#balcony-room{position:fixed;inset:0;z-index:25;overflow:auto;overscroll-behavior:contain;background:#101b22;touch-action:pan-x pan-y}#balcony-room[hidden]{display:none}.balcony-scene{position:relative;width:max(100vw,calc(100dvh * 1.777));height:max(100dvh,calc(100vw / 1.777));isolation:isolate}.balcony-photo{position:absolute;inset:0;width:100%;height:100%;display:block;object-fit:fill}.balcony-cloud{position:absolute;inset:0;pointer-events:none;transition:background 2s;background:transparent}.cloudy .balcony-cloud{background:#1f2c4050}.stormy .balcony-cloud{background:#17213f80}#balcony-room[data-phase=twilight] .balcony-photo{filter:brightness(1.15) saturate(.85)}.balcony-rain{display:none;position:absolute;left:7%;right:22%;top:1%;height:68%;overflow:hidden;pointer-events:none;clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}.raining .balcony-rain{display:block}.balcony-rain:before,.balcony-rain:after{content:"";position:absolute;inset:-100% -20%;background-image:repeating-linear-gradient(100deg,transparent 0,transparent 65px,#d9e9ff6b 66px,transparent 67px,transparent 122px);background-size:150px 70px;animation:balcony-rain .65s linear infinite;opacity:.6}.balcony-rain:after{animation-delay:-.3s;opacity:.3;background-size:230px 130px}.balcony-hot{position:absolute;border:0;background:transparent;cursor:pointer;border-radius:12px}.balcony-hot:focus-visible,.balcony-cat:focus-visible{outline:3px solid #ffe5a4;outline-offset:4px}.balcony-kuih{left:26%;top:65%;width:17%;height:12%}.balcony-scope{left:10%;top:26%;width:17%;height:37%}.balcony-shirts{left:81%;top:5%;width:15%;height:38%}.balcony-cat{position:absolute;left:73.4%;top:66.6%;width:16.3%;aspect-ratio:1.5;border:0;padding:0;background:transparent;cursor:pointer;transform-origin:50% 90%;animation:cat-breathe 3.6s ease-in-out infinite;filter:brightness(.73) sepia(.12);z-index:3}.balcony-cat img{width:100%;height:100%;object-fit:contain;display:block}.balcony-cat .balcony-tail{position:absolute;inset:0;clip-path:polygon(3% 66%,57% 66%,57% 98%,3% 98%);transform-origin:42% 84%;animation:cat-tail 6s ease-in-out infinite}#balcony-room[data-phase=day] .balcony-cat{filter:none}.cat-hearts{position:absolute;top:5%;left:60%;font:30px system-ui;color:#ffbcaa;opacity:0}.petted .cat-hearts{animation:cat-heart 1.5s ease-out}.petted{animation:cat-breathe 3.6s ease-in-out infinite}.balcony-panel{position:fixed;bottom:65px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:16px;background:#16231de8;border:1px solid #ffffff45;border-radius:30px;padding:10px 16px;color:#fff3d6;font:13px system-ui;white-space:nowrap}.balcony-panel button{border:0;background:transparent;color:inherit;cursor:pointer}.balcony-panel a{text-decoration:none}.balcony-panel>span{font-family:Georgia,serif;font-style:italic}.balcony-caption{position:fixed;top:74px;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;background:#15221dcf;border-radius:14px;padding:9px 14px;color:#fff3db;font:12px/1.6 system-ui;max-width:90vw;white-space:nowrap}.balcony-bubble{position:fixed;left:50%;bottom:125px;transform:translateX(-50%);width:min(380px,85vw);box-sizing:border-box;margin:0;border-radius:14px;padding:16px 20px;background:#fff3d8;color:#2b4033;box-shadow:0 12px 50px #0004;font:17px/1.5 Georgia,serif;text-align:center}.balcony-decor{position:absolute;inset:0;pointer-events:none;z-index:2}.balcony-decor img{position:absolute;top:0;width:4%;height:19%;object-fit:contain;object-position:top}.balcony-decor.merdeka{padding:3% 10%;font:80px system-ui}.at-balcony #stage{visibility:hidden}.at-balcony .ritual-menu{display:none}.at-balcony .top{z-index:35}.at-balcony #btn-back{display:none}.at-balcony .nav a[href="#balcony"][aria-current="page"]{background:var(--cream);color:var(--ink);font-weight:700}.lofi #balcony-room{display:none}body.at-balcony{overflow:hidden}@keyframes balcony-rain{to{transform:translate(-20px,70px)}}@keyframes cat-breathe{50%{transform:scale(1.006,1.014)}}@keyframes cat-tail{0%,70%,100%{transform:rotate(0)}78%{transform:rotate(2deg)}88%{transform:rotate(-1deg)}}@keyframes cat-heart{10%{opacity:1}100%{opacity:0;transform:translateY(-45px)}}@keyframes cat-pet{50%{transform:translateY(-3px) rotate(-1deg)}}@media(max-width:720px){.balcony-panel{gap:10px;font-size:12px}.balcony-panel>span{display:none}.at-balcony .nav{gap:0}.at-balcony .nav a{font-size:12px;padding:5px}.balcony-caption{top:78px;font-size:11px}}@media(prefers-reduced-motion:reduce){.balcony-cat,.balcony-cat .balcony-tail,.balcony-rain:before,.balcony-rain:after,.petted,.petted .cat-hearts{animation:none}.raining .balcony-rain{background:#b9cbd52b}.petted .cat-hearts{opacity:1}}

.desk-balcony{left:18px;text-decoration:none;display:none}body.at-desk:not(.at-balcony) .desk-balcony{display:block;opacity:1;pointer-events:auto}.at-balcony .desk-balcony{display:none}@media(max-width:720px){.desk-balcony{top:auto;bottom:118px;transform:none;font-size:11px}}

.balcony-cat .balcony-tail{display:none}

.moon-dialog{box-sizing:border-box;width:min(530px,94vw);max-height:94dvh;overflow:auto;border:1px solid #5e646b;border-radius:18px;padding:20px;background:#080b10;color:#e9e5d9;box-shadow:0 20px 100px #000c;font:14px/1.5 system-ui}.moon-dialog::backdrop{background:#000d;backdrop-filter:blur(6px)}.moon-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.moon-top h2{font:22px Georgia,serif;margin:0 0 14px}.moon-dialog button{border:1px solid #6c7076;border-radius:20px;background:transparent;color:inherit;padding:7px 14px;cursor:pointer}.moon-top button{font-size:23px}.moon-lens{position:relative;width:min(100%,52dvh);aspect-ratio:1;margin:10px auto 20px;border:10px solid #262a30;border-radius:50%;overflow:hidden;background:#000;box-shadow:0 0 0 2px #7779,inset 0 0 30px #000;display:grid;place-items:center}.moon-lens:after{content:"";position:absolute;inset:0;border-radius:50%;box-shadow:inset 0 0 24px 8px #000b;pointer-events:none}.moon-lens img{position:absolute;width:100%;height:100%;object-fit:contain;transition:transform .15s;transform-origin:center}.moon-loading{padding:20px;text-align:center;color:#b9c3d0}.moon-zoom{display:flex;align-items:center;gap:12px;font-size:12px}.moon-zoom input{min-width:40px;flex:1;accent-color:#c9d4df}.moon-zoom output{width:35px}.moon-data{color:#f2dfb4}.moon-context:empty{display:none}.moon-dialog small{display:block;color:#a4acb8;font-size:11px}.moon-dialog a{display:inline-block;color:#c1d7e8;font-size:11px;margin-top:12px}.moon-dialog #moon-retry{display:block;margin-top:14px}.moon-dialog [hidden]{display:none!important}@media(prefers-reduced-motion:reduce){.moon-lens img{transition:none}}