:root{--quilt-cream: #f3e7ce;--quilt-sand: #d9bf91;--quilt-teal: #236b70;--quilt-ink: #173d43;--quilt-sky: #8ec7d2;--quilt-terracotta: #c96b53;--quilt-coral: #e98d70;--quilt-herb: #688c5b;--quilt-gold: #e7b857;--quilt-night: #26343f;--quilt-paper: #f8f2e7;--quilt-muted: #3d5a5c;--quilt-white: #ffffff;color:var(--quilt-ink);font-family:Segoe UI,system-ui,sans-serif;font-size:16px}*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--quilt-night);color:var(--quilt-ink);overflow:hidden}button,input,select{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--quilt-gold);outline-offset:2px}#game{display:block;width:100%;height:100%}.explore-only,.build-only,.drawer{display:none!important}body[data-mode=explore] .explore-only,body[data-mode=build] .build-only,body[data-drawer=friends] #friends-panel,body[data-drawer=map] #map-panel,body[data-drawer=event] #event-board,body[data-drawer=settings] #settings-panel{display:flex!important}body[data-mode=explore] .explore-only[hidden],body[data-mode=build] .build-only[hidden],body[data-drawer=friends] .nearby-card,body[data-drawer=map] .nearby-card,body[data-drawer=event] .nearby-card,body[data-drawer=settings] .nearby-card{display:none!important}.drawer .icon-button{background:#e6ede5;color:var(--quilt-ink)}[hidden]{display:none!important}.eyebrow,.small-label{color:var(--quilt-muted);font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.topbar{position:absolute;z-index:5;top:16px;left:16px;right:16px;min-height:64px;padding:8px 16px;border:1px solid rgba(255,255,255,.18);border-radius:18px;background:#173d43f5;color:var(--quilt-paper);display:flex;align-items:center;gap:16px;flex-wrap:wrap}.brand{display:flex;align-items:center;gap:10px;min-width:180px}.brand strong{font-size:18px;letter-spacing:-.04em}.brand-mark{width:28px;height:28px;display:grid;grid-template-columns:12px 12px;gap:3px;transform:rotate(-8deg)}.brand-mark span{border-radius:3px;background:var(--quilt-gold)}.brand-mark span:nth-child(2){background:var(--quilt-sky)}.brand-mark span:nth-child(3){background:var(--quilt-coral)}.brand-mark span:nth-child(4){background:#b7ce8d}.world-location,.build-title,.top-actions,.build-actions{display:flex;align-items:center;gap:8px}.top-actions,.build-actions{margin-left:auto}.world-location strong,.build-title strong{font-size:15px}#clock-status,#home-status{color:#d5ded1;font-size:13px}.event-pill,.icon-button,.quiet-button,.primary-button{min-height:44px}.event-pill{border:1px solid rgba(231,184,87,.35);background:#355a58;color:#fff4d8;border-radius:11px;padding:0 12px;font-weight:700;display:inline-flex;align-items:center;gap:8px}.event-dot{width:8px;height:8px;border-radius:3px;background:var(--quilt-gold)}.coins{display:inline-flex;align-items:center;height:40px;padding:0 12px;border-radius:11px;background:#ffffff1f;font-weight:800}.icon-button{width:44px;height:44px;border:0;border-radius:11px;background:#ffffff1f;color:var(--quilt-paper)}#friends-open{display:inline-flex;align-items:center;width:auto;padding:0 12px;gap:6px;font-weight:800}.count-pill{min-width:1.25rem;padding:0 6px;border-radius:999px;background:var(--quilt-gold);color:var(--quilt-ink);font-size:12px;line-height:1.5;text-align:center}.party-block{display:flex;flex-direction:column;gap:8px}.quiet-button{border:1px solid rgba(255,255,255,.2);color:var(--quilt-paper);background:transparent;border-radius:10px;padding:8px 12px}.primary-button{border:0;border-radius:11px;padding:8px 14px;background:var(--quilt-teal);color:var(--quilt-white);font-weight:800}.topbar .primary-button{background:var(--quilt-gold);color:var(--quilt-ink)}.nearby-card,.player-card,.chat-card,.context-card,.drawer,.catalog,.inspector,#activity-panel{background:#f8f2e7f7;border:1px solid rgba(23,61,67,.12);box-shadow:0 12px 32px #173d4329;border-radius:18px;color:var(--quilt-ink)}.nearby-card{position:absolute;top:96px;right:16px;width:260px;padding:16px;flex-direction:column;gap:6px}.nearby-card p,.context-card small,.player-head small{margin:0;color:var(--quilt-muted);font-size:13px}.text-link,.dots{border:0;background:transparent;color:var(--quilt-teal);font-weight:800;padding:8px 0;text-align:left}.context-card{position:absolute;z-index:3;left:50%;bottom:108px;transform:translate(-50%);width:min(380px,calc(100vw - 40px));padding:12px;align-items:center;gap:12px}.context-card>div{display:flex;flex-direction:column;min-width:0}.player-card{position:absolute;left:16px;bottom:168px;width:280px;padding:14px;flex-direction:column;gap:10px}.player-head{display:flex;align-items:center;gap:10px}.avatar{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:var(--quilt-terracotta);color:#fff;font-weight:800}.player-head div{display:flex;flex-direction:column}.needs{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.needs span{display:flex;flex-direction:column;gap:4px;font-size:12px;font-weight:700}.needs i{display:block;height:6px;border-radius:9px;background:linear-gradient(to right,var(--quilt-teal) 0 var(--fill),#dce3dc var(--fill) 100%)}#need-hunger{background:linear-gradient(to right,var(--quilt-coral) 0 var(--fill),#dce3dc var(--fill) 100%)}#need-social{background:linear-gradient(to right,var(--quilt-sky) 0 var(--fill),#dce3dc var(--fill) 100%)}#need-fun{background:linear-gradient(to right,var(--quilt-herb) 0 var(--fill),#dce3dc var(--fill) 100%)}.needs-readout{margin:0;font-size:12px;color:var(--quilt-muted)}.home-button{display:flex;width:100%;border:0;border-radius:10px;background:#e4ebe3;color:var(--quilt-ink);min-height:44px;padding:8px 10px;font-weight:700;text-align:left}#build-enter{display:none}body[data-mode=explore][data-room=home][data-owner="1"] #build-enter{display:flex}#plaza-btn[data-away=false]{display:none}.chat-card{position:absolute;left:16px;bottom:16px;width:min(340px,calc(100vw - 32px));padding:12px;flex-direction:column;gap:8px;z-index:2}.chat-heading{display:flex;justify-content:space-between;align-items:center}.chat-heading strong{font-size:14px}#chat-log{margin:0;padding:0;list-style:none;max-height:92px;overflow:auto;font-size:13px}#chat-log li{margin:0 0 4px}#chat-form,#mod-bar,#party-actions,#friend-actions,#activity-actions,#build-bar{display:flex;gap:8px}#chat-form input,#friend-search,#party-code{flex:1;min-height:40px;border:1px solid #d6dfd4;border-radius:10px;padding:0 10px;background:var(--quilt-white);color:var(--quilt-ink)}#chat-form button,#mod-bar button,#friend-actions button,.drawer button,#activity-actions button,#build-bar button{border:1px solid #9fc4bc;background:#f7fffb;color:var(--quilt-teal);border-radius:10px;min-height:40px;padding:6px 10px;font-weight:700}#emote-bar{position:absolute;left:50%;bottom:16px;transform:translate(-50%);align-items:center;gap:6px;padding:6px;border-radius:16px;background:#173d43f5;color:var(--quilt-paper);z-index:3}.tray-label{padding:0 8px;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#abc6bd}#emote-bar>button,#emote-more-panel button{min-height:44px;border:0;border-radius:10px;background:#ffffff1f;color:#fff;padding:0 12px}#emote-more-panel{position:absolute;bottom:62px;right:0;display:flex;flex-direction:column;gap:4px;padding:8px;border-radius:12px;background:#173d43f5}.drawer,.catalog,.inspector{position:absolute;z-index:4;flex-direction:column;gap:12px;padding:16px}.drawer{top:96px;right:16px;bottom:16px;width:min(328px,calc(100vw - 32px));overflow:auto}.drawer h2,.catalog h2,.inspector h2{margin:0;font-size:22px}.drawer h3{margin:8px 0 4px;font-size:13px;letter-spacing:.06em;text-transform:uppercase;color:var(--quilt-muted)}.tabs{display:flex;gap:4px;padding:4px;border-radius:12px;background:#e7ece5}.tabs button{flex:1;border:0;background:transparent;border-radius:8px;min-height:40px;color:var(--quilt-muted)}.tabs button.active{background:#fff;color:var(--quilt-ink)}[data-tab-panel]{display:none}body[data-social-tab=nearby] [data-tab-panel=nearby],body[data-social-tab=friends] [data-tab-panel=friends],body[data-social-tab=invites] [data-tab-panel=invites]{display:block}.drawer ol,.drawer ul,#map-panel ul{margin:0;padding:0;list-style:none}.drawer li,#online-list li{display:flex;justify-content:space-between;gap:8px;align-items:center;padding:6px 0;font-size:14px}.row-actions{display:inline-flex;gap:4px}#auth-panel,#auth-form,#settings-panel label,.inspector label{display:flex;flex-direction:column;gap:6px}#auth-form,.auth-actions{display:flex;flex-direction:column;gap:8px}.auth-actions{flex-direction:row;flex-wrap:wrap}#auth-error{color:var(--quilt-terracotta);min-height:1rem;margin:0}.legend,.catalog-footer,#party-status{margin:0;color:var(--quilt-muted);font-size:13px;line-height:1.4}.catalog{top:96px;left:16px;bottom:16px;width:min(280px,calc(100vw - 32px))}.inspector{top:96px;right:16px;width:min(260px,calc(100vw - 32px))}.categories{display:grid;grid-template-columns:1fr 1fr;gap:6px}.categories button.active{background:var(--quilt-teal);color:#fff;border-color:transparent}#catalog-list{display:grid;grid-template-columns:1fr 1fr;gap:8px;overflow:auto}#catalog-list button{display:flex;flex-direction:column;align-items:flex-start;gap:4px;border:1px solid #d8e4d9;border-radius:12px;background:#fffdf8;color:var(--quilt-ink);padding:8px;min-height:72px}#placement-status[data-valid=yes]{color:#2f6b3a;font-weight:800}#placement-status[data-valid=no]{color:var(--quilt-terracotta);font-weight:800}.build-hint{position:absolute;left:50%;bottom:16px;transform:translate(-50%);margin:0;padding:10px 14px;border-radius:12px;background:#173d43f2;color:var(--quilt-paper);font-size:13px;max-width:min(520px,calc(100% - 560px))}#guide-banner{position:absolute;top:92px;left:50%;transform:translate(-50%);margin:0;padding:8px 12px;border-radius:12px;background:#f8f2e7f5;align-items:center;gap:8px;z-index:4;max-width:min(520px,calc(100vw - 40px))}#guide-dismiss{border:0;background:transparent;color:var(--quilt-teal);font-weight:800;min-height:44px}#activity-panel{position:absolute;right:16px;bottom:16px;width:min(280px,calc(100vw - 32px));padding:12px;z-index:6;display:flex;flex-direction:column;gap:8px}#activity-panel[hidden]{display:none!important}#activity-panel h2,#activity-status,#activity-expiry{margin:0;font-size:14px}#grid-board{display:grid;grid-template-columns:repeat(3,44px);gap:6px}#grid-board button{width:44px;height:44px;border:0;border-radius:8px;background:var(--quilt-teal);color:#fff}#dev-overlay,#metrics{display:none;position:absolute;top:96px;left:16px;width:min(280px,calc(100vw - 32px));padding:12px;border-radius:12px;background:#26343feb;color:var(--quilt-paper);z-index:7;font-size:13px}body[data-dev="1"] #dev-overlay{display:block}#metrics{inset:auto 16px 16px auto;width:220px}body[data-dev="1"] #metrics{display:block!important}#dev-overlay dl{margin:0}#dev-overlay dl>div{display:grid;grid-template-columns:6rem 1fr;gap:6px}#dev-overlay h2,#metrics h2{margin:0 0 8px;font-size:14px}#metrics pre{margin:0;white-space:pre-wrap}#speech-layer{position:absolute;inset:0;pointer-events:none}.speech-bubble{position:absolute;transform:translate(-50%,-120%);background:#f8f2e7f0;color:var(--quilt-ink);padding:4px 8px;border-radius:8px;font-size:13px;max-width:14rem}.skip-link{position:absolute;left:16px;top:-4rem;z-index:8;padding:8px 12px;background:var(--quilt-ink);color:var(--quilt-paper);border-radius:8px}.skip-link:focus{top:8px}#captions{position:absolute;left:50%;bottom:84px;transform:translate(-50%);margin:0;padding:4px 8px;border-radius:8px;background:#173d43e0;color:var(--quilt-paper);z-index:6}#hud:focus{outline:none}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}html[data-motion=reduce] *,html[data-motion=reduce] *:before,html[data-motion=reduce] *:after{animation:none!important;transition:none!important}@media(prefers-reduced-motion:reduce){html:not([data-motion=full]) *,html:not([data-motion=full]) *:before,html:not([data-motion=full]) *:after{animation:none!important;transition:none!important}}@media(max-width:1100px){.nearby-card{display:none!important}.brand strong{display:none}.brand{min-width:auto}}@media(max-width:760px){.topbar{left:8px;right:8px;top:8px}.player-card{width:200px;bottom:132px}.chat-card{width:min(210px,48vw);left:8px;bottom:8px}#emote-bar{left:auto;right:8px;bottom:8px;transform:none}.tray-label{display:none}.context-card{left:auto;right:8px;bottom:72px;transform:none;width:min(230px,46vw)}.catalog,.inspector,.drawer{width:min(240px,calc(100vw - 16px))}.build-hint{display:none!important}}