:root{--bg: #14111f;--panel: #221d33;--panel-border: #3a3052;--text: #ece8f5;--muted: #a79fc0;--accent: #ffd166}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;image-rendering:pixelated;-webkit-tap-highlight-color:transparent;overflow:hidden;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}.app{display:flex;flex-direction:column;height:100%}.topbar{display:flex;align-items:baseline;gap:.6rem;padding:.6rem 1rem;border-bottom:1px solid var(--panel-border);flex:0 0 auto}.logo{font-size:1.1rem;margin:0;letter-spacing:.04em}.tag{font-size:.8rem;color:var(--muted)}.stage{flex:1 1 auto;position:relative;min-height:0}.room-canvas{position:absolute;top:0;right:0;bottom:0;left:0}.room-canvas canvas{display:block;width:100%;height:100%;touch-action:none}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;display:flex;align-items:center;justify-content:center;padding:1rem}.modal{background:var(--panel);border:1px solid var(--panel-border);border-radius:12px;padding:1.25rem;max-width:420px;width:100%}.modal h2{margin:0 0 .5rem}.modal-head{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem}.modal-head h2{margin:0;flex:1 1 auto}.btn.small{padding:.4rem .7rem;font-size:.85rem}.modal p{margin:0 0 .75rem;line-height:1.5}.hint{color:var(--muted);font-size:.85rem}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;border-radius:8px;padding:.6rem 1.1rem;background:var(--accent);color:#2a2010;font-weight:600;cursor:pointer}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.6;cursor:default}.centered{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:1rem;gap:.5rem}.muted{color:var(--muted)}.error{color:#ff8a8a;font-size:.9rem}.spacer{flex:1 1 auto}.who{color:var(--muted);font-size:.85rem}.link-btn{background:none;border:none;color:var(--accent);cursor:pointer;font-size:.85rem}.card{background:var(--panel);border:1px solid var(--panel-border);border-radius:12px;padding:1.5rem}.login{display:flex;flex-direction:column;gap:.75rem;width:100%;max-width:320px}.login input{padding:.65rem .8rem;border-radius:8px;border:1px solid var(--panel-border);background:#1a1726;color:var(--text);font-size:1rem}.login .logo{margin:0}.building-wrap{width:100%;height:100%;display:flex;flex-direction:column}.building-toolbar{padding:.75rem 1rem;border-bottom:1px solid var(--panel-border);flex:0 0 auto}.sky{position:relative;flex:1 1 auto;min-height:0;overflow-y:auto;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;padding:1.5rem 1rem 0;background:linear-gradient(#15111f,#241c3a 70%,#2c2340);transition:background 1s ease}.sky.day{background:linear-gradient(#41507e,#2c2747 62%,#2c2340)}.sky.night{background:linear-gradient(#0d0b16,#181530 60%,#241c38)}.sky.cond-rain,.sky.cond-storm{background:linear-gradient(#39405a,#232038 62%,#241c38)}.sky .building{position:relative;z-index:1}.sky-fx{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden;pointer-events:none}.sky-grad{position:absolute;top:0;right:0;bottom:0;left:0}.celestial{position:absolute;width:clamp(34px,4.5vw,60px);aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;transition:left 18s linear,top 18s linear}.celestial.sun{background:radial-gradient(circle at 40% 40%,#ffe27a,#ffbf3a);box-shadow:0 0 22px #ffcb52aa}.celestial.moon{background:radial-gradient(circle at 62% 38%,#eef0f7,#b9c0d8);box-shadow:0 0 16px #c9d2f066}.star{position:absolute;width:2px;height:2px;background:#fff;border-radius:50%;animation:twinkle 2.6s ease-in-out infinite}@keyframes twinkle{0%,to{opacity:.2}50%{opacity:.9}}.cloud{position:absolute;height:18px;width:70px;background:#cfd2e0;border-radius:12px;opacity:.45;filter:blur(1px)}.cloud.c1{top:26px;left:-90px;animation:drift 28s linear infinite}.cloud.c2{top:64px;left:-120px;width:50px;animation:drift 38s linear infinite;animation-delay:-10s}.cloud.c3{top:12px;left:-110px;width:92px;opacity:.3;animation:drift 48s linear infinite;animation-delay:-24s}@keyframes drift{to{transform:translate(120vw)}}.drop{position:absolute;top:-14px;width:2px;height:13px;background:linear-gradient(#aac1e8,transparent);opacity:.55;animation-name:fall;animation-timing-function:linear;animation-iteration-count:infinite}.flake{position:absolute;top:-10px;width:5px;height:5px;background:#fff;border-radius:50%;opacity:.85;animation-name:fall;animation-timing-function:linear;animation-iteration-count:infinite}@keyframes fall{to{transform:translateY(115vh)}}.cityscape{position:absolute;left:0;right:0;bottom:0;height:180px;display:flex;align-items:flex-end;justify-content:center;gap:2px;opacity:.95}.bldg{--win: rgba(140, 160, 220, .14);flex:0 0 auto;background-color:#191628;background-image:radial-gradient(circle,var(--win) 1.4px,transparent 1.8px);background-size:9px 13px;background-position:5px 7px;border-radius:3px 3px 0 0;border-top:2px solid rgba(255,255,255,.04)}.sky.night .bldg{--win: rgba(255, 206, 110, .65);background-color:#0c0a13}.sky.day .bldg{--win: rgba(150, 170, 220, .12);background-color:#211e36}.sky.cond-rain .bldg,.sky.cond-storm .bldg{--win: rgba(205, 215, 240, .16);background-color:#16131f}.sky-info{position:absolute;top:12px;left:14px;z-index:1;display:flex;align-items:center;gap:6px;background:#0006;padding:4px 10px;border-radius:999px;font-size:.78rem;color:var(--text)}.sky-icon{font-size:1rem}.building{display:flex;flex-direction:column;align-items:stretch;width:clamp(300px,52vw,640px)}.yard{position:relative;flex:0 0 auto;height:48px;background:linear-gradient(#3f6b3a,#335a30);border-top:3px solid #4d7d45}.avatar{position:absolute;left:calc(50% - 104px);bottom:4px;width:48px;height:48px;background:url(/sprites/char.png) no-repeat 0 0;background-size:96px 192px;image-rendering:pixelated;animation:avatar-idle .85s steps(1) infinite}@keyframes avatar-idle{0%,50%{background-position:0 0}51%,to{background-position:-48px 0}}.rooftop{position:relative;height:22px;background:linear-gradient(#4a4566,#3c3754);border:3px solid #1c1830;border-bottom:none;border-radius:5px 5px 0 0}.rooftop:before{content:"";position:absolute;left:-3px;right:-3px;top:-4px;height:5px;background:#2a2440;border-radius:3px 3px 0 0}.roof-tank{position:absolute;right:22px;top:-15px;width:22px;height:15px;background:#6b6480;border:2px solid #1c1830;border-radius:3px 3px 0 0}.building-sign{position:absolute;left:50%;top:-13px;transform:translate(-50%);background:var(--accent);color:#2a2010;font-weight:700;font-size:.82rem;padding:.2rem .8rem;border-radius:5px;white-space:nowrap;z-index:2;box-shadow:0 2px #0000004d}.ground{height:40px;background:#2a2440;border:2px solid #1c1830;border-top:none;border-radius:0 0 8px 8px;display:flex;align-items:center;justify-content:center}.entrance{font-size:.72rem;letter-spacing:.08em;color:var(--accent)}.floor{position:relative;display:flex;align-items:stretch;border:2px solid #1c1830;border-bottom-width:1px;min-height:clamp(96px,13vmin,170px);background-color:#46415e;background-image:repeating-linear-gradient(0deg,transparent 0 30px,rgba(0,0,0,.18) 30px 32px)}.floor:before{content:"";position:absolute;top:0;bottom:0;left:50px;right:0;pointer-events:none;background-image:repeating-linear-gradient(90deg,rgba(255,224,138,.09) 0 40px,transparent 40px 72px)}.floor-label{flex:0 0 50px;display:flex;align-items:center;justify-content:center;background:#2a2440;border-right:2px solid #1c1830;color:var(--accent);font-weight:700;font-size:.85rem;text-align:center;padding:0 .3rem}.floor-rooms{flex:1 1 auto;display:flex;flex-wrap:wrap;align-content:center;gap:.7rem;padding:.8rem}.door{position:relative;width:clamp(60px,8vmin,88px);height:clamp(78px,10.5vmin,116px);border:3px solid #6b4f1d;border-radius:6px 6px 2px 2px;background:linear-gradient(#caa86a,#b8965a);color:#2a2010;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding:.25rem;box-shadow:inset 0 0 0 2px #ffffff1f}.door:active{transform:translateY(1px)}.door .knob{position:absolute;top:50%;right:7px;width:7px;height:7px;border-radius:50%;background:#3a2b1a}.door-name{font-size:.66rem;font-weight:700;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:#ffffff8c;border-radius:3px;padding:0 3px}.add-door{border:3px dashed var(--panel-border);background:#0003;color:var(--muted);font-size:.85rem;align-items:center;justify-content:center}.add-door .door-name{background:none}.floor-empty{align-self:center;font-size:.8rem}.list-wrap{height:100%;display:flex;flex-direction:column}.list-toolbar{padding:.75rem 1rem;border-bottom:1px solid var(--panel-border);flex:0 0 auto}.field{padding:.65rem .8rem;border-radius:8px;border:1px solid var(--panel-border);background:#1a1726;color:var(--text);font-size:1rem;width:100%}.modal .field{margin-bottom:.6rem}.modal-actions{display:flex;align-items:center;justify-content:flex-end;gap:.75rem;margin-top:.25rem}.room-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1rem;padding:1rem;overflow-y:auto;flex:1 1 auto;min-height:0}.room-card{background:var(--panel);border:1px solid var(--panel-border);border-radius:12px;padding:1rem;cursor:pointer;color:var(--text);display:flex;flex-direction:column;align-items:center;gap:.4rem}.room-card:active{transform:translateY(1px)}.room-thumb{font-size:2.2rem}.room-name{font-weight:600}.room-theme{color:var(--muted);font-size:.8rem}.back-btn{position:absolute;top:.6rem;left:.6rem;z-index:5;background:#00000073;color:var(--text);border:1px solid var(--panel-border);border-radius:8px;padding:.4rem .7rem;cursor:pointer}.room-hint{position:absolute;bottom:.6rem;left:50%;transform:translate(-50%);z-index:5;background:#00000080;color:var(--text);font-size:.8rem;padding:.35rem .7rem;border-radius:999px;pointer-events:none;white-space:nowrap}.room-hint.edit{bottom:92px}.decorate-btn{position:absolute;top:.6rem;right:5.2rem;z-index:5;background:#00000073;color:var(--text);border:1px solid var(--panel-border);border-radius:8px;padding:.4rem .7rem;cursor:pointer}.palette{position:absolute;left:0;right:0;bottom:0;z-index:6;background:#14111ff2;border-top:1px solid var(--panel-border);padding:.5rem .6rem calc(.5rem + env(safe-area-inset-bottom));display:flex;align-items:center;gap:.6rem}.palette-items{flex:1 1 auto;display:flex;gap:.5rem;overflow-x:auto;padding-bottom:2px}.pal-item{flex:0 0 auto;width:56px;height:56px;border:2px solid var(--panel-border);border-radius:8px;background:#221d33;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.5rem;padding:4px}.pal-item.active{border-color:var(--accent);background:#2e2740}.pal-item img{max-width:100%;max-height:100%;image-rendering:pixelated}.palette-actions{flex:0 0 auto;display:flex;flex-direction:column;gap:.35rem}.btn.small.ghost{background:transparent;color:var(--text);border:1px solid var(--panel-border)}.seg{display:flex;gap:.5rem;margin-bottom:.75rem}.seg-btn{flex:1 1 0;padding:.55rem .5rem;border:1px solid var(--panel-border);border-radius:8px;background:#1a1726;color:var(--text);cursor:pointer;font-size:.85rem}.seg-btn.active{border-color:var(--accent);background:#2e2740;color:var(--accent)}.pick-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:.5rem;margin-bottom:.75rem;max-height:46vh;overflow-y:auto}.pick{position:relative;aspect-ratio:1;border:2px solid var(--panel-border);border-radius:8px;overflow:hidden;background:#15151c;cursor:pointer;padding:0}.pick.on{border-color:var(--accent)}.pick img{width:100%;height:100%;object-fit:cover}.pick-vid{display:flex;align-items:center;justify-content:center;height:100%;font-size:1.6rem}.pick-check{position:absolute;top:3px;right:4px;background:var(--accent);color:#2a2010;border-radius:50%;width:18px;height:18px;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700}.members-btn{position:absolute;top:.6rem;right:.6rem;z-index:5;background:#00000073;color:var(--text);border:1px solid var(--panel-border);border-radius:8px;padding:.4rem .7rem;cursor:pointer}.modal.wide{max-width:720px;max-height:80vh;overflow-y:auto}.member-add{display:flex;gap:.5rem;margin-bottom:.75rem}.member-add .field{margin-bottom:0}.access-select{flex:0 0 auto;width:auto}.member-list{list-style:none;margin:0 0 .75rem;padding:0;display:flex;flex-direction:column;gap:.35rem}.member-row{display:flex;align-items:center;gap:.6rem;padding:.5rem .7rem;background:#1a1726;border:1px solid var(--panel-border);border-radius:8px}.member-name{flex:1 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.member-access{font-size:.8rem;color:var(--muted)}.asset-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:.5rem;margin-bottom:.75rem}.asset-tile{padding:0;border:none;background:none;cursor:pointer;border-radius:6px;overflow:hidden}.asset-img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:6px;image-rendering:auto;display:block}.asset-vid-thumb{width:100%;aspect-ratio:1;border-radius:6px;background:#15151c;border:1px solid var(--panel-border);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.3rem;color:var(--text)}.asset-vid-thumb .play{font-size:1.4rem;color:var(--accent)}.asset-vid-thumb .vid-title{font-size:.7rem;color:var(--muted);max-width:90%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.detail-media{width:100%;max-height:50vh;object-fit:contain;border-radius:8px;background:#000;margin-bottom:.75rem}.comments-title{margin:.5rem 0;font-size:1rem}.comment-list{list-style:none;margin:0 0 .75rem;padding:0;display:flex;flex-direction:column;gap:.4rem}.comment-row{display:flex;flex-direction:column;gap:.15rem;padding:.5rem .7rem;background:#1a1726;border-radius:8px}.comment-author{font-size:.75rem;color:var(--accent)}.comment-body{font-size:.95rem;word-break:break-word}.comment-add{display:flex;gap:.5rem;margin-bottom:.5rem}.comment-add .field{margin-bottom:0}