.splash{position:fixed;inset:0;z-index:100;isolation:isolate;overflow:hidden;background:#233f38;color:#fff4dc;font-family:Be Vietnam Pro,sans-serif;text-align:center;transition:opacity .5s ease-out}.splash.finished{opacity:0;pointer-events:none}body:has(.splash:not(.finished)) #app{visibility:hidden}.splash-art{position:absolute;inset:0;z-index:-1}.splash-art img{width:100%;height:100%;object-fit:cover}.splash-art:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#122d29c9,#17342e77 29%,transparent 50%,transparent 68%,#102824ef)}.splash-name{position:absolute;top:clamp(12px,5vh,55px);left:0;right:0;padding-inline:16px}.splash-name h1{margin:10px 0 6px;font:500 clamp(56px,7.5vw,96px)/1.16 Lora,Georgia,serif;letter-spacing:-.038em;color:inherit}.splash-name p{margin:0;color:#fff1d7;font-size:clamp(13px,1.5vw,16px)}.splash-status{position:absolute;left:50%;transform:translate(-50%);width:min(320px,82vw);bottom:max(24px,6vh,env(safe-area-inset-bottom));display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center;text-align:left;color:#fff4dc;font-size:14px;line-height:1.5}#splash-percent{font-variant-numeric:tabular-nums}#splash-progress{grid-column:1 / -1;width:100%;height:5px;appearance:none;border:0;border-radius:5px;overflow:hidden;background:#829188}#splash-progress::-webkit-progress-bar{background:#829188}#splash-progress::-webkit-progress-value{background:#ffdc9d}#splash-progress::-moz-progress-bar{background:#ffdc9d}.splash.failed #splash-percent,.splash.failed progress{display:none}.splash.failed .splash-status{bottom:max(78px,calc(env(safe-area-inset-bottom) + 60px));color:#243f35;background:#f6efdf;padding:8px;width:fit-content;max-width:calc(100% - 32px);margin-inline:auto}#splash-retry{position:absolute;bottom:max(18px,env(safe-area-inset-bottom));left:50%;transform:translate(-50%);padding:10px 22px;border-radius:5px;background:#fff2d9;color:#254d44;cursor:pointer}@media(max-aspect-ratio:3/4){.splash-name{top:8%}}@media(max-height:480px){.splash-name{top:4%}.splash-name svg{width:26px;height:26px}.splash-name h1{margin:2px 0;font-size:44px}.splash-status{bottom:6px;gap:3px}}@media(prefers-reduced-motion:reduce){.splash{transition:none}}:root{font-family:Be Vietnam Pro,sans-serif;color:#3d4236;font-synthesis:none;--paper:#faf5e9;--ink:#3d4236;--muted:#707467;--green:#405f4b;--gold:#af873f;--line:#dfd9c8;--shadow:0 5px 24px #393d2420}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden}body{background:#d9dfce}button,input,select{font:inherit}button{color:inherit;cursor:pointer;border:0;background:none;touch-action:manipulation}button:disabled{cursor:wait;opacity:.5}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #5e7b57;outline-offset:4px}button:hover{filter:brightness(.96)}button:active{transform:translateY(1px)}input{caret-color:var(--green)}::selection{background:#c7d4b6;color:#253c2a}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-thumb{background:#c8ccbb;border-radius:8px}#world{position:fixed;inset:0;width:100%;height:100%;display:block;touch-action:none}#app{position:fixed;inset:0;pointer-events:none}#app button,#app input,#app form,#app aside,.chat,.joystick{pointer-events:auto}.icon{width:21px;height:21px;flex-shrink:0;vertical-align:middle}.surface{background:var(--paper);box-shadow:var(--shadow)}[hidden]{display:none!important}.identity{position:absolute;left:28px;top:25px;display:flex;align-items:center;gap:13px;padding:14px 20px 14px 15px;border-radius:16px}.brand-mark{height:43px;width:43px;display:grid;place-items:center;color:var(--green);border:1px solid #b8c5ac;border-radius:50%}.brand-mark .icon{width:29px;height:29px}.identity h1{font-family:Lora,serif;font-weight:500;font-size:24px;margin:0;line-height:1.2;letter-spacing:-.025em}.connection{display:flex;align-items:center;gap:5px;font-size:10px;margin-top:5px;color:var(--muted)}.connection:before{content:"";width:5px;height:5px;border-radius:50%;background:#b89752}.connection.online:before{background:#718e56}.identity-divider{height:34px;width:1px;background:var(--line);margin:0 5px}.merit-button{display:flex;align-items:center;gap:10px;padding:0;text-align:left}.merit-number{font-family:Lora,serif;font-size:29px;font-weight:500;color:#9a742e;font-variant-numeric:tabular-nums}.merit-button strong{font-size:10px;display:block;font-weight:500}.merit-button small{font-size:9px;color:var(--muted);display:block;margin-top:4px}.top-right{position:absolute;right:28px;top:29px;display:flex;gap:10px;align-items:center}.round-button{width:42px;height:42px;border-radius:50%;display:grid;place-items:center}.room-button{height:43px;display:flex;align-items:center;gap:10px;border-radius:30px;padding:0 17px;font-size:11px}.room-button .icon{width:18px}.live-dot{width:5px;height:5px;background:#718e56;border-radius:50%;margin-left:4px}.location{position:absolute;top:131px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:14px;font-family:Lora,serif;font-size:14px;color:#414e3d;text-shadow:0 1px 8px #f3ecd6}.location-line{width:24px;height:1px;background:#71806380}.welcome-note{position:absolute;left:50%;top:28px;transform:translate(-50%);font-family:Lora,serif;font-style:italic;font-size:12px;color:#526248;display:flex;align-items:center;gap:8px;white-space:nowrap;transition:opacity 2s}.welcome-note button{padding:0;opacity:.65}.welcome-note .icon{width:13px;height:13px}.welcome-note.settled{opacity:0;pointer-events:none}.bottom-center{position:absolute;bottom:67px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:14px}.action-context{font-family:Lora,serif;font-size:12px;color:#344536;text-shadow:0 1px 8px #fff8e3;background:#f6f0dcde;padding:6px 14px;border-radius:20px}.action-dock{display:flex;align-items:center;padding:7px;gap:4px;border-radius:15px}.activity-button{height:58px;min-width:112px;border-radius:10px;display:flex;align-items:center;justify-content:center;gap:9px;padding:0 15px;position:relative;font-size:12px}.activity-button .icon{height:23px;width:23px}.activity-button.primary,.activity-button.active{background:var(--green);color:#fff9e9}.activity-button small{position:absolute;right:5px;top:4px;font-size:8px;opacity:.45}.utility-nav{display:flex;align-items:center;gap:25px}.utility-nav button{font-size:10px;color:#42513d;display:flex;align-items:center;gap:6px;padding:0;position:relative;text-shadow:0 1px 4px #fff9e6}.utility-nav .icon{width:15px;height:15px}.quest-dot.done{width:5px;height:5px;background:#8b7139;border-radius:50%;position:absolute;right:-7px;top:0}.emotes{position:absolute;right:29px;bottom:94px;display:flex;flex-direction:column;border-radius:25px;padding:5px}.emotes button{width:35px;height:39px;display:grid;place-items:center;color:#6d745d}.emotes .icon{width:18px;height:18px}.emotes button:last-child{color:#ac7563}.chat{position:absolute;bottom:91px;left:28px;width:285px;border-radius:13px;overflow:hidden;background:#fbf7eced}.chat-heading{display:flex;justify-content:space-between;align-items:center;padding:12px 14px 7px;font-size:10px;color:#646e59}.chat-heading>span{display:flex;align-items:center;gap:7px}.chat-heading .icon{width:15px;height:15px}.chat-heading button{font-size:16px;line-height:1;padding:0 4px}.messages{max-height:118px;overflow-y:auto;padding:0 14px;scrollbar-width:thin}.chat-empty{font-family:Lora,serif;font-style:italic;font-size:11px;color:#7c806f;line-height:1.7;padding:5px 0 12px}.chat-message{margin:0;padding:7px 0;font-size:11px;line-height:1.5}.chat-message strong{font-size:10px;font-weight:600;color:#4b6848;display:block}.chat-message span{overflow-wrap:anywhere;color:#4e5144}.chat-message.mine strong{color:#9b783f}.chat form{display:flex;align-items:center;border-top:1px solid #e1ddcf;margin-top:6px;padding:7px 9px;gap:5px}.chat input{width:100%;min-width:0;border:0;background:none;outline:none;font-size:11px;padding:5px;color:#414936}.chat input::placeholder{color:#7e8172}.chat form button{width:30px;height:30px;border-radius:50%;background:#e3e9d9;display:grid;place-items:center}.chat form .icon{width:15px;height:15px}.chat.collapsed .messages,.chat.collapsed form{display:none}.chat.collapsed .chat-heading{padding-bottom:12px}.chat.temple-quiet{opacity:0;pointer-events:none}.chat.temple-quiet *{pointer-events:none!important}.controls-help{position:absolute;bottom:24px;left:29px;font-size:9px;display:flex;align-items:center;gap:16px;color:#48533e;text-shadow:0 1px 6px #fff8df}.controls-help>span:first-child{display:flex;gap:3px;align-items:center}.controls-help kbd{font:500 9px Be Vietnam Pro,sans-serif;background:#f7f1e0dc;padding:3px 4px;border-radius:3px;min-width:15px;text-align:center}.controls-help button{padding:0}.controls-help .icon{width:16px;height:16px}.local-label{position:absolute;right:28px;bottom:25px;display:flex;align-items:center;gap:7px;font-size:9px;color:#526044;text-shadow:0 1px 5px #fff7db}.local-label span{opacity:.5;margin:0 3px}.local-label .icon{width:15px;height:15px}.toast{position:absolute;top:183px;left:50%;transform:translate(-50%,-8px);max-width:min(90vw,540px);background:#354f3eee;color:#fff7e4;border-radius:25px;padding:12px 22px;font-size:12px;text-align:center;opacity:0;transition:opacity .25s,transform .25s;box-shadow:0 5px 15px #384b2225;z-index:12}.toast.visible{opacity:1;transform:translate(-50%)}.activity-status{position:absolute;bottom:244px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:10px;background:var(--paper);padding:10px 17px;border-radius:24px;font-size:11px;box-shadow:var(--shadow)}.activity-status strong{font-variant-numeric:tabular-nums;color:var(--gold);margin-left:7px}.activity-status .icon{width:17px;height:17px}.nameplates{position:fixed;inset:0;pointer-events:none;overflow:hidden}.nameplate{position:absolute;left:0;top:0;white-space:nowrap;background:#f7f1e4e8;color:#4a5142;border-radius:6px;padding:4px 9px;font-size:10px;box-shadow:0 2px 8px #3c482315}.nameplate.self{color:#fcf5dc;background:#52674ceb}.nameplate.self:after{content:" · Bạn";opacity:.75;font-size:8px}.nameplate[data-speech]:before{content:attr(data-speech);position:absolute;bottom:calc(100% + 9px);left:50%;transform:translate(-50%);background:#fffaf1;color:#454d3a;white-space:normal;min-width:120px;max-width:220px;padding:10px;border-radius:10px;box-shadow:var(--shadow);font-size:11px}.nameplate[data-emote]:not([data-emote=""]):before{content:attr(data-emote);position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);padding:5px 10px;background:#fff9e7;color:#886c35;border-radius:20px;font-size:10px}.hide-names .nameplate:not(.self){visibility:hidden}.side-panel{position:absolute;right:20px;top:91px;bottom:21px;width:370px;border-radius:16px;padding:25px 24px;overflow-y:auto;z-index:20;pointer-events:auto;animation:panel-enter .22s ease-out}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px}.panel-heading h2{font-family:Lora,serif;font-size:23px;font-weight:500;letter-spacing:-.025em;margin:0}.panel-heading .round-button{width:31px;height:31px;color:#737a65;background:#e9eadb}.panel-heading .icon{width:17px;height:17px}.panel-intro{font-size:12px;line-height:1.9;color:#737565;margin:0 0 24px}.panel-intro strong{font-weight:500;color:#485b41}.panel-footnote{font-size:10px;line-height:1.9;color:#777b69;margin:24px 0 0}.centered{text-align:center}.merit-summary{display:flex;gap:14px;align-items:center;margin:12px 0 17px}.merit-summary>.icon{height:46px;width:46px;color:#a38648}.merit-summary strong{font-family:Lora,serif;font-weight:500;font-size:42px;line-height:1;display:block;color:#9d7b3a}.merit-summary span{font-size:11px;color:#727660;margin-top:8px;display:block}.quest{display:grid;grid-template-columns:35px 1fr auto;gap:11px;padding:20px 0;border-bottom:1px solid var(--line);align-items:start}.quest-icon{color:#6f8359;display:grid;place-items:center;width:33px;height:33px;background:#e7eadb;border-radius:50%}.quest-icon .icon{width:17px;height:17px}.quest h3,.inventory-item h3{font-size:12px;font-weight:500;margin:0 0 5px}.quest p,.inventory-item p{font-size:10px;line-height:1.6;color:#797c6b;margin:0}.quest progress{display:block;margin:12px 0 5px;height:3px;width:100%;accent-color:#6d8659;border:0;border-radius:4px;background:#e0e4d4}.quest progress::-webkit-progress-bar{background:#e0e4d4;border-radius:4px}.quest progress::-webkit-progress-value{background:#7f966b;border-radius:4px}.quest small{font-size:9px;color:#7c806d}.quest-reward{font-family:Lora,serif;font-size:14px;color:#a18242}.quest.complete h3{color:#6c7f54}.destination-list{margin-top:22px}.destination-list button,.room-choice{width:100%;display:flex;align-items:center;gap:14px;text-align:left;padding:17px 0;border-bottom:1px solid var(--line)}.destination-list button>span,.room-choice>span{flex:1}.destination-list strong,.room-choice strong{display:block;font-size:12px;font-weight:500}.destination-list small,.room-choice small{display:block;font-size:10px;color:#828572;margin-top:5px}.destination-list .icon,.room-choice .icon{width:20px;color:#70815d}.destination-list button>.icon:last-child,.room-choice>.icon:last-child{width:16px}.room-choice.selected{color:#456241}.local-note{padding-top:27px;margin-top:9px}.local-note h3{font-family:Lora,serif;font-weight:500;font-size:17px;margin:0 0 10px}.local-note p{font-size:11px;line-height:1.9;color:#747865}.text-button{display:flex;gap:10px;align-items:center;padding:10px 0;font-size:11px;color:var(--green)}.text-button .icon{width:16px}.temple-map{height:205px;position:relative;background:#e8eadc;border-radius:12px;overflow:hidden;font-size:9px;color:#5f7051}.temple-map>div{position:absolute;display:flex;align-items:center;gap:5px;background:#f8f4e8;padding:9px;border-radius:7px;z-index:1}.temple-map .icon{width:16px;height:16px}.map-temple{top:23px;left:50%;transform:translate(-50%)}.map-garden{left:15px;top:98px}.map-pond{right:15px;top:98px}.map-yard{bottom:18px;left:50%;transform:translate(-50%)}.map-path{position:absolute;width:2px;background:#c5cfb7;top:40px;bottom:30px;left:50%}.map-path:after{content:"";position:absolute;width:190px;height:2px;left:-94px;top:69px;background:#c5cfb7}.inventory-item{display:flex;align-items:center;gap:17px;padding:22px 0;border-bottom:1px solid var(--line)}.inventory-item>.icon{width:29px;height:29px;color:#9b834f}.bead-circle{position:relative;width:235px;height:235px;margin:36px auto 30px}.bead-circle i{position:absolute;left:calc(50% - 7px);top:calc(50% - 7px);width:14px;height:14px;border-radius:50%;background:#a78659;box-shadow:inset -2px -2px 3px #5a3c272c;transform:rotate(var(--angle)) translateY(-102px)}.bead-circle i.counted{background:#4e704f}.bead-circle>div{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.bead-circle strong{font-family:Lora,serif;font-size:53px;font-weight:500;color:#586a47}.bead-circle span{font-size:11px;color:#85856c;margin:2px 0 12px}.bead-circle small{font-size:10px;color:#98937b}.solid-button{background:var(--green);color:#fff8e7;min-height:45px;border-radius:10px;display:flex;align-items:center;justify-content:center;gap:11px;padding:12px 20px;font-size:12px;width:100%}.solid-button .icon{width:18px;height:18px}.chant{font-family:Lora,serif;font-style:italic;text-align:center;font-size:14px;color:#8a7b57;margin-top:25px}.field-label{display:block;font-size:11px;margin:20px 0 12px;color:#696f5b}.setting-input{width:100%;border:1px solid #d1d5c4;border-radius:8px;padding:12px;color:#44563d;background:#fffaf0;font-size:13px}.robe-options{display:flex;gap:15px;margin:0 0 26px}.robe-options label{position:relative;width:38px;height:38px}.robe-options input{opacity:0;position:absolute;inset:0;width:100%;height:100%;cursor:pointer;margin:0}.robe-options span{display:block;background:var(--robe);border-radius:50%;width:28px;height:28px;margin:5px;box-shadow:inset 0 -3px #00000012}.robe-options input:checked+span{outline:1px solid var(--robe);outline-offset:4px}.robe-options input:focus-visible+span{outline:2px solid var(--green);outline-offset:4px}.settings-divider{height:1px;background:var(--line);margin:29px 0 8px}.setting-row{display:flex;align-items:center;justify-content:space-between;font-size:11px;padding:16px 0;gap:20px}.setting-row input{accent-color:var(--green);width:17px;height:17px}.guide-list h3{font-family:Lora,serif;font-size:17px;font-weight:500;margin:25px 0 7px}.guide-list p{font-size:11px;line-height:1.9;color:#767b68;margin:0}.loading{position:absolute;inset:0;z-index:100;background:#eee9d9;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:opacity .6s}.loading.finished{opacity:0;pointer-events:none}.loading-flower .icon{width:50px;height:50px;color:#7d8e67}.loading h1{font-family:Lora,serif;font-size:44px;font-weight:500;color:#455b3e;margin:20px 0 5px}.loading p{font-size:12px;color:#85866f}.loading-line{height:2px;width:90px;background:#d4d8c4;margin-top:20px;overflow:hidden}.loading-line:after{content:"";display:block;height:100%;width:40%;background:#708259;animation:loading 1.2s ease-in-out infinite}.joystick{display:none}.joystick span{width:42px;height:42px;border-radius:50%;background:#f5f1e4cc;box-shadow:0 2px 8px #2e432425;display:block}@keyframes loading{0%{transform:translate(-100%)}to{transform:translate(350%)}}@keyframes panel-enter{0%{opacity:0;transform:translate(15px)}to{opacity:1;transform:translate(0)}}@media(min-width:1500px){.chat{width:310px}.bottom-center{bottom:78px}.action-dock{gap:8px;padding:9px}.activity-button{height:62px;min-width:125px}}@media(max-width:1100px){.chat{width:235px;bottom:118px}.top-right{right:20px}.identity{left:20px}.welcome-note{display:none}.bottom-center{bottom:55px}.activity-button{min-width:96px;padding:0 12px}.controls-help>span:nth-child(2){display:none}.side-panel{width:345px}.local-label{font-size:8px}.emotes{bottom:96px}}@media(max-width:700px){.identity{top:max(15px,env(safe-area-inset-top));left:13px;padding:10px 12px;gap:9px;border-radius:13px}.brand-mark{width:32px;height:32px}.brand-mark .icon{width:23px;height:23px}.identity h1{font-size:20px}.connection{font-size:8px;margin-top:3px}.identity-divider{margin:0 2px;height:26px}.merit-number{font-size:24px}.merit-button{gap:7px}.merit-button strong,.merit-button small{font-size:8px}.top-right{right:12px;top:max(17px,env(safe-area-inset-top));gap:7px}.top-right>.round-button{width:34px;height:34px}.top-right>.round-button .icon{width:17px;height:17px}.top-right>#sound{display:none}.room-button{height:35px;padding:0 11px;gap:6px;font-size:9px}.room-button>.icon{width:15px}.live-dot{display:none}.location{top:94px;font-size:12px}.bottom-center{bottom:max(21px,env(safe-area-inset-bottom));gap:12px;width:100%}.action-context{font-size:10px;padding:5px 13px;max-width:90%;white-space:nowrap}.action-dock{padding:5px;gap:2px;border-radius:13px}.activity-button{height:55px;min-width:91px;padding:0 11px;gap:7px;font-size:10px;flex-direction:column;gap:5px}.activity-button .icon{width:21px;height:21px}.activity-button small{display:none}.utility-nav{gap:26px}.utility-nav button{font-size:9px;gap:5px}.utility-nav .icon{width:14px;height:14px}.chat{left:13px;bottom:190px;width:222px;max-height:177px;background:#fbf7ecf2}.messages{max-height:85px}.chat-heading{font-size:9px;padding-top:9px}.chat input{font-size:10px}.chat-message{font-size:10px;padding:5px 0}.chat-empty{font-size:10px;padding-bottom:6px}.emotes{bottom:184px;right:15px;padding:4px}.emotes button{width:29px;height:33px}.emotes .icon{width:16px;height:16px}.controls-help,.local-label{display:none}.joystick{display:grid;place-items:center;position:absolute;left:20px;bottom:83px;width:95px;height:95px;border:1px solid #f4f1df80;border-radius:50%;background:#59724c30;touch-action:none;z-index:3}.side-panel{top:83px;right:10px;left:10px;bottom:max(10px,env(safe-area-inset-bottom));width:auto;padding:22px;z-index:30}.panel-heading h2{font-size:22px}.toast{top:129px;font-size:11px;padding:10px 17px;width:max-content;max-width:88vw}.activity-status{bottom:340px;font-size:10px;padding:9px 13px;max-width:90%;white-space:nowrap}.nameplate{font-size:9px;padding:3px 6px}.nameplate.self:after{font-size:7px}}@media(max-width:400px){.brand-mark{display:none}.identity{gap:7px}.identity h1{font-size:19px}.room-button{padding:0 8px}.room-button>.icon{display:none}.activity-button{min-width:84px}.utility-nav{gap:22px}.chat{width:205px}.joystick{left:13px;width:83px;height:83px;bottom:91px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}#app{z-index:2}.nameplates{z-index:1}.chat-heading button .icon{width:12px;height:12px}.chat.has-unread.collapsed .chat-heading>span:after{content:"";width:5px;height:5px;border-radius:50%;background:#748855;margin-left:5px}@media(max-width:700px){.joystick{bottom:157px}.chat{bottom:280px}.chat.collapsed{top:132px;bottom:auto;width:170px}.chat.collapsed .chat-heading{padding:9px 11px}}.panel-footnote,.panel-intro,.quest p,.quest small,.inventory-item p,.destination-list small,.room-choice small,.guide-list p,.bead-circle small,.bead-circle span,.chat-empty{color:#626b57}:root{--paper: #fffcf2;--ink: #193f3a;--green: #245f59;--line: #d5dbce;--shadow: 0 4px 16px #182b2628}.surface,.journal{background:var(--paper);color:var(--ink);box-shadow:var(--shadow)}.identity{top:max(16px,env(safe-area-inset-top));left:18px;padding:8px 15px 8px 8px;border-radius:18px 5px;gap:10px}.cloud-seal{width:44px;height:44px}.brand{display:grid;gap:2px}.brand h1{color:var(--ink);font-size:23px;line-height:1.1}.brand .room-button{height:auto;min-height:20px;font-size:10px;padding:0;text-align:left;color:var(--green);background:none}.identity .connection{position:absolute;top:100%;left:4px;margin-top:6px;padding:3px 8px;border-radius:5px;background:#fffcf2ef;font-size:10px}.identity-progress{display:flex;align-items:center;gap:6px;padding-left:8px;border-left:1px solid var(--line)}.identity-progress button{display:flex;align-items:center;gap:5px;border:none;background:none;box-shadow:none;padding:5px;color:var(--green)}.identity-progress .icon{width:17px;height:17px}.identity-progress small{font-size:10px}.top-right{top:max(16px,env(safe-area-inset-top));right:18px}.location{top:20px;border-bottom:2px solid #cb8b54;padding:5px 13px;color:var(--ink);background:var(--paper);text-shadow:none;border-radius:3px}.location-line,.controls-help,.local-label,.welcome-note{display:none}.journal{position:absolute;top:72px;right:18px;z-index:4;pointer-events:auto;border-radius:12px 4px;overflow:hidden}.journal summary{cursor:pointer;list-style:none;display:flex;align-items:center;gap:8px;padding:12px 16px;font:600 13px Lora,serif;color:var(--paper);background:var(--green)}.journal summary::-webkit-details-marker{display:none}.journal .icon{width:17px;height:17px}.journal .utility-nav{position:static;display:grid;gap:0;padding:5px}.journal .utility-nav button{display:flex;align-items:center;gap:9px;padding:9px 11px;color:var(--ink);text-shadow:none;border-radius:5px;font-size:12px}.journal .utility-nav button:hover{background:#e7eee1}.bottom-center{left:auto;right:18px;bottom:max(18px,env(safe-area-inset-bottom));transform:none;align-items:flex-end;gap:5px}.action-context{background:var(--paper);color:var(--ink);border-radius:4px;padding:5px 10px;font:12px Lora,serif;text-shadow:none}.action-dock{counter-reset:activity;display:flex;padding:5px;gap:3px;border-radius:14px 4px;border-bottom:3px solid var(--green)}.action-dock .activity-button{display:flex;flex-direction:column;counter-increment:activity;min-width:70px;height:62px;padding:7px;gap:5px;border-radius:8px;color:var(--ink);font-size:11px}.activity-button:nth-child(-n+3):after{content:counter(activity);position:absolute;top:4px;right:6px;opacity:.65;font:9px monospace}.activity-button small{display:none}.action-dock .activity-button.primary,.action-dock .activity-button.active{color:var(--paper);background:var(--green)}.activity-button:hover{background:#e4eee0}.emote-menu{position:absolute;right:0;bottom:80px;border-radius:10px;padding:6px;pointer-events:auto;z-index:3}.emote-menu button{display:flex;gap:10px;align-items:center;padding:8px}.emote-menu .icon{width:18px}.chat,.chat.collapsed{top:auto;right:auto;height:auto;left:18px;bottom:max(18px,env(safe-area-inset-bottom));width:min(285px,36vw);border-radius:4px 14px;padding:0}.chat .chat-heading{padding:8px 12px;color:var(--green)}.chat .chat-heading>span{display:flex}.chat.collapsed form,.chat form{display:flex;padding:4px 8px}.chat.collapsed .emotes{display:none}.chat .emotes{position:static;display:flex;gap:9px;padding:4px 10px;background:transparent;box-shadow:none;transform:none}.chat .emotes button{color:var(--green)}.chat .emotes .icon{width:17px;height:17px}.side-panel{z-index:8;border-top:4px solid var(--green)}.nameplate:after{content:attr(data-rank);display:block;text-align:center;font-size:9px}.loading{background:#eff3e7}@media(max-width:760px){.identity{left:8px;top:max(8px,env(safe-area-inset-top));padding:5px 8px 5px 5px;gap:6px}.brand h1{font-size:18px}.cloud-seal{width:34px;height:34px}.identity-progress{gap:0;padding-left:3px}.identity-progress small{display:none}.location{left:8px;top:86px;transform:none;font-size:12px}.top-right #sound{display:grid}.top-right{right:8px;top:max(8px,env(safe-area-inset-top))}.journal{right:8px;top:54px}.journal summary{padding:10px}.bottom-center{left:8px;right:8px;bottom:max(8px,env(safe-area-inset-bottom));align-items:stretch;width:auto}.action-context{display:none}.action-dock .activity-button{min-width:0;flex:1;height:53px;font-size:10px;padding:4px}.chat,.chat.collapsed{left:8px;bottom:calc(max(8px,env(safe-area-inset-bottom)) + 68px);width:min(238px,75vw)}.joystick{bottom:180px;left:12px}.activity-status{bottom:180px}}