.room-card-live{overflow:hidden}.room-topbar{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 18px;background:#fffdfa;border-bottom:1px solid #e6e9df}.room-topbar>div{display:flex;gap:8px}.room-owner{font-weight:650;color:#3e5442}.room-topbar button{padding:9px 12px;font-size:12px}.room-card-live .roomwrap{position:relative;aspect-ratio:3/2;overflow:hidden}.room-card-live .roomwrap canvas{width:100%;height:100%;display:block}.activity-label{position:absolute;left:59%;top:45%;transform:translate(-50%,-100%);font-size:11px;white-space:nowrap;background:#fffbedee;border:1px solid #d7dccb;border-radius:14px;padding:6px 10px;box-shadow:0 3px 8px #293c2220;pointer-events:none;animation:thought 5s ease-in-out infinite}.activity-label:after{content:'';position:absolute;width:6px;height:6px;background:#fffbed;border-radius:50%;left:50%;bottom:-8px}.room-note-hotspot{position:absolute;left:18%;top:42%;border:3px solid #9c7549;border-radius:4px;background:#c9ac7a;color:#443c2d;box-shadow:2px 4px 5px #28231833;padding:7px 9px;font-size:10px;transform:skewY(-18deg)}.room-note-hotspot span{background:#fff5c4;display:inline-block;padding:5px 6px;box-shadow:1px 2px 2px #332d192b}.room-note-hotspot:hover{filter:brightness(1.08)}.room-audio{padding:13px 18px;display:flex;align-items:center;gap:12px;border-top:1px solid #eceee5}.room-audio>div{display:grid;gap:3px;flex:1;min-width:0}.room-audio b{font-size:13px}.room-audio small{color:#7a8276;font-size:11px}.room-audio>button{font-size:11px}.audio-toggle{width:36px;height:36px;border-radius:50%;padding:0}.room-life{border-top:1px solid #e5e9de;background:#fbfcf7}.room-actions summary{display:flex;justify-content:space-between;cursor:pointer;padding:15px 20px;list-style:none;font-size:13px;font-weight:650;color:#49684c}.room-actions[open] summary{border-bottom:1px solid #e5e9de}.life-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:8px 20px 24px}.life-grid section{min-width:0}.life-grid h3{font-size:14px;margin:16px 0 12px}.life-grid p{font-size:11px;line-height:1.6}.life-pills{display:flex;flex-wrap:wrap;gap:6px}.life-pills button{font-size:11px;padding:8px 11px}.life-grid label{font-size:12px}.life-grid input{min-width:0}.discovery-check{display:flex;align-items:center;gap:9px}.discovery-check input{width:auto}.socket-products{display:grid;gap:8px}.socket-products>div{display:flex;gap:8px;align-items:center;font-size:12px}.socket-products>div>span{flex:1}.socket-products small{color:#7a8276}.socket-products button{font-size:10px;padding:7px 9px}.sticky-board{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:20px 0;max-height:40vh;overflow:auto;padding:5px}.sticky{background:#fff1b8;padding:15px 12px;color:#554d30;box-shadow:1px 3px 7px #0001;border-radius:2px;transform:rotate(-1deg);overflow-wrap:anywhere}.sticky:nth-child(3n+2){background:#e6edce;transform:rotate(2deg)}.sticky:nth-child(3n+3){background:#f6dfdd}.sticky>span{font-size:25px;color:#7b7655}.sticky p{font-family:cursive,system-ui;line-height:1.5;margin:8px 0}.sticky small{font-size:10px}#stickyForm{display:grid;gap:12px}#stickyForm textarea{min-height:85px;resize:vertical}#stickyForm select{width:auto;margin-left:12px}.expanded-room-dialog{width:95vw!important;max-width:1450px!important;max-height:96dvh;box-sizing:border-box}.expanded-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px}.expanded-toolbar h2{margin:10px 0}.expanded-stage{overflow:auto;max-height:74dvh;border-radius:12px;background:#faf7eb}.expanded-stage canvas{display:block;width:100%;height:auto;max-width:none;transform-origin:top left}.expanded-zoom{display:flex;align-items:center;gap:10px;margin:10px 0;font-size:12px}.expanded-zoom input{width:160px}.town-wander{display:flex;gap:12px;align-items:center;margin-bottom:15px}.town-wander span.muted{font-size:12px}#mobileNav{display:none}.room-rain{display:none;position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(104deg,transparent 0 35px,#d1e6f744 36px,transparent 38px 76px);opacity:.5;animation:rainfall .8s linear infinite;clip-path:polygon(59% 5%,90% 22%,90% 53%,59% 36%)}.ambience-rain .room-rain{display:block}.roomwrap[data-suite="cosy-starter"] .room-rain{clip-path:polygon(64% 8%,86% 23%,86% 45%,64% 31%)}@keyframes thought{50%{translate:0 -3px}}@keyframes rainfall{to{background-position:-30px 76px}}@media(prefers-reduced-motion:reduce){.activity-label,.room-rain{animation:none}}@media(max-width:700px){body{padding-bottom:calc(78px + env(safe-area-inset-bottom))}header>nav{display:none!important}header{flex-wrap:nowrap!important;min-height:65px!important;padding:12px 14px!important;gap:8px!important}header>.row{gap:7px!important}header .brand{font-size:22px!important}#languageSelect{max-width:98px!important}header .pill{font-size:11px!important;padding:9px!important}#mobileNav{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));position:fixed;left:0;right:0;bottom:0;z-index:100;background:#fffefaf5;backdrop-filter:blur(14px);padding:8px 3px calc(9px + env(safe-area-inset-bottom));border-top:1px solid #dce3d3;box-shadow:0 -4px 18px #253c2110;gap:1px}#mobileNav[hidden]{display:none}#mobileNav button{display:grid;justify-items:center;gap:3px;min-width:0;border-radius:10px;padding:7px 1px;font-size:9px;overflow-wrap:anywhere;color:#7b8274}#mobileNav button>span:first-child{font-size:19px;line-height:20px}#mobileNav button.active{background:#e9efdf;color:#3d6243;font-weight:700}.welcome-mode{padding-bottom:0}.welcome-mode header>nav{display:none}.room-topbar{padding:10px;gap:5px}.room-topbar button{padding:8px;font-size:10px}.room-owner{font-size:12px;max-width:32%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.room-audio{padding:10px;gap:8px}.room-audio b{font-size:11px}.room-audio small{font-size:9px}.room-audio>button:last-child{padding:8px;font-size:9px;max-width:105px}.life-grid{grid-template-columns:1fr;padding:0 14px 18px;gap:4px}.room-note-hotspot{padding:3px;border-width:2px;font-size:8px}.room-note-hotspot span{padding:3px}.activity-label{font-size:9px;padding:4px 7px}.sticky-board{grid-template-columns:repeat(2,1fr)}.expanded-room-dialog{padding:14px!important}.expanded-toolbar h2{font-size:16px}.expanded-toolbar button{font-size:11px}.town-wander{align-items:flex-start}}

html:lang(th) body{font-family:system-ui,sans-serif;line-height:1.65}html:lang(th) h1,html:lang(ru) h1{font-family:system-ui,sans-serif;font-size:30px}#languageSelect{max-width:140px}#modal::backdrop{background:rgba(33,46,31,.40)}