.game.ladder-map-active .canvas-wrap{inset:17.6% 0 0!important;z-index:4}
.game.ladder-map-active #world{visibility:hidden}
.game.ladder-map-active>.stick{display:none!important}
html.hd-enabled #app .game.ladder-map-active .controls,html.hd-enabled #app .game.ladder-map-active .original-menu,html.hd-enabled #app .game.ladder-map-active .original-chat,.game.ladder-map-active .quest-chip,.game.ladder-map-active .buff-row,.game.ladder-map-active .scene-label,html.hd-enabled #app .game.ladder-active [data-idle-entry]{display:none!important}
.ladder-scene{position:absolute;inset:0;display:flex;flex-direction:column;background:#152b28;color:#f5eed4;font-family:"Microsoft YaHei",sans-serif;letter-spacing:0;overflow:hidden}
.ladder-summary{position:absolute;top:0;left:0;right:0;z-index:3;height:27px;box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;gap:6px;padding:0 12px;border-bottom:1px solid #d3c38b88;background:#122f29de;color:#e6e8d4;font-size:11px;pointer-events:none}
.ladder-summary b{font-weight:600;color:#ffe4a8}
.ladder-map-scroll{flex:1;min-height:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:#a5aa8c #253d37}
.ladder-map{position:relative;width:100%;aspect-ratio:1/3;min-height:1100px;isolation:isolate}
.ladder-atlas,.ladder-map-fx{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;user-select:none}
.ladder-atlas{object-fit:fill}
.ladder-map-fx{z-index:1}
.ladder-route{position:absolute;inset:0;z-index:2}
.ladder-scene .ladder-node{position:absolute;transform:translate(-50%,-50%);display:grid;place-items:center;width:46px;height:46px;padding:0;min-width:0;min-height:0;border:0;border-radius:0;background:transparent;color:#fff5cc;box-shadow:none;font-family:inherit;letter-spacing:0;cursor:pointer;touch-action:pan-y;-webkit-tap-highlight-color:transparent}
.ladder-gate{width:36px;height:36px;display:grid;place-items:center;background:url('ladder117/level-gate.png') center/contain no-repeat;filter:drop-shadow(0 2px 2px #14231e)}
.ladder-node.milestone .ladder-gate{width:40px;height:40px}
.ladder-gate b{padding-top:4px;color:#ffedbd;font:bold 15px Georgia,serif;text-shadow:0 1px 2px #081a16,0 -1px 1px #081a16}
.ladder-node-label{position:absolute;top:43px;left:50%;transform:translateX(-50%);white-space:nowrap;font-size:9px;line-height:13px;text-shadow:0 1px 3px #061d17,1px 0 2px #061d17,-1px 0 2px #061d17;color:#fff5cc}
.ladder-node.cleared .ladder-node-label{top:27px;left:37px;padding:0 2px;background:#14362ee8;border:1px solid #d6c483;border-radius:50%;font-size:9px;line-height:12px}
.ladder-node.locked .ladder-gate{filter:saturate(.18) brightness(.75) drop-shadow(0 2px 2px #14231e)}
.ladder-node.locked .ladder-gate b{color:#d6d7cc}
.ladder-node.available .ladder-gate{filter:drop-shadow(0 0 3px #8feadd)}
.ladder-node.cleared .ladder-gate{filter:drop-shadow(0 0 2px #ffcf79)}
.ladder-node.selected .ladder-gate{outline:1px solid #fff4bd;outline-offset:2px;border-radius:50%;filter:drop-shadow(0 0 3px #fff2b1)}
.ladder-node:focus-visible .ladder-gate{outline:2px solid #fff;outline-offset:3px;border-radius:50%}
.ladder-dock{flex:none;padding:5px 10px 3px;background:#16382ff5;border-top:2px solid #bcab70;box-shadow:0 -2px 5px #112b2744;box-sizing:border-box}
.ladder-selection{display:flex;align-items:center;justify-content:space-between;gap:7px;height:43px}
.ladder-scene .ladder-floor-detail{display:flex;align-items:center;gap:7px;flex:1;min-width:0;min-height:0;height:43px;padding:0;border:0;background:none;box-shadow:none;color:#f8e7b4;text-align:left;border-radius:0;font-family:inherit;letter-spacing:0}
.ladder-floor-detail>strong{flex:none;font:23px/26px Georgia,serif;color:#f6d893}
.ladder-floor-detail>strong>small{font:9px/12px "Microsoft YaHei",sans-serif;padding-left:2px}
.ladder-floor-detail>span{min-width:0}
.ladder-floor-detail>span>b{display:block;font-size:12px;line-height:17px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ladder-floor-detail>span>small{display:block;font-size:9px;line-height:14px;color:#c1d0b9;white-space:nowrap}
.ladder-floor-detail>i{flex:none;font-style:normal;font-size:16px;color:#c6d2bb}
.ladder-challenge-row{display:flex;align-items:center;gap:7px;flex:none}
.ladder-practice{display:flex;align-items:center;gap:3px;font-size:10px;flex:none}
.ladder-practice input{width:13px!important;height:13px!important;margin:0;accent-color:#b5d3b0}
.ladder-practice small{display:block;font-size:9px;line-height:12px;color:#d5c6a4}
.ladder-scene .ladder-challenge{width:61px;height:32px;min-height:0;padding:0 4px;border:1px solid #dcc580;border-radius:2px;background:#415a40;color:#fff0bd;font-size:12px;font-family:inherit;letter-spacing:0;box-shadow:inset 0 0 0 2px #20372c,0 1px 2px #112b27}
.ladder-scene .ladder-challenge:disabled{opacity:.5;cursor:default}
.ladder-tools{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));height:40px;border-top:1px solid #b0b58a44;gap:3px}
.ladder-scene .ladder-tool{display:flex;align-items:center;justify-content:center;gap:4px;min-width:0;min-height:0;height:40px;padding:0;border:0;background:transparent;box-shadow:none;color:#e0e7d3;border-radius:0;font-size:10px;font-family:inherit;letter-spacing:0;white-space:nowrap}
.ladder-tool img{width:27px;height:27px;object-fit:contain;filter:drop-shadow(0 1px 1px #061c14)}
.ladder-scene button:hover:not(:disabled){color:#fff6cb}
.ladder-panel{letter-spacing:0}
.ladder-panel .ladder-detail h3{margin:14px 0 7px;font-size:15px;color:#f5e6be}
.ladder-panel .ladder-detail p,.ladder-panel .ladder-season,.ladder-entry-line{font-size:12px;line-height:1.7}
.ladder-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 12px}
.ladder-stats>div{display:flex;justify-content:space-between;gap:7px;align-items:center;padding:8px 0;border-bottom:1px solid #aeb9a04d;font-size:12px}
.ladder-stats b{color:#ffe8b3;font-weight:500}
.ladder-title-preview{display:block;width:min(100%,280px);height:auto;aspect-ratio:8/3;margin:8px auto}
.ladder-loot-list{display:flex;flex-wrap:wrap;gap:5px 10px;font-size:12px;line-height:1.8}
.ladder-loot{display:inline-flex;align-items:center;gap:5px;overflow-wrap:anywhere}
.ladder-loot img{width:24px;height:24px;object-fit:contain}
.ladder-loot .original-item-art{width:24px;height:24px;min-width:24px}
.ladder-rank-heading,.ladder-rank-row{display:grid;grid-template-columns:28px minmax(0,1fr) auto;gap:8px;align-items:center}
.ladder-rank-heading{font-size:11px;color:#c0ceb9;border-bottom:1px solid #c6c5a288;padding:8px 0}
.ladder-rank-row{padding:12px 0;border-bottom:1px solid #b5c0a64d;font-size:13px}
.ladder-rank-row>b{color:#f7d991;text-align:center}
.ladder-rank-row>span{min-width:0;overflow-wrap:anywhere}
.ladder-rank-row>span:last-child{text-align:right;color:#ffe5b1}
.ladder-rank-row small{display:block;font-size:10px;color:#c8d6c2;margin-top:4px}
.ladder-empty{padding:32px 0;text-align:center;color:#c1cfbd;font-size:13px}
.ladder-reward-balance{font-size:13px;padding-bottom:10px;border-bottom:1px solid #bfc7a955}
.ladder-reward-balance b{color:#ffdfa1}
.ladder-award{padding:12px 0;border-bottom:1px solid #b7c0a355}
.ladder-award>div:first-child{display:flex;justify-content:space-between;gap:8px;font-size:13px;margin-bottom:7px}
.ladder-award>div:first-child span,.ladder-award>small{color:#bdcdb8;font-size:11px}
.ladder-season{color:#c3d0bd}

html.hd-enabled.mobile-fit #modal.original-panel.ladder-entry-panel,html.hd-enabled #modal.ladder-entry-panel{position:fixed!important;inset:0!important;width:min(100vw,60dvh)!important;height:100dvh!important;min-height:0!important;max-width:none!important;max-height:none!important;box-sizing:border-box!important;margin:0 auto!important;padding:0!important;border:0!important;border-image:none!important;border-radius:0!important;box-shadow:none!important;background:#b5d5df!important;overflow:hidden!important}
html.hd-enabled #modal.ladder-entry-panel::before,html.hd-enabled #modal.ladder-entry-panel::after{display:none!important}
.ladder-entry-stage{position:absolute;inset:0;overflow:hidden;isolation:isolate;letter-spacing:0}
html.hd-enabled #modal.ladder-entry-panel{transform:none!important}
.ladder-entry-background,.ladder-entry-fx{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.ladder-entry-background{object-fit:cover;object-position:center}
.ladder-entry-fx{z-index:1}
.ladder-entry-title{position:absolute;left:5%;top:12.3%;width:90%;aspect-ratio:3/1;z-index:2;pointer-events:none;filter:drop-shadow(0 2px 2px #18383088)}
.ladder-entry-title img,.ladder-entry-title canvas{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
.ladder-entry-title.is-animated img{visibility:hidden}
html.hd-enabled #modal .ladder-entry-guide{position:absolute;left:6.8%;bottom:14%;width:auto;height:29%;aspect-ratio:2/3;z-index:3;min-height:0!important;padding:0!important;border:0!important;border-radius:0!important;background:none!important;box-shadow:none!important;cursor:pointer;transform-origin:center bottom;touch-action:manipulation}
.ladder-entry-guide>img{width:100%;height:100%;object-fit:contain;transform-origin:center bottom;filter:drop-shadow(0 1px 1px #25412a66);pointer-events:none}
.ladder-guide-fx{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;filter:drop-shadow(0 1px 1px #25412a66)}
.ladder-entry-guide.is-animated>img{visibility:hidden}
.ladder-guide-name{position:absolute;left:54%;top:0;transform:translateX(-100%);display:grid;place-items:center;writing-mode:horizontal-tb;color:#ffedb1;text-shadow:0 1px 2px #102720;font-size:12px;line-height:1;text-align:center;width:32px;height:94px;box-sizing:border-box;padding:0;white-space:nowrap;border:0;background:url('ladder117/entry-nameplate-v4.png') center/100% 100% no-repeat;pointer-events:none}
.ladder-guide-name-text{display:block;writing-mode:vertical-rl;text-orientation:upright;font-size:inherit;line-height:1;white-space:nowrap}
html.hd-enabled #modal .ladder-entry-menu{position:absolute;right:3.5%;bottom:16%;width:41%;height:136px;z-index:4;box-sizing:border-box;display:grid;grid-template-rows:repeat(2,44px);gap:5px;padding:30px 14px 13px;border:0;background:url('ladder117/entry-menu-v4.png') center/100% 100% no-repeat;color:#ffebbb}
html.hd-enabled #modal .ladder-entry-menu[hidden]{display:none}
html.hd-enabled #modal .ladder-entry-menu>button{display:block;width:100%;height:44px;min-height:44px!important;padding:0 2px!important;border:0!important;border-radius:0!important;background:none!important;box-shadow:none!important;color:#ffeab1!important;font-size:16px!important;line-height:1.3;letter-spacing:0;white-space:nowrap;text-shadow:0 1px 2px #091c16;touch-action:manipulation}
html.hd-enabled #modal .ladder-entry-menu>button:disabled{opacity:.55}
html.hd-enabled #modal .ladder-entry-guide:focus-visible{outline:2px solid #ffe7a3!important;outline-offset:2px}
@media(max-height:660px){.ladder-entry-title{top:8%;width:86%;left:7%}html.hd-enabled #modal .ladder-entry-guide{height:30%;bottom:12%;left:7%}html.hd-enabled #modal .ladder-entry-menu{bottom:14%;width:43%}.ladder-guide-name{font-size:10px}html.hd-enabled #modal .ladder-entry-menu>button{font-size:14px!important}}
.ladder-result{padding:22px 0;text-align:center}
.ladder-result strong{font:24px Georgia,"Microsoft YaHei",serif;color:#ffe7ac}
.ladder-result p{font-size:13px;line-height:1.8}
.rank-tabs{flex-wrap:wrap}
.ladder-combat .combat-title{position:relative}
#ladder-combat-info{position:absolute;right:9px;top:50%;transform:translateY(-50%);max-width:65%;margin:0;color:#f2e3af;font:11px/16px "Microsoft YaHei",sans-serif;letter-spacing:0;text-align:right;pointer-events:none}
.single-title img[src*="ladder-title"]{max-width:100%;height:auto}

@media(max-height:660px){.ladder-summary{height:25px;padding:0 9px;font-size:10px}.ladder-dock{padding:3px 7px 2px}.ladder-selection{height:40px}.ladder-scene .ladder-floor-detail{height:40px}.ladder-tools,.ladder-scene .ladder-tool{height:36px}.ladder-tool img{width:25px;height:25px}}