:root{color:#f4f1e8;font-synthesis:none;text-rendering:optimizelegibility;background:#111714;font-family:Inter,Microsoft YaHei,PingFang SC,system-ui,-apple-system,BlinkMacSystemFont,sans-serif}*{box-sizing:border-box}html,body,#app,.application-shell,.game-runtime-root,.game-flow-layer,.game-shell{width:100%;height:100%;margin:0;overflow:hidden}.application-shell{background:#10211d;position:relative}.game-runtime-root,.game-flow-layer{position:absolute;inset:0}.game-runtime-root{z-index:1}.game-flow-layer{z-index:40;color:#f5f1e5}.game-flow-layer[hidden]{display:none}.flow-screen{isolation:isolate;background-color:#dbece4;background-position:50%;background-size:cover;position:absolute;inset:0;overflow:hidden}.flow-screen:after{z-index:-1;content:"";pointer-events:none;background:radial-gradient(128% 88% at 50% 34%,#0000 42%,#0110129e 100%),linear-gradient(#fff6e01a,#0000 40%,#0114156b);position:absolute;inset:0}.flow-panel{-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);background:radial-gradient(120% 90% at 50% 0,#18544e73,#0000 62%),linear-gradient(#0b3835f0,#031c1df5);border:1px solid #e4c3769e;border-radius:6px;position:relative;box-shadow:0 22px 54px #000c0e75,inset 0 1px #fff0ca29,inset 0 0 0 1px #00000057,inset 0 0 30px #00121466}.match-plaque:before,.match-plaque:after,.lobby-nav:before,.lobby-nav:after,.reconnect-card:before,.reconnect-card:after{content:"";pointer-events:none;border-style:solid;border-color:#f0d68fc7;width:16px;height:16px;position:absolute}.match-plaque:before,.lobby-nav:before,.reconnect-card:before{border-width:1px 0 0 1px;border-radius:4px 0 0;top:5px;left:5px}.match-plaque:after,.lobby-nav:after,.reconnect-card:after{border-width:0 1px 1px 0;border-radius:0 0 4px;bottom:5px;right:5px}.flow-eyebrow{color:#e8c975;text-transform:uppercase;margin:0;font-size:11px;font-weight:850}.flow-primary-button,.flow-secondary-button,.flow-icon-button,.hero-offer,.lobby-identity,.lobby-nav-button{cursor:pointer;border:0}.flow-primary-button,.flow-secondary-button{border:1px solid #edcf7f94;border-radius:4px;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:9px 16px;font-size:13px;font-weight:850;display:inline-flex}.flow-primary-button{color:#2b1906;text-shadow:0 1px #fff6d68c;background:linear-gradient(#f8dfa2 0%,#e8c369 46%,#cda449 100%);border-color:#ffeab0b8;position:relative;overflow:hidden;box-shadow:0 12px 28px #5c3b0966,inset 0 1px #fffbe7e0,inset 0 -2px #7a4f146b}.flow-primary-button:after{content:"";pointer-events:none;background:linear-gradient(100deg,#0000,#ffffff8c,#0000);width:45%;transition:transform .62s;position:absolute;top:0;bottom:0;left:-60%;transform:translate(0)}.flow-primary-button:hover:not(:disabled):after,.flow-primary-button:focus-visible:after{transform:translate(340%)}.flow-primary-button:hover:not(:disabled),.flow-primary-button:focus-visible{background:linear-gradient(#fdecc0 0%,#f2d180 46%,#d9b158 100%)}.flow-secondary-button{color:#f1dfaf;background:#11433de0}.flow-secondary-button:hover:not(:disabled),.flow-secondary-button:focus-visible{background:#1c594ef5}.flow-primary-button:disabled,.flow-secondary-button:disabled{cursor:default;filter:saturate(.45);opacity:.48}.flow-icon-button{color:#f1dfb2;background:#052b29d1;border:1px solid #e5cc8f66;border-radius:50%;place-items:center;width:40px;height:40px;padding:0;display:grid}.flow-icon-button:hover,.flow-icon-button:focus-visible{color:#fff2cc;background:#104841f0;border-color:#e8c66f}.flow-progress{background:#062f2c2e;border:1px solid #e6c98047;border-radius:2px;height:7px;overflow:hidden}.flow-progress i{background:linear-gradient(90deg,#2f8874,#e5bd5d,#2f8874);width:44%;height:100%;animation:1.4s ease-in-out infinite flow-progress;display:block}@keyframes flow-progress{0%{transform:translate(-110%)}to{transform:translate(260%)}}.boot-flow-screen{color:#093a37;text-align:center;align-content:center;place-items:center;gap:15px;display:grid}.boot-flow-screen:before{z-index:-1;content:"";background:#ebf8f38a;position:absolute;inset:0}.boot-seal{color:#f4dc98;background:#0c4c45;border:5px double #d9b65f;border-radius:50%;place-items:center;width:112px;height:112px;font-family:STKaiti,KaiTi,serif;font-size:54px;font-weight:900;animation:2.5s ease-in-out infinite boot-seal-breathe;display:grid;box-shadow:0 0 0 8px #08383529,0 18px 42px #002f2b3d}@keyframes boot-seal-breathe{50%{filter:brightness(1.08);transform:translateY(-5px)}}.boot-flow-screen h1{margin:7px 0 0;font-family:STKaiti,KaiTi,Microsoft YaHei,serif;font-size:48px;line-height:1}.boot-flow-screen p{margin:0;font-size:13px;font-weight:800}.boot-flow-screen .flow-progress{width:min(440px,68vw)}.lobby-toolbar{top:max(18px, env(safe-area-inset-top));left:max(20px, env(safe-area-inset-left));right:max(20px, env(safe-area-inset-right));z-index:4;pointer-events:auto;justify-content:space-between;align-items:center;min-height:64px;padding:8px 10px;display:flex;position:absolute}.lobby-identity{color:#f4e6be;text-align:left;background:0 0;align-items:center;gap:10px;min-width:0;padding:0;display:inline-flex}.lobby-identity img{object-fit:cover;border:2px solid #e0bd68;border-radius:50%;width:46px;height:46px;box-shadow:0 0 0 1px #062826e6,0 0 0 3px #e0bd6857,0 6px 16px #000f1073}.lobby-identity span{gap:3px;min-width:0;display:grid}.lobby-identity b{font-size:14px}.lobby-identity small{color:#a9c8bd;font-size:10px}.lobby-tools{z-index:2;pointer-events:auto;gap:7px;display:flex;position:relative}.lobby-tools .flow-icon-button{z-index:3;pointer-events:auto;touch-action:manipulation;position:relative}.lobby-hero-stage{z-index:1;pointer-events:none;place-items:end center;width:60%;display:grid;position:absolute;top:7%;bottom:9%;left:3%}.lobby-hero-stage img{z-index:1;object-fit:contain;filter:drop-shadow(0 30px 28px #0014146b)drop-shadow(0 0 16px #f5c55c2e);width:min(580px,75%);max-height:96%;animation:4.8s ease-in-out infinite lobby-hero-breathe}.lobby-hero-halo{aspect-ratio:1;background:radial-gradient(circle,#ffe08e3d,#3a9c861a 44%,#0000 70%);border:1px solid #e8c56a3b;border-radius:50%;width:min(520px,72%);position:absolute;bottom:5%}@keyframes lobby-hero-breathe{50%{transform:translateY(-7px)}}.match-plaque{top:22%;right:max(6%, env(safe-area-inset-right));z-index:3;width:min(430px,38vw);padding:28px;position:absolute}.match-plaque h1{color:#f7e3a6;text-shadow:0 2px #180c0273,0 0 26px #eec76c57;margin:9px 0 8px;font-family:STKaiti,KaiTi,Microsoft YaHei,serif;font-size:50px;line-height:1;position:relative}.plaque-seal{color:#f0d68f12;pointer-events:none;-webkit-user-select:none;user-select:none;font-family:STKaiti,KaiTi,Microsoft YaHei,serif;font-size:150px;line-height:1;position:absolute;bottom:6px;right:14px}.plaque-divider{background-color:#0000;background-image:linear-gradient(90deg,#0000,#e9cb808c 22%,#0000 48%),linear-gradient(90deg,#0000 52%,#e9cb808c 78%,#0000);background-position:50%;background-repeat:no-repeat;background-size:100% 1px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;height:9px;margin:2px 0 12px;display:block}.plaque-divider:after{content:"";border:1px solid #f0d68fb8;width:7px;height:7px;margin:1px auto;display:block;transform:rotate(45deg)}.match-mode-copy{color:#bfd0c7;margin:0;font-size:13px;line-height:1.7}.start-match-button{justify-content:flex-start;width:100%;min-height:64px;margin-top:24px;padding:10px 20px}.start-match-button>span:last-child{text-align:left;gap:2px;display:grid}.start-match-button b{font-family:STKaiti,KaiTi,Microsoft YaHei,serif;font-size:22px}.start-match-button small{font-size:10px}.match-tags{flex-wrap:wrap;gap:6px;margin-top:16px;display:flex}.match-tags span{color:#d6c496;background:linear-gradient(#1f5c546b,#04202085);border:1px solid #e2c57657;border-radius:3px;padding:5px 9px;font-size:10px;font-weight:750;box-shadow:inset 0 1px #fff0c81f}.lobby-nav{right:max(6%, env(safe-area-inset-right));bottom:max(20px, env(safe-area-inset-bottom));z-index:3;grid-template-columns:repeat(4,minmax(0,1fr));width:min(430px,38vw);padding:8px;display:grid;position:absolute}.lobby-nav-button{min-width:0;color:inherit;text-align:center;background:0 0;border:0;border-right:1px solid #dfcc9724;gap:2px;padding:8px 4px;display:grid}.lobby-nav-button:hover,.lobby-nav-button:focus-visible,.lobby-nav-button.is-active{color:#fff0c4;outline-offset:-1px;background:#1f5c5085;outline:1px solid #e5c57057}.lobby-nav-button b{color:#ebcd7c;font-size:14px}.lobby-nav-button i{color:#ffe9bd;background:linear-gradient(#a5352a 0%,#7a2018 100%);border:1px solid #ecce829e;border-radius:4px;place-content:center;justify-self:center;width:32px;height:32px;font-family:STKaiti,KaiTi,Microsoft YaHei,serif;font-size:17px;font-style:normal;font-weight:800;line-height:1;display:grid;box-shadow:inset 0 1px #ffd8b057,inset 0 -2px 4px #30080473,0 5px 14px #34090561}.lobby-nav-button:hover i,.lobby-nav-button:focus-visible i,.lobby-nav-button.is-active i{color:#fff6dc;background:linear-gradient(#c24334 0%,#93291d 100%);border-color:#fae2a2eb}.lobby-nav-button small{color:#9fb9ae;text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.reconnect-card{right:max(6%, env(safe-area-inset-right));bottom:calc(max(20px, env(safe-area-inset-bottom)) + 82px);z-index:3;color:#f7e7c2;cursor:pointer;text-align:left;background:#3a220ee0;border-color:#e9c874c7;justify-content:space-between;align-items:center;gap:12px;width:min(430px,38vw);padding:11px 14px;display:flex;position:absolute}.reconnect-card[hidden]{display:none}.reconnect-card span{gap:3px;display:grid}.reconnect-card b{font-size:13px}.reconnect-card small{color:#d8bd8c;font-size:10px}.reconnect-card i{color:#23150a;background:#e8c975;border-radius:3px;flex:none;padding:6px 10px;font-size:11px;font-style:normal;font-weight:850}.reconnect-card:hover,.reconnect-card:focus-visible{background:#4a2c12eb}.lobby-catalog-content.is-panel{gap:12px;padding:4px 2px;display:grid}.lobby-metric-row{grid-template-columns:repeat(auto-fit,minmax(88px,1fr));gap:8px;display:grid}.lobby-metric-row span{text-align:center;background:#092e2c94;border:1px solid #dfcc972e;border-radius:4px;gap:3px;padding:10px 8px;display:grid}.lobby-metric-row b{color:#f0d68f;font-size:17px}.lobby-metric-row small{color:#9fb9ae;font-size:10px}.lobby-panel-actions{flex-wrap:wrap;gap:8px;display:flex}.lobby-panel-note{color:#9db7ac;margin:0;font-size:11px;line-height:1.65}.lobby-unavailable{text-align:center;border:1px dashed #dfcc9742;border-radius:5px;justify-items:center;gap:10px;padding:26px 18px;display:grid}.lobby-unavailable i{color:#e8c975;border:1px solid #e2c57666;border-radius:4px;place-content:center;width:44px;height:44px;font-size:20px;font-style:normal;font-weight:800;display:grid}.lobby-unavailable b{color:#f4e6be;font-size:14px}.lobby-unavailable p{color:#9db7ac;max-width:42ch;margin:0;font-size:11px;line-height:1.7}.queue-eta{color:#cbb98b;font-size:10px}.lobby-catalog-item{background:#05332fa3;border:1px solid #dec1772e;border-radius:4px;grid-template-columns:48px minmax(0,1fr);align-items:center;gap:9px;min-width:0;padding:8px;display:grid}.lobby-catalog-item[data-rarity=blue]{border-color:#5da1cf5c}.lobby-catalog-item[data-rarity=purple]{border-color:#b177d361}.lobby-catalog-item[data-rarity=gold]{border-color:#e2b85080}.lobby-catalog-item img{object-fit:cover;background:#123d38;border:1px solid #e6ca8347;border-radius:3px;width:48px;height:48px}.lobby-catalog-item>span{gap:2px;min-width:0;display:grid}.lobby-catalog-item small,.lobby-catalog-item em{color:#9db8ad;text-overflow:ellipsis;white-space:nowrap;font-size:9px;font-style:normal;overflow:hidden}.lobby-catalog-item b{color:#f1dfae;text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.queue-overlay{z-index:8;grid-template-columns:72px minmax(0,1fr) auto auto;align-items:center;gap:16px;width:min(620px,100vw - 40px);padding:16px 18px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.queue-overlay[hidden]{display:none}.queue-orbit{border:2px solid #e8cb7c33;border-top-color:#e7c76e;border-radius:50%;width:58px;height:58px;animation:1s linear infinite queue-spin}@keyframes queue-spin{to{transform:rotate(360deg)}}.queue-copy{gap:3px;min-width:0;display:grid}.queue-copy b{color:#f2dfaa;font-size:15px}.queue-copy span,.queue-copy small{color:#aac4b8;text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.queue-time{color:#efcf79;font-variant-numeric:tabular-nums;font-size:24px}.select-toolbar{top:max(16px, env(safe-area-inset-top));right:max(22px, env(safe-area-inset-right));left:max(22px, env(safe-area-inset-left));z-index:3;justify-content:space-between;align-items:center;min-height:82px;padding:12px 20px;display:flex;position:absolute}.select-toolbar h1{color:#f1dda3;margin:3px 0 0;font-family:STKaiti,KaiTi,serif;font-size:30px;line-height:1}.selection-wallet{text-align:center;gap:3px;display:grid;position:absolute;left:50%;transform:translate(-50%)}.selection-wallet small{color:#9fbeb1;font-size:10px}.selection-wallet b{color:#efcc73;font-variant-numeric:tabular-nums;font-size:22px}.selection-timer{color:#f4da92;font-variant-numeric:tabular-nums;background:#0b4340;border:2px solid #ddb75d;border-radius:50%;place-items:center;width:56px;height:56px;font-size:23px;display:grid}.selection-actions{align-items:center;gap:10px;display:flex}.select-cancel-button{flex:none}.hero-offer-grid{z-index:2;grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;gap:24px;display:grid;position:absolute;inset:118px 7% 102px}.hero-offer{aspect-ratio:1;color:#f7edcf;background:#082f30;border:2px solid #a77e39;border-radius:4px;width:100%;max-height:100%;transition:transform .16s,border-color .16s,filter .16s;position:relative;overflow:hidden;box-shadow:0 18px 44px #00171757}.hero-offer:hover,.hero-offer:focus-visible{filter:brightness(1.04);border-color:#e9c871;transform:translateY(-4px)}.hero-offer.is-selected{border-color:#ffe39a;box-shadow:0 0 0 4px #f2c96738,0 20px 52px #00191766}.hero-offer>img{object-fit:cover;width:100%;height:100%}.offer-gradient{background:linear-gradient(#0000,#01171866 24%,#021c1df7);position:absolute;inset:38% 0 0}.recommended-badge{z-index:2;color:#153d36;background:#f1d17c;border-radius:3px;padding:5px 9px;font-size:10px;font-weight:900;position:absolute;top:10px;left:10px}.offer-summary{z-index:2;text-align:left;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#032425e0;border:1px solid #e1c4784d;border-radius:3px;gap:10px;padding:12px;display:grid;position:absolute;bottom:12px;left:12px;right:12px}.offer-heading{justify-content:space-between;align-items:end;gap:10px;min-width:0;display:flex}.offer-heading>span{gap:2px;min-width:0;display:grid}.offer-heading small{color:#a8c7ba;font-size:9px}.offer-heading b{color:#f3dda0;text-overflow:ellipsis;white-space:nowrap;font-family:STKaiti,KaiTi,serif;font-size:23px;line-height:1;overflow:hidden}.offer-heading em{color:#8faea2;font-size:10px;font-style:normal}.offer-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;display:grid}.offer-stats>span{text-align:center;background:#03191a66;border:1px solid #d7caa41f;border-radius:2px;gap:2px;padding:5px;display:grid}.offer-stats small{color:#8faea2;font-size:8px}.offer-stats b{color:#e8d8aa;font-variant-numeric:tabular-nums;font-size:11px}.offer-active{grid-template-columns:34px minmax(0,1fr);align-items:center;gap:8px;display:grid}.offer-active img{object-fit:cover;border:1px solid #e6c7776b;border-radius:3px;width:34px;height:34px}.offer-active>span{gap:2px;min-width:0;display:grid}.offer-active small{color:#88aa9c;font-size:8px}.offer-active b{color:#e9d59e;text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.select-footer{right:max(22px, env(safe-area-inset-right));bottom:max(16px, env(safe-area-inset-bottom));left:max(22px, env(safe-area-inset-left));z-index:3;grid-template-columns:minmax(190px,.7fr) minmax(220px,1fr) minmax(190px,.7fr);align-items:center;gap:12px;min-height:72px;padding:10px 12px;display:grid;position:absolute}.selection-status{color:#b9cdc4;text-align:center;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:12px;font-weight:750;overflow:hidden}.loading-flow-screen{place-items:center;padding:24px;display:grid}.loading-card{grid-template-columns:minmax(260px,.8fr) minmax(300px,1.2fr);width:min(760px,100%);display:grid;overflow:hidden}.loading-card>img{object-fit:cover;width:100%;height:100%;min-height:360px;display:block}.loading-copy{align-content:center;gap:10px;padding:38px;display:grid}.loading-copy h1{color:#f3dda0;margin:0;font-family:STKaiti,KaiTi,serif;font-size:42px;line-height:1}.loading-copy>span{color:#b7ccc2;font-size:13px}.loading-copy>b{color:#9fb9ae;font-size:11px}.loading-progress{margin-top:18px}.result-flow-screen{place-items:center;padding:24px;display:grid}.result-card{grid-template-columns:minmax(300px,.9fr) minmax(380px,1.1fr);width:min(900px,100%);display:grid;overflow:hidden}.result-hero{min-height:490px;position:relative}.result-hero>img{object-fit:cover;width:100%;height:100%}.result-hero-shade{background:linear-gradient(#0000,#021d1df5);position:absolute;inset:35% 0 0}.result-hero>div{position:absolute;bottom:26px;left:24px;right:24px}.result-hero h1{color:#f4dea0;margin:5px 0 8px;font-family:STKaiti,KaiTi,serif;font-size:42px;line-height:1}.result-hero>div>b{color:#e7c66e;font-size:22px}.result-body{align-content:center;gap:24px;padding:34px;display:grid}.result-name{align-items:center;gap:12px;display:flex}.result-name img{object-fit:cover;border:2px solid #d2ac51;border-radius:50%;width:58px;height:58px}.result-name span{gap:3px;display:grid}.result-name b{color:#f1dda5;font-family:STKaiti,KaiTi,serif;font-size:24px}.result-name small{color:#9db8ab;font-size:11px}.result-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.result-metrics span{background:#021d1d5c;border:1px solid #dcc68c2e;border-radius:3px;gap:4px;padding:13px;display:grid}.result-metrics b{color:#e9cb76;font-variant-numeric:tabular-nums;font-size:20px}.result-metrics small{color:#96afa4;font-size:9px}.result-actions{grid-template-columns:1fr 1fr;gap:10px;display:grid}@media (width<=980px),(height<=620px){.lobby-toolbar{top:max(8px, env(safe-area-inset-top));right:max(10px, env(safe-area-inset-right));left:max(10px, env(safe-area-inset-left));min-height:52px;padding:5px 7px}.lobby-identity img{width:38px;height:38px}.flow-icon-button{width:36px;height:36px}.lobby-hero-stage{width:58%;top:3%;bottom:6%;left:-2%}.match-plaque{top:16%;right:max(3%, env(safe-area-inset-right));width:45vw;padding:18px}.match-plaque h1{margin-top:5px;font-size:34px}.match-mode-copy{font-size:11px}.start-match-button{min-height:52px;margin-top:13px}.start-match-button b{font-size:18px}.match-tags{margin-top:10px}.lobby-nav{right:max(3%, env(safe-area-inset-right));bottom:max(8px, env(safe-area-inset-bottom));width:45vw;padding:5px}.lobby-nav-button{padding:5px 2px}.lobby-catalog-overlay{top:max(70px, calc(env(safe-area-inset-top) + 62px));right:12px;bottom:max(58px, calc(env(safe-area-inset-bottom) + 50px));width:auto;left:12px}.select-toolbar{top:max(7px, env(safe-area-inset-top));right:max(9px, env(safe-area-inset-right));left:max(9px, env(safe-area-inset-left));min-height:58px;padding:7px 12px}.select-toolbar h1{font-size:22px}.selection-timer{width:42px;height:42px;font-size:18px}.selection-wallet b{font-size:17px}.hero-offer-grid{gap:12px;inset:74px 4% 67px}.offer-summary{gap:5px;padding:7px;bottom:7px;left:7px;right:7px}.offer-heading b{font-size:17px}.offer-active{grid-template-columns:27px minmax(0,1fr);gap:6px}.offer-active img{width:27px;height:27px}.select-footer{right:max(9px, env(safe-area-inset-right));bottom:max(7px, env(safe-area-inset-bottom));left:max(9px, env(safe-area-inset-left));grid-template-columns:minmax(160px,.8fr) minmax(180px,1fr) minmax(150px,.8fr);min-height:52px;padding:5px 7px}.select-footer .flow-primary-button,.select-footer .flow-secondary-button{min-height:38px;padding:7px 10px;font-size:11px}.loading-card{grid-template-columns:minmax(210px,.8fr) minmax(270px,1.2fr);width:min(640px,100%)}.loading-card>img{min-height:280px}.loading-copy{padding:24px}.loading-copy h1{font-size:32px}.result-card{width:min(760px,100%)}.result-hero{min-height:340px}.result-body{gap:14px;padding:22px}}@media (width<=620px) and (orientation:portrait){.lobby-hero-stage{width:100%;inset:5% 0 44%}.lobby-hero-stage img{width:min(390px,84%)}.match-plaque{width:auto;padding:17px;inset:auto 16px 92px}.match-plaque h1{font-size:34px}.lobby-nav{right:16px;bottom:max(12px, env(safe-area-inset-bottom));width:auto;left:16px}.lobby-catalog-overlay{top:max(70px, calc(env(safe-area-inset-top) + 62px));bottom:max(72px, calc(env(safe-area-inset-bottom) + 64px));padding:10px}.lobby-catalog-header h2{font-size:20px}.lobby-catalog-content.is-grid,.lobby-catalog-content.is-runtime{grid-template-columns:1fr}.hero-offer-grid{scroll-snap-type:x mandatory;grid-template-columns:none;grid-auto-columns:78vw;grid-auto-flow:column;gap:12px;padding:0 11vw;left:0;right:0;overflow-x:auto}.hero-offer{scroll-snap-align:center}.selection-wallet{display:none}.select-footer{grid-template-columns:1fr 1fr}.selection-status{display:none}.loading-card,.result-card{grid-template-columns:1fr;max-height:calc(100vh - 32px);overflow:auto}.loading-card>img{height:42vh;min-height:220px}.result-hero{min-height:42vh}}body{-webkit-user-select:none;user-select:none;touch-action:none}button{font:inherit}.game-shell{background:#111714;position:relative}.game-canvas{cursor:crosshair;touch-action:none;outline:none;width:100%;height:100%;display:block}.game-canvas.is-camera-orbiting{cursor:grabbing}.game-canvas.is-camera-panning{cursor:move}.hud{pointer-events:none;color:#f7f2e4;position:absolute;inset:0}.hud-top{top:max(14px, env(safe-area-inset-top));left:max(14px, env(safe-area-inset-left));right:max(14px, env(safe-area-inset-right));grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:start;gap:12px;display:grid;position:absolute}.brand-block{text-shadow:0 2px 10px #000000b3;min-width:0}.brand-name{letter-spacing:0;margin:0;font-family:STKaiti,KaiTi,Microsoft YaHei,sans-serif;font-size:clamp(22px,3.2vh,34px);font-weight:800;line-height:1}.brand-subtitle{color:#c8c2ae;letter-spacing:0;margin-top:5px;font-size:12px;font-weight:650}.phase-strip,.connection-chip{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0e1411c2;border:1px solid #eedca93d;box-shadow:0 8px 24px #0000003d}.phase-strip{text-align:center;min-width:168px;padding:8px 12px}.phase-name{color:#ead69f;font-size:12px;font-weight:800}.match-time{font-variant-numeric:tabular-nums;margin-top:2px;font-size:18px;font-weight:800}.connection-chip{color:#b9d9c6;justify-self:end;align-items:center;gap:7px;height:34px;padding:0 10px;font-size:12px;font-weight:750;display:inline-flex}.connection-chip svg{width:16px;height:16px}.connection-chip.is-online{color:#bfe6cf;border-color:#89d9a86b}.connection-chip.is-offline{color:#efb4a8;border-color:#de756170}.game-menu-host{z-index:20;pointer-events:none;position:absolute;inset:0}.game-menu-button,.game-menu-close,.game-menu-tabs button,.segmented-control button{cursor:pointer;border:0}.game-menu-button{top:294px;right:max(12px, env(safe-area-inset-right));z-index:7;color:#e9d49d;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:auto;background:#111814db;border:1px solid #e2c7806b;border-radius:50%;place-items:center;width:40px;height:40px;padding:0;display:grid;position:absolute;box-shadow:0 6px 18px #00000052}.game-menu-button:hover,.game-menu-button:focus-visible{background:#2d372bf0;border-color:#e0ba61}.game-menu-button:active{transform:translateY(1px)}.game-menu-button[hidden]{display:none}.game-menu-button-icon,.game-menu-close-icon,.menu-tab-settings-icon,.menu-tab-controls-icon,.menu-tab-guide-icon,.performance-meter-icon{place-items:center;display:grid}.performance-meter{top:342px;right:max(12px, env(safe-area-inset-right));z-index:7;color:#bfe6cf;font-variant-numeric:tabular-nums;pointer-events:none;background:#0e1411d1;border:1px solid #b4d5bc4d;align-items:center;gap:6px;min-height:28px;padding:0 8px;font-size:10px;display:inline-flex;position:absolute}.performance-meter[hidden]{display:none}.game-menu-overlay{padding:max(20px, env(safe-area-inset-top)) max(20px, env(safe-area-inset-right)) max(20px, env(safe-area-inset-bottom)) max(20px, env(safe-area-inset-left));-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);pointer-events:auto;background:#050907ad;place-items:center;display:grid;position:absolute;inset:0}.game-menu-overlay[hidden]{display:none}.game-menu-dialog{color:#f5f0df;background:#17201a;border:1px solid #e2c78075;border-radius:7px;flex-direction:column;width:min(760px,100%);max-height:min(760px,100vh - 40px);display:flex;overflow:hidden;box-shadow:0 18px 50px #0000007a}.game-menu-header{border-bottom:1px solid #e0c68433;justify-content:space-between;align-items:center;padding:18px 20px 14px;display:flex}.game-menu-header h2,.game-menu-header p,.control-group h3,.guide-rules h3{margin:0}.game-menu-header h2{font-family:STKaiti,KaiTi,Microsoft YaHei,sans-serif;font-size:24px;line-height:1}.game-menu-header .game-menu-section-name{color:#d9b967;margin-top:5px;font-size:12px;font-weight:800}.game-menu-close{color:#e7dec8;background:0 0;border:1px solid #e2c7804d;border-radius:50%;place-items:center;width:36px;height:36px;padding:0;display:grid}.game-menu-close:hover,.game-menu-close:focus-visible{background:#e0ba611f;border-color:#e0ba61}.game-menu-tabs{border-bottom:1px solid #e0c68433;gap:4px;padding:8px 12px 0;display:flex}.game-menu-tabs button{color:#a9b4a8;background:0 0;border-bottom:2px solid #0000;justify-content:center;align-items:center;gap:7px;min-width:88px;padding:9px 12px;font-size:13px;font-weight:800;display:inline-flex}.game-menu-tabs button:hover,.game-menu-tabs button:focus-visible,.game-menu-tabs button.is-selected{color:#f1d99b;border-bottom-color:#d9b967}.game-menu-content{min-height:0;overflow:auto}.game-menu-panel{padding:20px}.setting-row{border-bottom:1px solid #cdd6c01f;justify-content:space-between;align-items:center;gap:18px;padding:15px 0;display:flex}.setting-copy{gap:5px;min-width:0;display:grid}.setting-copy strong{color:#f4e3b1;font-size:14px}.setting-copy span{color:#aeb9aa;font-size:12px;line-height:1.5}.segmented-control{background:#080d0a6b;border:1px solid #e0c68438;flex:none;gap:3px;padding:3px;display:inline-flex}.segmented-control button{color:#a9b4a8;background:0 0;min-width:48px;padding:7px 9px;font-size:12px;font-weight:750}.segmented-control button:hover,.segmented-control button:focus-visible,.segmented-control button.is-selected{color:#f1d99b;background:#3b4934}.setting-toggle{cursor:pointer}.setting-toggle input{accent-color:#d9b967;width:20px;height:20px}.audio-settings{gap:10px;padding:14px 0 2px;display:grid}.audio-setting{grid-template-columns:minmax(0,1fr) minmax(150px,.9fr);align-items:center;gap:14px;display:grid}.audio-setting-label{color:#d9e2d3;justify-content:space-between;align-items:baseline;gap:10px;min-width:0;font-size:12px;display:flex}.audio-setting-label strong{color:#e8d7a8}.audio-setting-label output{color:#a9c7ae;font-variant-numeric:tabular-nums;font-weight:800}.audio-setting input[type=range]{accent-color:#d9b967;cursor:pointer;width:100%}.settings-runtime-status{color:#b5cdbb;background:#76a4861a;border-left:2px solid #76a486;margin-top:16px;padding:10px 12px;font-size:12px;line-height:1.5}.control-layout{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;display:grid}.control-group h3{color:#f1d99b;font-size:14px}.control-list{gap:0;margin:10px 0 0;display:grid}.control-list>div{border-bottom:1px solid #cdd6c01f;grid-template-columns:minmax(130px,.8fr) minmax(0,1.2fr);align-items:center;gap:12px;min-height:42px;display:grid}.control-list dt,.control-list dd{margin:0}.control-list dt{flex-wrap:wrap;gap:4px;display:flex}.control-list dd{color:#c1c9bd;font-size:12px}kbd{color:#f3e0ad;white-space:nowrap;background:#202b22;border:1px solid #e2c7806b;border-bottom-width:2px;border-radius:4px;justify-content:center;align-items:center;min-width:26px;min-height:23px;padding:2px 6px;font-size:11px;font-weight:800;display:inline-flex}.compatibility-note{color:#8fa493;margin:18px 0 0;font-size:11px;line-height:1.5}.guide-intro{border-bottom:1px solid #cdd6c01f;gap:6px;padding-bottom:16px;display:grid}.guide-intro strong{color:#f1d99b;font-size:15px}.guide-intro span{color:#b6c0b3;font-size:12px}.match-timeline{gap:8px;margin:16px 0 20px;padding:0;list-style:none;display:grid}.match-timeline li{background:#cdd6c012;grid-template-columns:92px minmax(0,1fr);align-items:baseline;gap:10px;padding:8px 10px;display:grid}.match-timeline time{color:#d9b967;font-variant-numeric:tabular-nums;font-size:12px;font-weight:800}.match-timeline span,.guide-rules p{color:#c1c9bd;font-size:12px;line-height:1.5}.guide-rules{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 20px;display:grid}.guide-rules section{border-top:1px solid #cdd6c01f;padding-top:11px}.guide-rules h3{color:#f1d99b;font-size:13px}.guide-rules p{margin:6px 0 0}.camera-view-button{top:246px;right:max(12px, env(safe-area-inset-right));z-index:7;color:#f2ddb0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer;pointer-events:auto;background:#111814db;border:1px solid #e2c7806b;border-radius:50%;place-items:center;width:40px;height:40px;padding:0;display:grid;position:absolute;box-shadow:0 6px 18px #00000052}.camera-view-button:hover,.camera-view-button:focus-visible{background:#2d372bf0;border-color:#e0ba61}.camera-view-button:active{transform:translateY(1px)}.camera-view-icon{place-items:center;display:grid}.airdrop-banner{top:max(72px, calc(env(safe-area-inset-top) + 62px));z-index:4;background:#0c110ee0;border-left:3px solid #d7ad4f;align-items:center;gap:10px;width:min(310px,100vw - 36px);min-height:42px;padding:7px 11px;display:flex;position:absolute;left:50%;transform:translate(-50%);box-shadow:0 8px 22px #00000047}.airdrop-banner[hidden]{display:none}.airdrop-icon{color:#edc866;flex:0 0 26px;place-items:center;width:26px;height:26px;display:grid}.airdrop-copy{gap:2px;min-width:0;display:grid}.airdrop-title,.airdrop-meta{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.airdrop-title{color:#f3dfac;font-size:12px;font-weight:850}.airdrop-meta{color:#c9c3b2;font-variant-numeric:tabular-nums;font-size:11px;font-weight:700}.progress-panel,.shop-panel{z-index:3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:auto;background:#0e1411e0;border:1px solid #eedca93d;width:min(300px,100vw - 36px);padding:9px 10px;position:absolute;top:92px;box-shadow:0 8px 24px #00000047}.progress-panel{left:max(18px, env(safe-area-inset-left))}.shop-panel{right:max(18px, env(safe-area-inset-right));max-height:min(48vh,440px);overflow:auto}.shop-panel[hidden]{display:none}.progress-header,.shop-panel-title,.shop-row,.passive-row{justify-content:space-between;align-items:center;gap:8px;display:flex}.progress-header,.shop-panel-title{color:#ead69f;font-size:12px;font-weight:800}.progress-currency{flex:auto;justify-content:space-between;align-items:center;gap:12px;display:flex}.progress-toggle{color:#ead69f;cursor:pointer;background:#2c372ed6;border:1px solid #ead8a947;border-radius:3px;place-items:center;width:26px;height:26px;padding:0;display:none}.progress-toggle-icon{place-items:center;transition:transform .14s;display:grid}.progress-panel:not(.is-collapsed) .progress-toggle-icon{transform:rotate(180deg)}.gem-value{color:#9dd7df}.passive-list,.shop-content{gap:5px;margin-top:7px;display:grid}.build-panel-context{color:#c9d2ca;background:#0d373194;border-left:2px solid #d4af5a;margin-top:7px;padding:6px 7px;font-size:10px;line-height:1.45}.passive-row,.book-prompt,.shop-row{color:#eee6d2;min-height:26px;font-size:11px;font-weight:700}.passive-row{border:1px solid #0000;padding:4px 5px;transition:border-color .12s,background .12s}.passive-row.is-focused{background:#4d462694;border-color:#e1bc5ba8}.build-info-row{color:#aebeb6;font-size:10px;line-height:1.4}.book-prompt{border-top:1px solid #b78ae052;gap:5px;padding-top:6px;display:grid}.shop-row{border-top:1px solid #ffffff14;padding:4px 0}.shop-actions{gap:4px;display:inline-flex}.mini-action{color:#f7f2e4;cursor:pointer;background:#354236e0;border:1px solid #ead8a94d;border-radius:3px;place-items:center;min-width:30px;min-height:24px;padding:2px 7px;font-size:10px;font-weight:800;display:inline-grid}.mini-action:hover,.mini-action:focus-visible{background:#515c42f0;border-color:#d9b45c}.mini-action[disabled]{cursor:default;opacity:.35}.event-feed{top:max(82px, calc(env(safe-area-inset-top) + 72px));text-align:center;width:min(430px,100vw - 32px);position:absolute;left:50%;transform:translate(-50%)}.hud.has-airdrop .event-feed{top:max(122px, calc(env(safe-area-inset-top) + 112px))}.event-line{color:#eee6d2;text-overflow:ellipsis;white-space:nowrap;background:#0c110ed1;border-left:3px solid #c9a34b;max-width:100%;padding:7px 12px;font-size:13px;font-weight:720;display:inline-block;overflow:hidden;box-shadow:0 8px 20px #00000038}.event-line[hidden]{display:none}.player-status{left:50%;bottom:max(20px, calc(env(safe-area-inset-bottom) + 14px));grid-template-columns:58px minmax(178px,260px);align-items:end;gap:10px;width:min(350px,100vw - 168px);display:grid;position:absolute;transform:translate(-50%)}.hero-portrait{object-fit:cover;background:#1e2721;border:2px solid #caa34d;width:58px;height:58px;box-shadow:0 8px 24px #00000061}.status-data{text-shadow:0 1px 4px #000000d9;min-width:0}.status-row{justify-content:space-between;align-items:center;min-width:0;margin-bottom:6px;font-size:12px;font-weight:760;display:flex}.hero-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.lives{color:#d4584f;gap:4px;display:flex}.life-icon{fill:currentColor;stroke-width:1.5px;filter:drop-shadow(0 1px 2px #0009);width:15px;height:15px}.life-icon.is-spent{color:#615e58;fill:#0000}.health-track{background:#080b09c7;border:1px solid #ffffff29;height:12px;position:relative;overflow:hidden}.health-fill{transform-origin:0;background:#cf4e45;width:100%;height:100%}.health-text{color:#ded8c8;font-variant-numeric:tabular-nums;text-align:right;margin-top:4px;font-size:11px;font-weight:700}.action-cluster{right:max(18px, env(safe-area-inset-right));bottom:max(20px, calc(env(safe-area-inset-bottom) + 14px));pointer-events:auto;align-items:end;gap:10px;display:flex;position:absolute}.action-button,.restart-button{color:#fff8e8;cursor:pointer;-webkit-tap-highlight-color:transparent;background:#141b17e0;border:1px solid #ffffff38;border-radius:50%;flex:none;place-items:center;display:grid;position:relative;box-shadow:0 8px 22px #0000005c,inset 0 0 0 2px #ffffff0a}.action-button{width:62px;height:62px}.action-button.primary{background:#7f3126eb;border-color:#df674e94;width:76px;height:76px}.action-button.active-skill{background:#4f4122eb;border-color:#d4ad509e}.action-button.interact-button{background:#1f494ceb;border-color:#83bcc68c;width:52px;height:52px}.action-button.interact-button.has-airdrop-target{background:#5b481df0;border-color:#efc75f;box-shadow:0 0 0 3px #efc75f2e,0 8px 22px #0000005c}.action-button.interact-button.is-channeling{background:#373220f0;border-color:#efc75f}.interaction-progress{z-index:2;background:conic-gradient(#f1c75f var(--interaction-angle,0deg), #f1c75f1f 0);pointer-events:none;border-radius:50%;position:absolute;inset:-4px;-webkit-mask:radial-gradient(circle,#0000 64%,#000 66%);mask:radial-gradient(circle,#0000 64%,#000 66%)}.interaction-progress[hidden]{display:none}.interaction-progress-text{z-index:3;color:#fff3cf;font-variant-numeric:tabular-nums;background:#171b18;border:1px solid #efc75f9e;border-radius:50%;place-items:center;min-width:20px;height:20px;font-size:10px;font-weight:850;display:grid;position:absolute;bottom:-4px;right:-4px}.interaction-progress-text:empty{display:none}.action-button svg,.restart-button svg{width:28px;height:28px}.action-button:active,.action-button.is-pressed,.restart-button:active{filter:brightness(1.18);transform:scale(.94)}.action-button[disabled]{cursor:default;filter:saturate(.5)}.cooldown-mask{background:conic-gradient(#070908b8 var(--cooldown-angle,0deg), transparent 0);pointer-events:none;border-radius:50%;position:absolute;inset:0}.cooldown-text{color:#fff;font-variant-numeric:tabular-nums;text-shadow:0 1px 3px #000;place-items:center;font-size:15px;font-weight:850;display:grid;position:absolute;inset:0}.joystick{left:max(18px, env(safe-area-inset-left));bottom:max(22px, calc(env(safe-area-inset-bottom) + 16px));pointer-events:auto;background:#0c110e61;border:1px solid #ffffff26;border-radius:50%;width:120px;height:120px;display:none;position:absolute;box-shadow:inset 0 0 24px #00000040}.joystick-knob{background:#434d40e0;border:1px solid #ead8a973;border-radius:50%;width:54px;height:54px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 7px 18px #00000057}.defeat-overlay{pointer-events:auto;background:#0709087a;place-items:center;display:none;position:absolute;inset:0}.defeat-overlay.is-visible{display:grid}.defeat-content{text-align:center;text-shadow:0 3px 18px #000}.defeat-title{color:#e7d8b2;letter-spacing:0;margin:0 0 16px;font-family:STKaiti,KaiTi,serif;font-size:42px;font-weight:800}.restart-button{width:54px;height:54px;margin:0 auto}.webgl-message{color:#eadfca;text-align:center;pointer-events:auto;background:#111714;place-items:center;padding:24px;display:none;position:absolute;inset:0}.game-shell.is-context-lost .webgl-message{display:grid}@media (width<=780px),(pointer:coarse) and (width<=900px){.joystick{display:block}.hud-top{grid-template-columns:1fr auto}.phase-strip{grid-area:2/1/auto/-1;justify-self:center;min-width:148px;padding:6px 10px}.connection-chip{grid-area:1/2}.brand-name{font-size:24px}.brand-subtitle{display:none}.event-feed{top:max(124px, calc(env(safe-area-inset-top) + 114px))}.airdrop-banner{top:max(112px, calc(env(safe-area-inset-top) + 102px))}.hud.has-airdrop .event-feed{top:max(160px, calc(env(safe-area-inset-top) + 150px))}.progress-panel,.shop-panel{top:max(196px, calc(env(safe-area-inset-top) + 186px));width:min(246px,100vw - 36px)}.shop-panel{max-height:38vh}.player-status{bottom:max(22px, calc(env(safe-area-inset-bottom) + 16px));grid-template-columns:44px minmax(110px,190px);width:min(252px,100vw - 268px)}.hero-portrait{width:44px;height:44px}.action-cluster{gap:8px}.action-button{width:56px;height:56px}.action-button.interact-button{width:48px;height:48px}.action-button.primary{width:70px;height:70px}}@media (width<=520px){.brand-name{font-size:21px}.phase-strip{min-width:116px;padding:4px 8px}.phase-name{font-size:10px}.match-time{font-size:16px}.connection-chip{justify-content:center;width:32px;height:32px;margin-right:116px;padding:0}.connection-label{display:none}.progress-panel{top:max(130px, calc(env(safe-area-inset-top) + 120px));width:min(190px,100vw - 36px);max-height:36vh;padding:6px 8px;overflow:auto}.progress-toggle{flex:0 0 26px;display:grid}.progress-panel.is-collapsed .passive-list,.progress-panel.is-collapsed .build-panel-context{display:none}.progress-panel.is-collapsed{overflow:hidden}.joystick{width:104px;height:104px}.joystick-knob{width:48px;height:48px}.player-status{left:50%;bottom:max(136px, calc(env(safe-area-inset-bottom) + 128px));width:min(240px,100vw - 32px)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto;transition-duration:.01ms;animation-duration:.01ms}}.minimap-overlay{top:max(12px, env(safe-area-inset-top));right:max(12px, env(safe-area-inset-right));z-index:6;pointer-events:auto;justify-items:center;gap:4px;width:196px;display:grid;position:absolute}.minimap-disc{width:196px;height:196px;position:relative}.minimap-disc:before{z-index:2;content:"";pointer-events:none;background:radial-gradient(circle at 50% 22%,#fff6d826,#0000 36%),conic-gradient(from 18deg,#56482d,#d5b466 12%,#756039 24%,#e3c879 38%,#6a5532 52%,#d2ac59 68%,#55452d 82%,#d7b96d);border:2px solid #dbbc6eb8;border-radius:50%;position:absolute;inset:0;box-shadow:0 8px 24px #00000075,inset 0 0 0 3px #131713e0;-webkit-mask:radial-gradient(circle,#0000 0 91px,#000 92px);mask:radial-gradient(circle,#0000 0 91px,#000 92px)}.minimap-open-button{z-index:1;cursor:pointer;background:#111713;border:0;border-radius:50%;width:188px;height:188px;padding:0;display:block;position:absolute;inset:4px;overflow:hidden}.minimap-open-button:focus-visible{outline-offset:4px;outline:2px solid #f0d17f}.minimap-canvas{width:188px;height:188px;display:block}.minimap-north{z-index:3;color:#f1d993;pointer-events:none;background:#111713f0;border:1px solid #e5c9849e;border-radius:50%;place-items:center;width:25px;height:22px;font-family:STKaiti,KaiTi,serif;font-size:12px;font-weight:850;display:grid;position:absolute;top:-3px;left:50%;transform:translate(-50%)}.minimap-zoom{z-index:4;background:#0e1411f0;border:1px solid #dbbc6e8c;border-radius:16px;grid-template-columns:30px 34px 30px;align-items:center;height:30px;display:grid;position:absolute;bottom:10px;right:-4px;box-shadow:0 4px 12px #0000006b}.minimap-zoom:after{color:#e9d39b;content:var(--minimap-zoom-label,"1×");font-variant-numeric:tabular-nums;text-align:center;grid-area:1/2;font-size:10px;font-weight:850}.minimap-control,.world-map-tool{color:#f0dfb3;cursor:pointer;background:0 0;border:0;place-items:center;padding:0;display:grid}.minimap-control{width:30px;height:28px}.minimap-zoom-out{grid-area:1/1}.minimap-zoom-in{grid-area:1/3}.minimap-control:hover:not(:disabled),.minimap-control:focus-visible,.world-map-tool:hover:not(:disabled),.world-map-tool:focus-visible{color:#fff2c9;background:#e7c67024}.minimap-control:disabled,.world-map-tool:disabled{cursor:default;opacity:.34}.minimap-region-label{color:#e8d6a8;text-overflow:ellipsis;white-space:nowrap;background:#0d1310e0;border:1px solid #dbbc6e57;border-radius:4px;max-width:188px;padding:3px 10px 4px;font-family:STKaiti,KaiTi,Microsoft YaHei,sans-serif;font-size:13px;font-weight:800;overflow:hidden;box-shadow:0 4px 14px #00000047}.world-map-overlay{z-index:18;padding:max(20px, env(safe-area-inset-top)) max(20px, env(safe-area-inset-right)) max(20px, env(safe-area-inset-bottom)) max(20px, env(safe-area-inset-left));-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);pointer-events:auto;background:#070a08c2;place-items:center;display:grid;position:absolute;inset:0}.world-map-overlay[hidden]{display:none}.world-map-panel{background:#111813;border:1px solid #dec37e8a;border-radius:6px;width:min(1100px,100%);max-height:100%;overflow:hidden;box-shadow:0 22px 72px #0000009e}.world-map-header{background:#121914fa;border-bottom:1px solid #ddc17a3d;justify-content:space-between;align-items:center;gap:16px;min-height:58px;padding:8px 10px 8px 18px;display:flex}.world-map-title{gap:2px;min-width:0;display:grid}.world-map-title strong{color:#f2dfaa;font-family:STKaiti,KaiTi,Microsoft YaHei,sans-serif;font-size:22px;line-height:1}.world-map-region{color:#9fae9e;text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:700;overflow:hidden}.world-map-tools{flex:none;align-items:center;gap:4px;display:flex}.world-map-tool{border:1px solid #0000;border-radius:50%;width:38px;height:38px}.world-map-tool:hover:not(:disabled),.world-map-tool:focus-visible{border-color:#dec37e57}.world-map-stage{background:#101713;position:relative;overflow:hidden}.world-map-canvas{aspect-ratio:1024/704;cursor:crosshair;touch-action:none;width:100%;height:auto;max-height:calc(100vh - 126px);display:block}.world-map-canvas.is-dragging{cursor:grabbing}.world-map-legend{color:#d8d6ca;pointer-events:none;background:#0a0f0cc7;border:1px solid #e3cf9d33;border-radius:4px;flex-wrap:wrap;justify-content:flex-end;gap:5px 10px;max-width:min(430px,100% - 24px);padding:6px 9px;font-size:10px;font-weight:700;display:flex;position:absolute;bottom:12px;right:12px}.world-map-legend span{align-items:center;gap:5px;display:inline-flex}.world-map-legend span:before{content:"";border:1px solid;width:7px;height:7px;transform:rotate(45deg)}.world-map-legend span[data-kind=court]{color:#d6ad49}.world-map-legend span[data-kind=shop]{color:#e1c071}.world-map-legend span[data-kind=pig]{color:#a9bd6a}.world-map-legend span[data-kind=dragon]{color:#57b9b2}.world-map-legend span[data-kind=elite]{color:#cf7659}.world-map-waypoint{color:#f1deb0;pointer-events:none;background:#0c110ee0;border-left:3px solid #e8c45b;align-items:center;gap:7px;max-width:min(320px,100% - 24px);padding:7px 10px;font-size:11px;font-weight:800;display:inline-flex;position:absolute;top:12px;left:12px;box-shadow:0 5px 18px #00000052}.world-map-waypoint[hidden]{display:none}.world-map-waypoint-icon{color:#f0cd62;flex:none;place-items:center;display:grid}.world-map-waypoint-text{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}@media (width<=700px){.camera-view-button{top:162px;right:max(8px, env(safe-area-inset-right));width:36px;height:36px}.game-menu-button{top:205px;right:max(8px, env(safe-area-inset-right));width:36px;height:36px}.performance-meter{top:248px;right:max(8px, env(safe-area-inset-right))}.game-menu-dialog{max-height:calc(100vh - 24px)}.game-menu-panel{padding:16px}.setting-row{flex-direction:column;align-items:flex-start;gap:10px}.audio-setting{grid-template-columns:1fr;gap:5px}.segmented-control{width:100%}.segmented-control button{flex:1 1 0}.control-layout,.guide-rules{grid-template-columns:1fr}.control-list>div{grid-template-columns:minmax(108px,.9fr) minmax(0,1.1fr)}.minimap-overlay{top:max(8px, env(safe-area-inset-top));right:max(8px, env(safe-area-inset-right));width:126px}.minimap-disc{width:126px;height:126px}.minimap-disc:before{-webkit-mask:radial-gradient(circle,#0000 0 57px,#000 58px);mask:radial-gradient(circle,#0000 0 57px,#000 58px)}.minimap-open-button{width:118px;height:118px;inset:4px}.minimap-canvas{width:118px;height:118px}.minimap-north{width:22px;height:20px;font-size:10px;top:-4px}.minimap-zoom{grid-template-columns:26px 29px 26px;height:27px;bottom:4px;right:-2px}.minimap-control{width:26px;height:25px}.minimap-region-label{max-width:126px;padding:2px 7px 3px;font-size:11px}.world-map-overlay{padding:max(8px, env(safe-area-inset-top)) max(8px, env(safe-area-inset-right)) max(8px, env(safe-area-inset-bottom)) max(8px, env(safe-area-inset-left))}.world-map-header{gap:8px;min-height:50px;padding:6px 6px 6px 12px}.world-map-title strong{font-size:18px}.world-map-tools{gap:1px}.world-map-tool{width:32px;height:32px}.world-map-canvas{max-height:calc(100vh - 78px)}.world-map-legend{justify-content:center;gap:4px 8px;max-width:none;padding:5px 7px;font-size:9px;bottom:7px;left:7px;right:7px}.world-map-waypoint{padding:5px 8px;font-size:10px;top:7px;left:7px}}.battle-panel{color:#f3ead2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#072322db;border:1px solid #e1c68061;border-radius:5px;box-shadow:0 8px 24px #000d0e4d}.storm-hud{top:max(12px, env(safe-area-inset-top));z-index:5;text-align:left;grid-template-columns:1fr auto;align-items:baseline;gap:2px 14px;min-width:190px;padding:8px 12px;display:grid;position:absolute;left:50%;transform:translate(-50%)}.storm-hud .phase-name{color:#e8c970;font-size:12px;font-weight:850}.storm-hud .match-time{color:#fff0c4;font-variant-numeric:tabular-nums;grid-area:1/2/3;font-size:22px;font-weight:850}.storm-hud small{color:#9dbbb0;font-size:9px}.storm-hud small i{color:#d9c38b;font-variant-numeric:tabular-nums;font-style:normal}.storm-visual{top:max(58px, calc(env(safe-area-inset-top) + 46px));z-index:6;color:#ffe7d6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);pointer-events:none;background:#300c10e0;border:1px solid #ff8c786b;border-radius:6px;gap:4px;width:min(360px,100vw - 28px);padding:10px 12px;display:grid;position:absolute;left:50%;transform:translate(-50%);box-shadow:0 10px 28px #28000859}.storm-visual[hidden]{display:none}.storm-visual.is-final{background:#2a1208e6;border-color:#ffd66e7a}.storm-visual-title{color:#ffd3b8;font-size:13px;font-weight:850}.storm-danger-level{color:#ff8d7a;font-size:11px;font-weight:800}.storm-visual-copy{color:#f0d7c6;margin:0;font-size:11px;line-height:1.45}.storm-visual-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:2px 0 0;display:grid}.storm-visual-stats div{gap:1px;display:grid}.storm-visual-stats dt{color:#c9a394;font-size:9px}.storm-visual-stats dd{color:#fff1d6;font-variant-numeric:tabular-nums;margin:0;font-size:12px;font-weight:800}.storm-direction-copy{color:#e8c4b0;font-size:10px}.world-sheet{right:max(18px, env(safe-area-inset-right));z-index:7;color:#f3ead2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);pointer-events:auto;background:#072322eb;border:1px solid #e1c68061;border-radius:6px;gap:8px;width:min(340px,100vw - 36px);max-height:min(46vh,420px);padding:10px 11px;display:grid;position:absolute;bottom:118px;overflow:auto;box-shadow:0 12px 28px #000d0e5c}.world-sheet[hidden]{display:none}.world-sheet-header{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.world-sheet-kicker{color:#9dbbb0;font-size:10px;display:block}.world-sheet-title{color:#ead69f;font-size:14px;font-weight:850;display:block}.world-sheet-close,.world-sheet-actions .mini-action,.world-sheet-pager .mini-action,.world-sheet-heap-item{pointer-events:auto}.world-sheet-close{color:#d9c38b;background:#ffffff0a;border:1px solid #e1c68047;border-radius:4px;flex:none;padding:3px 8px;font-size:11px}.world-sheet-note{color:#c9c3b2;margin:0;font-size:11px;line-height:1.4}.world-sheet-heap,.world-sheet-actions,.world-sheet-pager{flex-wrap:wrap;gap:6px;display:flex}.world-sheet-heap-item{color:#f3ead2;background:#ffffff0a;border:1px solid #e1c68038;border-radius:4px;padding:5px 8px;font-size:11px}.world-sheet-heap-item.is-active{color:#fff0c4;background:#e8c9701f;border-color:#e8c970b3}.resource-hud{top:max(14px, env(safe-area-inset-top));left:max(16px, env(safe-area-inset-left));z-index:5;align-items:center;gap:12px;min-height:38px;padding:7px 11px;display:inline-flex;position:absolute}.resource-hud span{color:#a9c6b9;font-size:10px;font-weight:750}.resource-hud b{color:#e9c96e;font-variant-numeric:tabular-nums;margin-left:3px;font-size:14px}.resource-hud span:last-child b{color:#82d2d4}.population-hud{top:max(14px, env(safe-area-inset-top));right:max(226px, calc(env(safe-area-inset-right) + 214px));z-index:5;grid-template-columns:auto 1fr;align-items:baseline;gap:0 5px;min-width:104px;padding:6px 9px;display:grid;position:absolute}.population-hud>b{color:#f0cd70;font-variant-numeric:tabular-nums;font-size:20px}.population-hud>small{color:#b7c8c0;font-size:9px}.population-hud>span{color:#91afa3;grid-column:1/-1;font-size:9px}.hud>.connection-chip{top:max(66px, calc(env(safe-area-inset-top) + 54px));right:max(226px, calc(env(safe-area-inset-right) + 214px));z-index:5;background:#072322d1;border-color:#e1c68047;justify-self:auto;height:28px;font-size:10px;position:absolute}.battle-announcement{top:max(132px, calc(env(safe-area-inset-top) + 122px));z-index:6}.battle-announcement .event-line{background:#052121e0;border:1px solid #e0be6b6b;border-left:3px solid #d6ad52;border-radius:3px}.target-frame{top:max(72px, calc(env(safe-area-inset-top) + 62px));z-index:5;grid-template-columns:52px minmax(0,1fr);align-items:center;gap:10px;width:min(430px,100vw - 36px);padding:8px 10px;display:grid;position:absolute;left:50%;transform:translate(-50%)}.target-frame[hidden]{display:none}.target-avatar-shell{background:#173f3a;border:1px solid #caa34e;border-radius:3px;place-items:center;width:52px;height:52px;display:grid;position:relative;overflow:hidden}.target-avatar,.target-symbol{width:100%;height:100%}.target-avatar{object-fit:cover}.target-avatar[hidden],.target-symbol[hidden]{display:none}.target-symbol{color:#e9c875;place-items:center;font-family:STKaiti,KaiTi,serif;font-size:25px;font-weight:900;display:grid}.target-copy{gap:4px;min-width:0;display:grid}.target-heading{justify-content:space-between;align-items:baseline;gap:9px;min-width:0;display:flex}.target-name{color:#f0dda8;text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.target-range{color:#b7c9c1;font-variant-numeric:tabular-nums;flex:none;font-size:10px;font-style:normal}.target-health{background:#011213cc;border:1px solid #ffffff21;border-radius:2px;height:8px;overflow:hidden}.target-health-fill{transform-origin:0;background:#c95549;width:100%;height:100%;display:block}.target-state{color:#92ada1;text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.target-range-feedback{gap:5px;display:flex}.target-range-feedback i{color:#db9c8c;background:#5f271f42;border:1px solid #be6a5566;border-radius:2px;padding:2px 5px;font-size:8px;font-style:normal;font-weight:800}.target-range-feedback i.is-in-range{color:#a9e0bd;background:#1c5b3e47;border-color:#71c5996b}.hud .player-hud{bottom:max(16px, calc(env(safe-area-inset-bottom) + 10px));left:max(16px, env(safe-area-inset-left));z-index:5;box-sizing:border-box;grid-template-columns:76px minmax(0,1fr);align-items:center;gap:12px;width:min(410px,100vw - 36px);min-height:122px;padding:11px 12px;display:grid;position:absolute;transform:none}.hud .player-hud .hero-portrait{object-fit:cover;border:1px solid #d2aa50;border-radius:3px;width:76px;height:96px}.player-hud .status-data{gap:5px;min-width:0;display:grid}.player-hud .status-row{justify-content:space-between;align-items:center;gap:8px;min-width:0;margin:0;display:flex}.hero-identity{gap:2px;min-width:0;display:grid}.hero-identity>b{color:#f0dda8;text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.hero-identity>small{gap:5px;display:flex}.hero-identity i{color:#a9c3b7;border:1px solid #dbbf783d;border-radius:2px;padding:1px 4px;font-size:8px;font-style:normal}.player-hud .lives{flex:none;gap:3px;display:flex}.player-hud .meter{box-sizing:border-box;background:#011112c7;border:1px solid #ffffff1f;border-radius:2px;height:14px;display:block;position:relative;overflow:hidden}.player-hud .meter>i{transform-origin:0;width:100%;height:100%;display:block}.player-hud .meter>span{color:#fff5df;font-variant-numeric:tabular-nums;text-align:center;text-shadow:0 1px 2px #000;place-items:center;margin:0;font-size:10px;font-weight:800;line-height:1;display:grid;position:absolute;inset:0}.player-hud .health-fill{background:linear-gradient(90deg,#b84238,#e66c55)}.player-hud .shield-fill{background:linear-gradient(90deg,#477fb4,#72c4e5)}.player-hud .experience-fill{background:linear-gradient(90deg,#b68d2c,#efd06a)}.player-hud .meter-line{grid-template-columns:32px minmax(0,1fr);align-items:center;gap:6px;min-width:0;display:grid}.player-hud .meter-line>small{color:#b9c9c1;text-align:right;font-size:9px;font-weight:800;line-height:1}.player-hud .health-track,.player-hud .shield-track,.player-hud .experience-track{height:14px}.player-hud .shield-track{background:#163b49;border-color:#6fc4e09e;box-shadow:inset 0 0 8px #52b1cf2e}.player-hud .experience-track{background:#4b3d18;border-color:#e8c35e94;box-shadow:inset 0 0 8px #e8c35e29}.player-hud .hud-stats{color:#a9beb4;font-variant-numeric:tabular-nums;justify-content:space-between;align-items:center;gap:8px;font-size:8px;display:flex}.motion-hud{bottom:max(150px, calc(env(safe-area-inset-bottom) + 144px));left:max(16px, env(safe-area-inset-left));z-index:5;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:8px;width:188px;padding:7px 9px;display:grid;position:absolute}.motion-hud>i{color:#e9c974;background:#0f453eb8;border:1px solid #e5c77c47;border-radius:50%;place-items:center;width:32px;height:32px;font-family:STKaiti,KaiTi,serif;font-size:16px;font-style:normal;font-weight:900;display:grid}.motion-hud>span{gap:2px;min-width:0;display:grid}.motion-hud b{color:#e9d8aa;font-size:10px}.motion-hud small{color:#91aca0;text-overflow:ellipsis;white-space:nowrap;font-size:8px;overflow:hidden}.build-strip{bottom:max(14px, calc(env(safe-area-inset-bottom) + 8px));z-index:5;pointer-events:auto;background:linear-gradient(#053132f5,#08433df0);border:1px solid #e7bc5eb3;border-radius:8px;justify-content:center;align-items:center;gap:9px;width:auto;min-width:0;max-width:calc(100vw - 300px);height:78px;padding:8px 11px;display:flex;position:absolute;left:50%;transform:translate(-50%);box-shadow:0 16px 36px #02212061,inset 0 1px #ffffff1f}.hud:has(.shop-panel:not([hidden])) .build-strip{transition:left .18s;left:36%}.build-group{border-right:1px solid #e2b85b40;grid-template-columns:auto auto;align-items:center;gap:5px;min-width:0;padding-right:9px;display:grid}.build-group:last-child{border-right:0;padding-right:0}.build-group label{color:#efd28b;letter-spacing:.12em;text-align:center;writing-mode:vertical-rl;font-size:9px;font-weight:800}.passive-slots,.equipment-slots,.hand-slots,.active-slot{gap:4px;display:flex}.build-slot{color:#d6c99f;cursor:pointer;background:radial-gradient(circle,#133f3d,#071f22);border:1px solid #d5ab5170;border-radius:6px;flex:none;place-items:center;width:42px;height:42px;padding:3px;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff14}.build-group.passives .build-slot{border-color:#61c4a994;border-radius:50%;width:44px;height:44px}.build-group.equipment .build-slot{clip-path:polygon(8% 0,92% 0,100% 20%,88% 100%,12% 100%,0 20%);border-color:#d1a650}.build-group.hand .build-slot{background:linear-gradient(145deg,#46321f,#1b3130);border:2px dashed #a98142}.build-group.active .build-slot{border:2px solid #efcc73;border-radius:50%;width:54px;height:54px;box-shadow:0 0 0 3px #e1b54b29,inset 0 0 12px #f1ca7038}.build-slot:hover,.build-slot:focus-visible,.build-slot.is-active{filter:brightness(1.08);outline-offset:1px;border-color:#efcc73;outline:2px solid #e1bd6447}.build-slot img{object-fit:contain;width:100%;height:100%}.build-slot .lv{color:#fff;background:#1e9b7e;border-radius:6px;padding:1px 3px;font-size:8px;font-weight:850;position:absolute;top:1px;right:1px}.build-slot .cooldown{color:#fff;background:#021214b8;place-items:center;font-size:15px;font-weight:900;display:grid;position:absolute;inset:0}.build-slot.rarity-blue{border-color:#278bd2}.build-slot.rarity-purple{border-color:#8653c7}.build-slot.rarity-gold{border-color:#d89b26}.build-slot.is-empty:after{color:#b1c4bb57;content:"+";font-size:22px}.action-button .active-skill-icon{object-fit:cover;border-radius:50%;width:42px;height:42px}.hud>.progress-panel{top:max(66px, calc(env(safe-area-inset-top) + 56px));left:max(16px, env(safe-area-inset-left))}.hud>.shop-panel{top:max(104px, calc(env(safe-area-inset-top) + 94px));right:max(226px, calc(env(safe-area-inset-right) + 214px))}.hud.has-airdrop .battle-announcement{top:max(174px, calc(env(safe-area-inset-top) + 164px))}.hud>.airdrop-banner{top:max(126px, calc(env(safe-area-inset-top) + 116px))}@media (width<=1320px) and (width>=781px){.build-strip{gap:7px;height:70px;padding:6px 9px}.build-slot{width:36px;height:36px}.build-group.passives .build-slot{width:38px;height:38px}.build-group.active .build-slot{width:46px;height:46px}.hud .player-hud{width:340px}}@media (width<=1050px) and (width>=781px){.hud .player-hud{grid-template-columns:54px minmax(0,1fr);gap:7px;width:280px;padding:7px}.hud .player-hud .hero-portrait{width:54px;height:68px}.build-strip{gap:6px;max-width:calc(100vw - 250px);height:62px;padding:5px 8px}.build-group{gap:4px;padding-right:6px}.build-slot{width:32px;height:32px;padding:2px}.build-group.passives .build-slot{width:34px;height:34px}.build-group.active .build-slot{width:42px;height:42px}.action-cluster{gap:7px}.action-button{width:55px;height:55px}.action-button.interact-button{width:47px;height:47px}.action-button.primary{width:68px;height:68px}}@media (width<=860px) and (width>=781px){.hud .player-hud{grid-template-columns:44px minmax(0,1fr);width:220px}.hud .player-hud .hero-portrait{width:44px;height:58px}.player-hud .hud-stats{display:none}.build-strip{max-width:calc(100vw - 220px);height:56px}.build-slot{width:28px;height:28px}.build-group.passives .build-slot{width:30px;height:30px}.build-group.active .build-slot{width:36px;height:36px}}@media (width<=780px),(pointer:coarse) and (width<=900px){.storm-hud{top:max(7px, env(safe-area-inset-top));min-width:150px;padding:5px 8px}.storm-hud .match-time{font-size:17px}.resource-hud{top:max(8px, env(safe-area-inset-top));left:max(8px, env(safe-area-inset-left));gap:7px;min-height:31px;padding:4px 7px}.resource-hud span{font-size:8px}.resource-hud b{font-size:11px}.population-hud{top:max(8px, env(safe-area-inset-top));right:max(134px, calc(env(safe-area-inset-right) + 126px));min-width:78px;padding:4px 6px}.population-hud>b{font-size:15px}.hud>.connection-chip{top:max(47px, calc(env(safe-area-inset-top) + 39px));right:max(134px, calc(env(safe-area-inset-right) + 126px));justify-content:center;width:28px;height:26px;padding:0}.hud>.connection-chip .connection-label{display:none}.target-frame{top:max(50px, calc(env(safe-area-inset-top) + 42px));grid-template-columns:40px minmax(0,1fr);gap:7px;width:min(330px,100vw - 300px);min-width:260px;padding:5px 7px}.target-avatar-shell{width:40px;height:40px}.battle-announcement{top:max(102px, calc(env(safe-area-inset-top) + 94px));width:min(330px,100vw - 300px)}.hud.has-airdrop .battle-announcement{top:max(140px, calc(env(safe-area-inset-top) + 132px))}.hud>.airdrop-banner{top:max(96px, calc(env(safe-area-inset-top) + 88px));width:min(280px,100vw - 300px)}.hud .player-hud{bottom:max(126px, calc(env(safe-area-inset-bottom) + 118px));grid-template-columns:58px minmax(0,1fr);width:min(310px,100vw - 300px);min-width:260px;min-height:104px;padding:6px 7px;left:50%;transform:translate(-50%)}.hud .player-hud .hero-portrait{width:58px;height:76px}.hero-identity>b{font-size:11px}.motion-hud{display:none}.build-strip{bottom:max(79px, calc(env(safe-area-inset-bottom) + 71px));gap:4px;min-width:0;max-width:min(420px,100vw - 240px);height:56px;padding:4px 6px}.build-group{grid-template-columns:auto;gap:2px;padding-right:5px}.build-group label{writing-mode:horizontal-tb;letter-spacing:0;font-size:7px}.build-slot{width:26px;height:26px;padding:2px}.build-group.passives .build-slot{width:26px;height:26px}.build-group.active .build-slot{width:32px;height:32px}.build-slot .lv,.build-slot .cooldown{font-size:7px}.hud>.progress-panel{top:max(82px, calc(env(safe-area-inset-top) + 74px));left:max(8px, env(safe-area-inset-left));width:min(250px,100vw - 290px);min-width:210px;max-height:45vh;overflow:auto}.hud>.shop-panel{top:max(82px, calc(env(safe-area-inset-top) + 74px));right:max(8px, env(safe-area-inset-right));width:min(280px,100vw - 290px);min-width:230px;max-height:52vh}}@media (width<=1160px) and (orientation:landscape) and (height<=520px){.motion-hud{display:none}.hud>.progress-panel{max-height:calc(100vh - 174px);overflow:auto}.population-hud,.hud>.connection-chip{right:max(216px, calc(env(safe-area-inset-right) + 208px))}.target-frame{top:max(118px, calc(env(safe-area-inset-top) + 110px));width:min(360px,100vw - 300px)}.battle-announcement{top:max(202px, calc(env(safe-area-inset-top) + 194px))}.game-menu-button{top:auto;right:max(62px, calc(env(safe-area-inset-right) + 54px));bottom:max(104px, calc(env(safe-area-inset-bottom) + 98px))}.hud .player-hud{left:max(16px, env(safe-area-inset-left));bottom:max(16px, calc(env(safe-area-inset-bottom) + 10px));grid-template-columns:50px minmax(0,1fr);gap:6px;width:min(220px,100vw - 624px);min-width:204px;min-height:96px;padding:6px}.hud .player-hud .hero-portrait{width:50px;height:68px}.hero-identity>b{font-size:11px}.player-hud .hud-stats{gap:4px;font-size:7px}.player-hud .meter>span{font-size:8px}.player-hud .health-track,.player-hud .shield-track,.player-hud .experience-track{height:12px}.player-hud .meter-line{grid-template-columns:27px minmax(0,1fr);gap:4px}.player-hud .meter-line>small{font-size:8px}.build-strip{min-width:350px;max-width:370px}}@media (width<=620px) and (orientation:portrait){.storm-hud{min-width:140px;left:45%}.population-hud{top:max(48px, calc(env(safe-area-inset-top) + 40px));right:auto;left:max(8px, env(safe-area-inset-left))}.hud>.connection-chip{top:max(56px, calc(env(safe-area-inset-top) + 48px));right:auto;left:max(90px, calc(env(safe-area-inset-left) + 82px));margin-right:0}.target-frame,.battle-announcement,.hud>.airdrop-banner{width:min(330px,100vw - 24px)}.target-frame{top:max(166px, calc(env(safe-area-inset-top) + 158px));width:min(300px,100vw - 90px)}.battle-announcement{top:max(250px, calc(env(safe-area-inset-top) + 242px))}.hud .player-hud{bottom:max(172px, calc(env(safe-area-inset-bottom) + 164px));width:min(330px,100vw - 24px)}.build-strip{bottom:max(118px, calc(env(safe-area-inset-bottom) + 110px));max-width:min(330px,100vw - 24px)}.hud>.progress-panel{top:max(98px, calc(env(safe-area-inset-top) + 90px));width:min(220px,100vw - 158px);min-width:0;left:12px;right:auto}.hud>.shop-panel{top:max(166px, calc(env(safe-area-inset-top) + 158px));width:auto;min-width:0;left:12px;right:12px}.world-sheet{left:12px;right:12px;bottom:max(108px, calc(env(safe-area-inset-bottom) + 96px));width:auto}.storm-visual{top:max(46px, calc(env(safe-area-inset-top) + 38px));width:min(320px,100vw - 16px)}}.flow-menu-host .game-menu-button,.flow-menu-host .performance-meter{display:none}.flow-menu-host{z-index:80}.hud>.connection-chip,.minimap-overlay .minimap-zoom{display:none}@media (width>=1200px){.hud .player-hud{top:max(14px, env(safe-area-inset-top));width:410px;height:122px;min-height:122px;max-height:122px;bottom:auto}.resource-hud{right:max(346px, calc(env(safe-area-inset-right) + 334px));height:56px;min-height:56px;padding:8px 14px;left:auto}.population-hud{align-content:center;height:56px;min-height:56px;padding:6px 12px}.motion-hud{top:max(150px, calc(env(safe-area-inset-top) + 144px));bottom:auto}.hud>.progress-panel{top:max(210px, calc(env(safe-area-inset-top) + 204px))}.build-strip{gap:10px;height:82px;padding:8px 12px}.build-group label{font-size:10px}.passive-slots,.equipment-slots,.hand-slots,.active-slot{gap:5px}.build-slot{width:44px;height:44px}.build-group.passives .build-slot{width:46px;height:46px}.build-group.active .build-slot{width:58px;height:58px}.action-cluster{right:max(24px, env(safe-area-inset-right));bottom:max(20px, calc(env(safe-area-inset-bottom) + 14px));width:260px;height:184px;display:block}.action-button,.action-button.interact-button,.action-button.primary{width:72px;height:72px;position:absolute;transform:none}.action-button.interact-button{bottom:0;left:0;right:auto}.action-button.active-skill{bottom:78px;left:72px;right:auto}.action-button.primary{bottom:96px;left:auto;right:0}.action-button:active,.action-button.is-pressed{transform:scale(.94)}.action-button .active-skill-icon{width:50px;height:50px}}.lobby-hero-stage{width:52%;height:78%;top:8%;bottom:auto;left:8%}.match-plaque{width:350px;min-height:430px;padding:50px 32px 32px;top:22%}.lobby-nav{width:min(620px,92vw);height:84px;padding:8px 34px;left:50%;right:auto;transform:translate(-50%)}.lobby-nav-button{border-left:1px solid #dfcc9724;border-right:0;align-content:center;gap:4px}.lobby-nav-button:first-child{border-left:0}.lobby-nav-button:last-child{border-right:0}.lobby-nav-button small{font-size:11px}.reconnect-card{right:auto;bottom:calc(max(20px, env(safe-area-inset-bottom)) + 96px);width:min(620px,92vw);left:50%;transform:translate(-50%)}.meta-screen{z-index:6;background:linear-gradient(#0316176b, #0215179e), var(--meta-backdrop,none) center / cover;position:absolute;inset:0}.meta-header{z-index:2;align-items:center;gap:20px;height:78px;padding:10px 20px;display:flex;position:absolute;top:18px;left:24px;right:24px}.meta-header>div{flex:1;min-width:0}.meta-header h2{color:#f5df9f;margin:2px 0 0;font-family:STKaiti,KaiTi,Microsoft YaHei,serif;font-size:26px;line-height:1.1}.meta-header>span{color:#9fb9ae;font-size:11px}.meta-back{color:#e8c975;cursor:pointer;background:#031d1d57;border:1px solid #e2c57657;border-radius:4px;min-height:44px;padding:0 14px;font-size:13px;font-weight:800}.meta-back:hover,.meta-back:focus-visible{background:#1f5c5085}.meta-tabs{z-index:2;gap:6px;display:flex;position:absolute;top:112px;left:50%;transform:translate(-50%)}.meta-tabs button{color:#9fb9ae;cursor:pointer;background:#052727d1;border:1px solid #dfcc9738;border-radius:4px;min-height:44px;padding:0 26px;font-size:13px;font-weight:800}.meta-tabs button.is-active{color:#fff4d7;background:linear-gradient(#246f60,#0e413d);border-color:#cba75c}.meta-content{z-index:1;scrollbar-width:none;position:absolute;inset:164px 5% 30px;overflow:auto}.meta-content::-webkit-scrollbar{display:none}.cultivation-layout{grid-template-columns:minmax(0,34%) minmax(0,1fr);gap:16px;height:100%;display:grid}.meta-card{border-radius:6px;min-height:0;padding:22px}.cultivation-layout>.meta-card:last-child{flex-direction:column;display:flex}.cultivation-realm{color:#f5df9f;margin:6px 0 4px;font-family:STKaiti,KaiTi,Microsoft YaHei,serif;font-size:40px;line-height:1.05}.cultivation-count{color:#d9c795;margin:0;font-size:16px;font-weight:800}.cultivation-bar{background:#031d1d8c;border:1px solid #dfcc9738;border-radius:999px;height:10px;margin:14px 0 16px}.cultivation-bar i{background:linear-gradient(90deg,#6bc0a8,#cba75c);border-radius:999px;height:100%;display:block}.cultivation-note{color:#9fb9ae;margin:0 0 16px;font-size:12px;line-height:1.7}.realm-chips{flex-wrap:wrap;gap:6px;margin-bottom:12px;display:flex}.realm-chips span{color:#9fb9ae;border:1px solid #dfcc9733;border-radius:4px;padding:5px 10px;font-size:11px;font-weight:750}.realm-chips span.is-current{color:#fff4d7;background:#cba75c38;border-color:#cba75c}.track-head{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:14px;display:flex}.track-head h3{color:#f5df9f;margin:0;font-size:19px}.track-head p{color:#9fb9ae;margin:4px 0 0;font-size:11px}.track-level{color:#fff4d7;background:#0e413d;border-radius:4px;flex:none;padding:8px 14px;font-size:13px;font-weight:850}.track-rail{scrollbar-width:thin;flex:1;grid-template-columns:repeat(auto-fill,minmax(146px,1fr));align-content:start;gap:10px;min-height:0;padding-right:4px;display:grid;overflow:hidden auto}.track-card{text-align:center;background:#062a28ad;border:1px solid #dfcc9738;border-radius:6px;align-content:start;gap:6px;padding:14px 12px;display:grid}.track-card.is-unlocked{border-color:#6bc0a88c}.track-mark{color:#f0d68f;border:2px solid #cba75c9e;border-radius:50%;place-content:center;justify-self:center;width:52px;height:52px;font-family:STKaiti,KaiTi,Microsoft YaHei,serif;font-size:22px;display:grid;position:relative}.track-mark em{background:#0b3b38;border:1px solid #cba75c9e;border-radius:50%;place-content:center;width:22px;height:22px;font-size:10px;font-style:normal;display:grid;position:absolute;bottom:-4px;right:-8px}.track-card b{color:#e8dcb4;font-size:12px}.track-card small{color:#9fb9ae;font-size:10px;line-height:1.5}.track-card i{color:#7f9a91;font-size:10px;font-style:normal;font-weight:800}.track-card.is-unlocked i{color:#6bc0a8}.codex-layout{grid-template-columns:minmax(0,220px) minmax(0,1fr);gap:16px;height:100%;display:grid}.codex-rail{border-radius:6px;align-content:start;gap:6px;padding:12px;display:grid}.codex-rail button{color:#cfe0d8;cursor:pointer;background:0 0;border:1px solid #dfcc9729;border-radius:4px;justify-content:space-between;align-items:center;min-height:44px;padding:0 14px;font-size:13px;font-weight:750;display:flex}.codex-rail button.is-active{color:#fff4d7;background:linear-gradient(#246f60,#0e413d);border-color:#cba75c}.codex-rail button b{color:#e8c975;font-size:12px}.codex-grid{border-radius:6px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));align-content:start;gap:10px;padding:14px;display:grid;overflow-y:auto}.profile-layout{grid-template-columns:minmax(0,32%) minmax(0,1fr);gap:16px;height:100%;display:grid}.rank-shell{grid-template-columns:minmax(0,1fr) minmax(0,300px);gap:16px;height:100%;display:grid}.match-log{align-content:start;gap:8px;display:grid}.match-log article{background:#062a288c;border:1px solid #dfcc9729;border-radius:5px;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;display:flex}.match-log b{color:#e8dcb4;font-size:13px}.match-log small{color:#9fb9ae;font-size:11px}.match-log strong{color:#e8c975;font-size:15px}@media (width<=900px){.lobby-hero-stage{width:56%;left:4%}.match-plaque{width:38%;min-height:0;padding:18px 14px 12px;top:58px;bottom:104px}.lobby-nav{height:62px;padding:6px 12px}.reconnect-card{bottom:calc(max(18px, env(safe-area-inset-bottom)) + 72px)}.meta-header{height:48px;padding:4px 8px;top:4px;left:5px;right:5px}.meta-header h2{font-size:16px}.meta-tabs{top:57px}.meta-content{inset:92px 5px 5px}.cultivation-layout,.profile-layout,.rank-shell,.codex-layout{gap:6px}}.settings-layout{flex:1;grid-template-columns:230px minmax(0,1fr);gap:14px;min-height:0;display:grid}.settings-rail{background:#0527279e;border:1px solid #dfcc9733;border-radius:6px;align-content:start;display:grid;overflow-y:auto}.settings-rail button{width:100%;min-height:64px;color:inherit;cursor:pointer;text-align:left;background:0 0;border:0;border-bottom:1px solid #dfcc9724;align-items:center;gap:12px;padding:12px;display:flex}.settings-rail button:last-child{border-bottom:0}.settings-rail button i{color:#ffe9bd;background:linear-gradient(#a5352a 0%,#7a2018 100%);border:1px solid #ecce829e;border-radius:4px;flex:none;place-content:center;width:34px;height:34px;font-family:STKaiti,KaiTi,Microsoft YaHei,serif;font-size:17px;font-style:normal;font-weight:800;line-height:1;display:grid;box-shadow:inset 0 1px #ffd8b057}.settings-rail button span{gap:2px;min-width:0;display:grid}.settings-rail button b{color:#e8dcb4;font-size:14px}.settings-rail button small{color:#9fb9ae;font-size:11px}.settings-rail button[aria-selected=true]{background:linear-gradient(90deg,#246f609e,#0000);box-shadow:inset 3px 0 #cba75c}.settings-rail button[aria-selected=true] b{color:#fff4d7}.game-menu-note{color:#9fb9ae;font-size:11px}.game-menu-close span:last-child{font-size:13px;font-weight:800}.setting-row{border-bottom:1px solid #dfcc9724;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:18px;min-height:64px;padding:10px 6px;display:grid}.setting-row:last-child{border-bottom:0}@media (width<=900px){.settings-layout{grid-template-columns:125px minmax(0,1fr);gap:6px}.settings-rail button{min-height:48px;padding:8px}.settings-rail button i{width:26px;height:26px;font-size:13px}.settings-rail button b{font-size:12px}.settings-rail button small{display:none}.setting-row{min-height:48px;padding:6px 4px}}.game-menu-dialog:has(.settings-layout){width:min(1180px,100%);max-height:min(860px,100vh - 40px)}.game-menu-header>div{flex:1;min-width:0}.game-menu-header .flow-eyebrow{margin:0 0 3px}.settings-layout{padding:16px 20px 20px}.settings-layout>.game-menu-content{background:#0527279e;border:1px solid #dfcc9733;border-radius:6px;min-height:0;overflow-y:auto}.settings-layout .game-menu-section-name{z-index:1;color:#e8c975;letter-spacing:.08em;background:#062a28eb;border-bottom:1px solid #dfcc972e;margin:0;padding:14px 20px;font-size:13px;font-weight:850;position:sticky;top:0}.codex-layout{align-items:stretch;height:100%;min-height:0}.codex-rail{align-self:stretch;height:100%;min-height:0}.codex-grid{height:100%;min-height:0;max-height:none}.lobby-catalog-item{color:inherit;cursor:pointer;font:inherit;text-align:left;border:1px solid #dec1772e}.lobby-catalog-item:hover,.lobby-catalog-item:focus-visible{background:#1f5c509e;border-color:#e9cb809e;outline:none}.codex-detail{z-index:20;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.codex-detail-backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#010e0f9e;position:absolute;inset:0}.codex-detail-card{border-radius:7px;width:min(460px,100%);padding:20px;position:relative}.codex-detail-card header{border-bottom:1px solid #dfcc972e;grid-template-columns:64px minmax(0,1fr) auto;align-items:center;gap:12px;padding-bottom:14px;display:grid}.codex-detail-card header img{object-fit:cover;background:#123d38;border:1px solid #e6ca8366;border-radius:4px;width:64px;height:64px}.codex-detail-card h3{color:#f5df9f;margin:2px 0 0;font-family:STKaiti,KaiTi,Microsoft YaHei,serif;font-size:24px;line-height:1.1}.codex-detail-close{color:#e8c975;cursor:pointer;background:#031d1d6b;border:1px solid #e2c57657;border-radius:4px;align-self:start;width:32px;height:32px;font-size:13px}.codex-detail-close:hover,.codex-detail-close:focus-visible{background:#1f5c509e}.codex-detail-card dl{gap:2px;margin:14px 0 0;display:grid}.codex-detail-card dl>div{border-bottom:1px solid #dfcc971f;grid-template-columns:84px minmax(0,1fr);align-items:baseline;gap:12px;padding:9px 2px;display:grid}.codex-detail-card dl>div:last-child{border-bottom:0}.codex-detail-card dt{color:#9fb9ae;font-size:12px}.codex-detail-card dd{color:#e8dcb4;margin:0;font-size:13px;line-height:1.6}.game-menu-header .game-menu-note{margin-left:auto}.game-menu-dialog:has(.settings-layout){height:min(760px,100vh - 48px);max-height:none}.settings-layout>.game-menu-content{flex-direction:column;display:flex}.game-menu-panel{flex:1;min-height:0;overflow-y:auto}.settings-panel-note{color:#9fb9ae;margin:0;padding:14px 20px;font-size:12px;line-height:1.8}.settings-panel-note+.settings-panel-note{padding-top:0}.settings-network-endpoint{word-break:break-all}.lobby-tools .flow-icon-button{background:0 0;border-color:#0000}.lobby-tools .flow-icon-button:hover,.lobby-tools .flow-icon-button:focus-visible{background:#104841f0;border-color:#e8c66f}