.scene-hall{--scene-frame-width:min(100vw, 1600px);--scene-avatar-height:min(40svh, 640px);--scene-avatar-floor:10svh;--scene-avatar-anchor:calc(50vw - min(50vw, 800px) + min(100vw, 1600px) * .29);isolation:isolate;color:#fff;background:#78b9ed;width:100%;height:100svh;min-height:360px;font-family:Arial,PingFang SC,Microsoft YaHei,sans-serif;position:relative;overflow:clip}.scene-service-links{gap:12px;margin:20px 0;display:grid}.scene-service-links a{background:#095196;border:1px solid #60e2f9;border-radius:8px;align-items:center;min-height:48px;padding:12px 16px;display:flex}.scene-hall *,.scene-hall :before,.scene-hall :after{box-sizing:border-box}.scene-hall :where(button,a){appearance:none;color:inherit;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:0 0;border:0;margin:0;padding:0;font-family:inherit;text-decoration:none}.scene-hall :is(button,a):focus-visible{outline-offset:4px;border-radius:10px;outline:3px solid #fff}.scene-sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.scene-background{pointer-events:none;z-index:-2;display:block;position:absolute;inset:0}.scene-background img{object-fit:cover;object-position:center;width:100%;max-width:none;height:100%;display:block}.scene-art-frame{width:var(--scene-frame-width);pointer-events:none;z-index:0;height:100%;position:absolute;inset:0 auto 0 50%;transform:translate(-50%)}.scene-building{pointer-events:auto;min-width:44px;height:auto;min-height:44px;transform:translate(calc(var(--scene-art-shift-x,0) * 100%), calc(var(--scene-art-shift-y,0) * 100%)) scale(var(--scene-art-scale,1));transform-origin:0 0;display:block;position:absolute}.scene-building-art{pointer-events:none;-webkit-user-select:none;user-select:none;filter:drop-shadow(0 5px 7px #287ac129);width:100%;height:auto;display:block}.scene-building:hover .scene-building-art{filter:brightness(1.06)drop-shadow(0 0 7px #78efff66)}.scene-building.fun{width:21%;top:16%;left:20%}.scene-building.dao{width:22%;top:15%;left:58%}.scene-building.guild{width:20.8%;top:43%;left:8%}.scene-building.trade{width:24%;top:43%;left:72%}.scene-building.bank{z-index:1;width:26%;top:61%;left:67%}.scene-hologram{pointer-events:none;width:22%;height:auto;display:block;position:absolute;top:42%;left:40%}.scene-character{left:var(--scene-avatar-anchor);bottom:var(--scene-avatar-floor);height:var(--scene-avatar-height);filter:none;pointer-events:none;z-index:2;width:auto;max-width:none;position:absolute;transform:translate(-50%)}.scene-hall:before,.scene-hall:after{content:"";z-index:1;pointer-events:none;filter:blur(2px);height:10px;position:absolute;transform:translate(-50%)}.scene-hall:before{left:calc(var(--scene-avatar-anchor) - var(--scene-avatar-height) * .132);bottom:calc(var(--scene-avatar-floor) - 4px);width:calc(var(--scene-avatar-height) * .18);background:radial-gradient(#09284465,#0000 72%)}.scene-hall:after{left:calc(var(--scene-avatar-anchor) + var(--scene-avatar-height) * .07);bottom:calc(var(--scene-avatar-floor) + var(--scene-avatar-height) * .075 - 4px);width:calc(var(--scene-avatar-height) * .16);background:radial-gradient(#09284445,#0000 72%)}.scene-hud-layer{pointer-events:none;z-index:4;position:absolute;inset:0}.scene-locale-control{z-index:5;width:94px;height:48px;position:absolute;top:88px;right:20px}.scene-locale-control .sod-languages{background:#075194e6;border:1px solid #91e6ffb3;border-radius:9px;grid-template-columns:repeat(2,44px);gap:2px;width:94px;min-width:0;height:48px;margin:0;padding:1px;display:grid;box-shadow:0 2px 9px #07376030}.scene-profile{text-align:left;pointer-events:auto;width:270px;height:92px;position:absolute;top:18px;left:20px}.scene-profile-plate{background:linear-gradient(90deg,#0b4a91c7,#175ea68c 85%,#1c6aab00);border-radius:0 11px 11px 0;height:62px;position:absolute;top:13px;left:81px;right:0}.scene-ui-icon{object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none;display:block}.scene-profile-face{z-index:1;object-fit:cover;border-radius:50%;width:64px;height:64px;position:absolute;top:14px;left:14px}.scene-profile-ring{width:92px;height:92px;position:absolute;inset:0}.scene-profile-name{text-overflow:ellipsis;white-space:nowrap;text-shadow:0 2px 3px #125094;font-size:20px;font-weight:700;line-height:28px;position:absolute;top:16px;left:99px;right:0;overflow:hidden}.scene-profile-status{white-space:nowrap;text-overflow:ellipsis;text-shadow:0 2px 3px #125094;font-size:14px;line-height:23px;position:absolute;top:47px;left:99px;right:0;overflow:hidden}.scene-resources{gap:20px;display:flex;position:absolute;top:31px;right:20px}.scene-resource{pointer-events:auto;text-shadow:0 1px 3px #034081;background:linear-gradient(90deg,#12569a45,#0d519baf 28%,#0a559fa3 85%,#176baa88);border-radius:24px;justify-content:center;align-items:center;gap:9px;width:170px;min-width:44px;height:48px;display:flex}.scene-resource>.scene-ui-icon{flex:none;width:38px;height:38px}.scene-resource>span{flex-direction:column;align-items:center;min-width:0;max-width:105px;font-size:16px;line-height:20px;display:flex}.scene-resource strong{font-size:14px;font-weight:700;line-height:18px}.scene-resource-value{font-variant-numeric:tabular-nums;text-align:center;white-space:nowrap;text-overflow:ellipsis;width:100%;max-width:100%;font-size:clamp(14px,1.4vw,16px);line-height:1.2;display:block;overflow:hidden}@media (max-width:1023px){.scene-resource{justify-content:flex-start}.scene-resource>span{text-align:left;align-items:flex-start}.scene-resource-value{text-align:left}}.scene-side-tools{z-index:4;background:linear-gradient(90deg,#064b96bd,#075caab5);border-radius:18px;grid-template-rows:repeat(4,76px);width:62px;display:grid;position:absolute;top:145px;left:20px;box-shadow:inset 1px 0 1px #4096d77a}.scene-side-tools :is(a,button){text-shadow:0 1px 3px #084a83;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:3px;min-width:44px;min-height:44px;font-size:14px;font-weight:700;line-height:18px;display:flex}.scene-side-tools .scene-ui-icon{width:38px;height:40px}.scene-side-tools :is(a,button):hover{background:#b7edff1f}.scene-bottom-nav{z-index:4;left:22px;right:22px;bottom:max(18px, env(safe-area-inset-bottom));justify-content:space-between;align-items:flex-end;gap:8px;width:auto;max-width:990px;height:135px;margin:auto;display:flex;position:absolute}.scene-bottom-line{opacity:.9;width:100%;height:auto;position:absolute;bottom:50px;left:0}.scene-bottom-button{text-align:center;flex:none;width:104px;min-width:44px;height:130px;min-height:44px;display:block;position:relative}.scene-bottom-ring{width:96px;height:96px;margin-left:-48px;position:absolute;top:4px;left:50%}.scene-bottom-icon{width:54px;height:54px;margin-left:-27px;position:absolute;top:25px;left:50%}.scene-bottom-button>span{white-space:normal;overflow-wrap:anywhere;text-wrap:balance;text-align:center;text-shadow:0 2px 3px #1b5b91;width:100%;max-width:100%;max-height:2.4em;padding-inline:3px;font-size:21px;font-weight:700;line-height:1.2;position:absolute;top:96px;left:0;overflow:hidden}.scene-bottom-button:hover .scene-bottom-ring{filter:brightness(1.15)}.scene-world{background:linear-gradient(90deg,#064e92d9,#0a5da2bb);border-radius:17px;flex:none;align-items:center;gap:7px;width:126px;min-width:44px;height:58px;min-height:44px;display:flex;position:relative;bottom:28px;box-shadow:inset 0 0 0 1px #5ccaff80}.scene-world .scene-ui-icon{width:51px;height:51px;margin-left:6px}.scene-world>span{font-size:20px;font-weight:700;line-height:28px}.scene-adventure{text-align:center;flex:none;width:184px;min-width:44px;height:199px;min-height:44px;display:block;position:relative}.scene-adventure .scene-ui-icon{width:184px;height:156px;position:absolute;top:0;left:0}.scene-adventure>span{white-space:normal;overflow-wrap:anywhere;text-align:center;text-shadow:0 2px 3px #1b5b91;width:100%;max-width:100%;font-size:27px;font-weight:800;line-height:41px;position:absolute;top:152px;left:0}.scene-caption-short{display:none}.scene-future-feature{color:#7effee;font-weight:700}.scene-locale-control .sod-languages button{color:#fff;text-align:center;white-space:nowrap;background:0 0;border:0;border-radius:6px;width:44px;min-width:44px;max-width:44px;height:44px;min-height:44px;padding:0;font-size:14px;font-weight:700;line-height:20px}.scene-locale-control .sod-languages button[aria-pressed=true]{color:#063f76;background:#edffff}@media (orientation:portrait){.scene-locale-control{top:calc(1svh + 50px);left:50%;right:auto;transform:translate(-50%)}.scene-hall{--scene-frame-width:min(100vw, calc(100svh * 941 / 1672));--scene-avatar-height:54svh;--scene-avatar-floor:7.3svh;--scene-avatar-anchor:calc(50vw - var(--scene-frame-width) * .175);--scene-avatar-ring:clamp(48px, 12.1vw, 114px);--scene-nav-ring:clamp(44px, calc(var(--scene-frame-width) * .102), 96px)}.scene-building.fun{width:37.8%;top:14.9%;left:6.5%}.scene-building.dao{width:40.6%;top:14%;left:57%}.scene-building.guild{width:39%;top:35.7%;left:-5.5%}.scene-building.trade{width:46%;top:33.4%;left:60.4%}.scene-building.bank{width:66.4%;top:52.3%;left:50.3%}.scene-hologram{width:35.3%;top:38.5%;left:40%}.scene-profile{width:35.3vw;height:var(--scene-avatar-ring);top:1.6svh;left:2.1vw}.scene-profile-ring{width:var(--scene-avatar-ring);height:var(--scene-avatar-ring)}.scene-profile-face{left:calc(var(--scene-avatar-ring) * .15);top:calc(var(--scene-avatar-ring) * .15);width:calc(var(--scene-avatar-ring) * .7);height:calc(var(--scene-avatar-ring) * .7)}.scene-profile-plate{left:calc(var(--scene-avatar-ring) * .95);height:78%;top:8%}.scene-profile-name{left:calc(var(--scene-avatar-ring) + 4px);font-size:clamp(14px,2.3vw,22px);line-height:1.35;top:9%}.scene-profile-status{left:calc(var(--scene-avatar-ring) + 4px);font-size:clamp(14px,2vw,18px);line-height:1.4;top:46%}.scene-resources{gap:1.2vw;top:1svh;left:38.3vw;right:1.5vw}.scene-resource{background:0 0;gap:2px;width:19.1vw;height:48px;min-height:44px}.scene-resource>.scene-ui-icon{width:clamp(18px,4.78vw,45px);height:clamp(18px,4.78vw,45px)}.scene-resource>span,.scene-resource strong{font-size:14px;line-height:17px}.scene-resource>span{max-width:calc(100% - 22px)}.scene-side-tools{border-radius:10px;grid-template-rows:repeat(4,max(44px,5.65svh));width:max(44px,8.08vw);top:9.5svh;left:2.3vw}.scene-side-tools .scene-ui-icon{width:clamp(24px,5.42vw,51px);height:clamp(24px,5.63vw,53px)}.scene-side-tools :is(a,button){gap:0;font-size:14px;line-height:18px}.scene-bottom-nav{left:calc((100vw - var(--scene-frame-width)) / 2 + 6px);right:calc((100vw - var(--scene-frame-width)) / 2 + 6px);bottom:max(6px, env(safe-area-inset-bottom));height:clamp(100px, calc(var(--scene-frame-width) * .1435), 135px);gap:0;max-width:none}.scene-bottom-button{width:46px;max-width:clamp(62px, calc(var(--scene-frame-width) * .1105), 104px);height:calc(var(--scene-nav-ring) + 38px);flex:1;min-height:64px}.scene-bottom-ring{width:var(--scene-nav-ring);height:var(--scene-nav-ring);margin-left:calc(var(--scene-nav-ring) * -.5);top:4px}.scene-bottom-icon{top:calc(var(--scene-nav-ring) * .23 + 4px);width:calc(var(--scene-nav-ring) * .56);height:calc(var(--scene-nav-ring) * .56);margin-left:calc(var(--scene-nav-ring) * -.28)}.scene-bottom-button>span{top:calc(var(--scene-nav-ring) + 4px);width:100%;font-size:clamp(14px,2.3vw,21px);line-height:1.2;left:0}.scene-world{width:52px;height:56px;box-shadow:none;background:0 0;flex-direction:column;justify-content:center;gap:0;bottom:20px}.scene-world .scene-ui-icon{width:30px;height:30px;margin:0}.scene-world>span{font-size:14px;line-height:22px}.scene-adventure{width:clamp(76px, calc(var(--scene-frame-width) * .1955), 184px);height:clamp(92px, calc(var(--scene-frame-width) * .2115), 199px)}.scene-adventure .scene-ui-icon{width:calc(100% - 2px);height:calc(100% - 24px);left:2px}.scene-adventure>span{width:100%;font-size:clamp(14px,2.4vw,27px);line-height:24px;top:auto;bottom:0;left:0}.scene-bottom-line{bottom:clamp(34px,5.31vw,50px)}}@media (orientation:portrait) and (min-aspect-ratio:3/5){.scene-building.trade{top:35%}.scene-building.bank{top:54%}}@media (orientation:landscape) and (min-width:1101px){.scene-adventure{transform:translate(max(0px,50vw - 517px))}}@media (orientation:landscape) and (max-width:1100px){.scene-profile{width:220px;height:76px;top:8px;left:10px}.scene-profile-ring{width:76px;height:76px}.scene-profile-face{width:52px;height:52px;top:12px;left:12px}.scene-profile-plate{height:58px;top:10px;left:65px}.scene-profile-name,.scene-profile-status{font-size:14px;left:82px}.scene-profile-name{top:12px}.scene-profile-status{top:40px}.scene-resources{gap:10px;top:20px;right:12px}.scene-resource{width:125px}.scene-bottom-nav{max-width:none;height:105px}.scene-bottom-button{width:74px;height:100px}.scene-bottom-ring{width:70px;height:70px;margin-left:-35px}.scene-bottom-icon{width:42px;height:42px;margin-left:-21px;top:18px}.scene-bottom-button>span{width:100%;font-size:17px;line-height:26px;top:74px;left:0}.scene-adventure{width:138px;height:148px}.scene-adventure .scene-ui-icon{width:138px;height:118px}.scene-adventure>span{width:100%;font-size:21px;line-height:30px;top:118px;left:0}}@media (orientation:landscape) and (max-height:560px){.scene-locale-control{top:60px;right:6px}.scene-hall{--scene-avatar-height:50svh;--scene-avatar-floor:80px}.scene-profile{width:190px;height:58px;top:5px;left:6px}.scene-profile-ring{width:58px;height:58px}.scene-profile-face{width:40px;height:40px;top:9px;left:9px}.scene-profile-plate{height:48px;top:5px;left:48px}.scene-profile-name,.scene-profile-status{line-height:20px;left:65px}.scene-profile-name{top:6px}.scene-profile-status{top:29px}.scene-resources{gap:8px;top:10px;right:6px}.scene-resource{gap:4px;width:100px;height:44px}.scene-resource>.scene-ui-icon{width:24px;height:24px}.scene-resource>span{font-size:14px;line-height:17px}.scene-side-tools{grid-template-rows:repeat(4,44px);width:52px;top:66px;left:6px}.scene-side-tools :is(a,button){flex-direction:column;gap:0;font-size:14px;line-height:18px}.scene-side-tools .scene-ui-icon{width:24px;height:24px}.scene-bottom-nav{gap:0;height:64px;bottom:4px;left:65px;right:8px}.scene-bottom-button{flex:1;width:44px;min-width:44px;max-width:62px;height:60px}.scene-bottom-ring{width:36px;height:36px;margin-left:-18px;top:1px}.scene-bottom-icon{width:22px;height:22px;margin-left:-11px;top:8px}.scene-bottom-button>span{width:100%;font-size:14px;line-height:1.2;top:38px;left:0}.scene-world{flex-direction:column;width:44px;height:56px;bottom:0}.scene-world .scene-ui-icon{width:26px;height:26px;margin:0}.scene-world>span{font-size:13px;line-height:20px}.scene-adventure{width:80px;height:64px}.scene-adventure .scene-ui-icon{width:48px;height:48px;top:0;left:16px}.scene-adventure>span{width:100%;font-size:14px;line-height:20px;top:44px;left:0}}@media (max-width:679px){.scene-caption-wide{display:none}.scene-caption-short{display:inline}}.scene-service-feedback{z-index:8;color:#164e73;pointer-events:auto;background:#effaffeb;border-radius:10px;max-width:min(330px,100vw - 112px);padding:2px;position:absolute;top:104px;left:96px}@media (orientation:portrait) and (min-width:680px){.scene-service-feedback{top:calc(1.6svh + var(--scene-avatar-ring,90px) + 8px);left:max(96px, calc(2.1vw + var(--scene-avatar-ring,90px) + 8px));max-width:360px;right:8px}}@media (orientation:portrait) and (max-width:679px){.scene-service-feedback{max-width:none;top:55px;left:64px;right:8px}}
