.social-bar{position:fixed;right:30px;bottom:48px;z-index:10;display:flex;align-items:center;gap:5px;padding:7px;border:1px solid #d8c89755;border-radius:12px;background:#1c2b28ed;box-shadow:0 7px 25px #0003;color:#ece5d2;font-size:12px}.social-bar[hidden]{display:none}.social-bar button{padding:9px 10px;border-radius:7px;white-space:nowrap}.social-bar button[aria-pressed=true]{background:#e6d8af;color:#23372e}.social-bar #onlineStatus{padding:0 9px;color:#d8c9ac;cursor:pointer}.social-bar #onlineStatus.is-online{color:#aecfb7}.social-bar #journalCount{display:inline-block;min-width:17px;border-radius:8px;background:#ffffff19}.social-dialog{max-width:620px;width:calc(100% - 32px);padding:30px;color:#26382f;background:#f5f0e3;border:1px solid #b5aa8c;border-radius:18px}.social-dialog h2{font-size:26px}.social-dialog .close{position:static}.social-dialog input,.social-dialog textarea,.art-community textarea{width:100%;padding:13px;margin:8px 0 14px;border:1px solid #a9a18c;background:#fffdf5;color:#26382f;border-radius:8px;font:inherit;box-sizing:border-box}.social-dialog label,.art-community label{font-size:13px}.pet-options{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:20px 0}.pet-options button{display:flex;align-items:center;flex-direction:column;gap:8px;padding:20px 8px;background:#ebe2ce;border:2px solid transparent;border-radius:15px;color:#374638}.pet-options button[aria-pressed=true]{border-color:#647a62;background:#e1e8d8}.pet-options span{font-size:60px}.pet-options small{font-size:11px}.chat-messages{min-height:100px;max-height:320px;overflow:auto;margin-bottom:15px}.chat-line{max-width:85%;margin:12px 0;padding:10px 13px;border-radius:12px;background:#e4dfd0}.chat-line.mine{margin-left:auto;background:#dce5d4}.chat-line small{font-size:11px;color:#68705e}.chat-line p{margin:5px 0;white-space:pre-wrap;overflow-wrap:anywhere}#chatForm{display:flex;gap:8px;align-items:center}#chatForm input{margin:0;min-width:0}#chatForm button,.art-community button{padding:10px 16px;border:1px solid #a4a38a;background:#314e40;color:#f5efdb;border-radius:7px;white-space:nowrap}#chatForm+small{display:block;margin-top:16px;font-size:11px;line-height:1.8}.art-community{margin-top:30px;border-top:1px solid #78806d55;padding-top:20px}.art-community h3{font-size:18px;margin-top:28px}.art-community form{display:flex;flex-direction:column;align-items:flex-end}.art-community .comment{border-top:1px solid #a7aa9455;padding:18px 0}.comment>div{display:flex;justify-content:space-between;gap:10px;font-size:12px}.comment time{color:#78806c}.comment p{white-space:pre-wrap;overflow-wrap:anywhere}.comment button{padding:3px 8px;font-size:11px;background:transparent;color:inherit}.journal-dialog{max-width:960px}.journal-progress{height:5px;background:#d6d3bf;border-radius:3px;margin:15px 0}.journal-progress span{height:100%;display:block;background:#5b795f;border-radius:3px}#journalGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:20px}.journal-card{overflow:hidden;background:#e5dfd0;padding:12px;border-radius:10px;border:1px solid #c7c2ae}.journal-card img,.journal-unknown{width:100%;height:135px;object-fit:contain;background:#ded8c8;border-radius:5px}.journal-unknown{display:grid;place-items:center;color:#a39e8d;font-size:40px}.journal-card small{display:block;font-size:10px;color:#797d6a;margin:10px 0 5px}.journal-card strong{display:block;font-size:14px}.journal-card p{font-size:12px;white-space:pre-wrap;overflow-wrap:anywhere}.journal-card.collected{background:#fffaf0;border-color:#99ad88}.story-block{border-top:1px solid #9b9b7b55;margin-top:24px;padding-top:12px}.story-block h3{font-size:18px}.story-block p{line-height:1.95}.story-look{padding:14px 17px;background:#8e9c7430;border-radius:8px}.story-sources{display:flex;flex-wrap:wrap;gap:10px;font-size:11px}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}button:disabled{opacity:.5;cursor:default}
@media(max-width:650px){.social-bar{bottom:calc(34px + env(safe-area-inset-bottom));right:10px;gap:2px;padding:5px;max-width:calc(100% - 20px);font-size:10px}.social-bar button{padding:9px 7px}.social-bar #onlineStatus{padding:0 5px;max-width:85px}.social-dialog{padding:20px}.social-dialog h2{font-size:21px}.pet-options span{font-size:48px}#journalGrid{grid-template-columns:repeat(2,1fr);gap:10px}.journal-card img,.journal-unknown{height:110px}.art-community button{font-size:12px}.social-dialog::backdrop{background:#071610aa}.social-bar #petSettings{font-size:0}.social-bar #petSettings:before{content:'🐾';font-size:17px}}

body.quiet .social-bar{display:none}
.art-focus{margin:14px 0;padding:11px 15px;min-height:42px;border:1px solid #8c9a7c;border-radius:8px;background:#e5e9d9;color:#294333;font:inherit}.art-focus[aria-pressed=true]{background:#314c40;color:#f1e4bc}

button.journal-card{font:inherit;color:inherit;text-align:left;cursor:pointer}button.journal-card:focus-visible{outline:2px solid #a68c60;outline-offset:3px}

#personalGalleryDialog label{display:block;margin:16px 0 7px}#personalGalleryDialog input,#personalGalleryDialog textarea{width:100%;font:inherit;padding:12px;border:1px solid #c6c3b5;background:#fffdf5;color:#253d32;border-radius:4px}#personalPreview{width:100%;max-height:250px;object-fit:contain;background:#e4dece}#personalStatus{min-height:1.5em;color:#77532f}#personalGalleryDialog .primary{width:100%}

.outfit-picker{display:grid;grid-template-columns:1fr 1fr;gap:18px}.outfit-picker label{display:flex;align-items:center;justify-content:space-between;gap:12px}.outfit-picker input[type=color]{width:58px;height:44px;padding:3px;margin:0;border-radius:8px}.art-like{margin:14px 0;padding:10px 16px;min-height:44px;border:1px solid #a7ac94;border-radius:9px;background:#fff8ec;color:#47624f;font:inherit}.art-like[aria-pressed=true]{background:#f5ded9;color:#9d514b}.visitor-dock{position:fixed;right:30px;bottom:108px;display:flex;gap:6px;z-index:11}.visitor-dock button,.visitor-dock select{min-height:44px;padding:8px 13px;font:inherit;font-size:12px;color:#f4e9d0;background:#213a32ee;border:1px solid #d8c89755;border-radius:9px}.visitor-popover{position:fixed;right:30px;bottom:160px;z-index:12;background:#f8f2e5;color:#28443a;padding:10px;border:1px solid #b7b59f;box-shadow:0 8px 30px #0004;border-radius:12px;min-width:200px}.visitor-popover[hidden]{display:none}.visitor-popover button{display:block;min-height:44px;width:100%;text-align:left;padding:9px 12px;border:0;border-radius:6px;background:transparent;color:inherit;font:inherit;font-size:13px}.visitor-popover button:hover{background:#dfebdb}.visitor-popover small{display:block;padding:10px;font-size:11px;line-height:1.8}#photoPreview{max-width:780px}#museumPhoto{display:block;width:100%;max-height:65vh;object-fit:contain;background:#22332b}.photo-actions{display:flex;gap:12px;margin-top:16px}.photo-actions a,.photo-actions button{padding:12px 18px;background:#345747;color:#fff3da;border-radius:8px;text-decoration:none;border:0;font:inherit}.visitor-experience{display:none}body.started:not(.quiet) .visitor-experience{display:block}body:has(dialog[open]) .visitor-dock,body:has(dialog[open]) .visitor-popover{visibility:hidden}@media(max-width:650px){.visitor-dock{right:10px;bottom:calc(88px + env(safe-area-inset-bottom));gap:4px}.visitor-dock button,.visitor-dock select{padding:8px 10px;font-size:11px}.visitor-popover{right:10px;bottom:calc(140px + env(safe-area-inset-bottom))}}

.pet-options .pet-portrait{display:block;width:min(100%,170px);height:auto;aspect-ratio:1;pointer-events:none}.pet-options button{padding:10px 8px 15px;gap:2px}#petDialog .outfit-picker{margin-bottom:20px}#petDialog #savePet{width:100%;margin-top:6px}

.pet-options{grid-template-columns:repeat(2,minmax(0,1fr))}.pet-options button{min-width:0}

#petDialog .pet-action-menu{margin-top:10px;padding-top:10px;border-top:1px solid #a9a18c66}#petDialog #savePet.pet-apply-option{display:flex;align-items:center;justify-content:center;gap:16px;width:100%;min-height:52px;margin:0;padding:15px 18px;border:1px solid #738770;border-radius:10px;background:#e1e8d8;color:#263e31;font:inherit;font-weight:600;text-align:center;cursor:pointer}#petDialog #savePet.pet-apply-option:hover{background:#d4e0cc;border-color:#466348}#petDialog #savePet.pet-apply-option:focus-visible,.pet-options button:focus-visible{outline:3px solid #466348;outline-offset:3px}#petDialog #savePet.pet-apply-option:active{background:#c6d6be}.pet-options button{position:relative}.pet-options button[aria-pressed=true]:after{content:"✓";position:absolute;top:9px;right:11px;display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#47654c;color:#fff;font-size:15px}