/* Interface-only layout. Battle rendering and hitboxes are unchanged. */
.settings140{width:min(1120px,96vw)!important;max-height:94vh;display:flex;flex-direction:column;padding:22px!important;border:1px solid #d5c29440;background:linear-gradient(145deg,#163039,#101e29);box-shadow:0 24px 90px #0009}
.settings-header140{display:flex;align-items:center;gap:18px;flex:none}.settings-header140 h2{margin:3px 0 12px;font-size:27px}.settings-header140 .caps{font-size:10px;letter-spacing:3px;color:#a8bcb9}.settings-class140{display:flex;gap:10px;align-items:center;margin-left:auto;font-size:12px;color:#a8bbb8}.settings-class140 select{padding:8px 28px 8px 10px;min-width:130px}
.settings-tabs140{display:flex;gap:22px;border-bottom:1px solid #b4c7c324;margin:4px 0 16px;padding:0;flex:none}.settings-tabs140 button{background:none;border:0;border-radius:0;padding:11px 2px;color:#8fa5a7}.settings-tabs140 button.active{color:#f1d79e;border-bottom:2px solid #d7bb76}
.settings-body140{min-height:0;overflow:auto;scrollbar-width:thin}.control-presets140{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:12px}.control-presets140>span{font-size:12px;color:#a9bebd;margin-right:4px}.control-presets140 button{font-size:12px;padding:7px 11px}.control-presets140 button.selected{border-color:#d5ba73;color:#f1dba8;background:#bb965526}.control-presets140 small{font-size:11px;color:#91a7a9;margin-left:auto}
.control-title140{display:flex;justify-content:space-between;align-items:center;gap:15px;margin:8px 0 9px}.control-title140 h3,.control-groups140 h3{font-size:14px;margin:0;color:#dfd7be;font-weight:600}.control-title140>span{color:#a4b6b6;font-size:12px}
.binding-hotbar140{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:6px;padding:10px;background:#08151c66;border:1px solid #a0b9b523;border-radius:8px}
.control-tile140{position:relative;display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-width:0;min-height:68px;padding:7px 3px!important;border:1px solid #729d9955!important;border-radius:5px!important;background:linear-gradient(#25414888,#132933ee)!important;box-shadow:0 3px 0 #020d1266;color:#e2e8df;font-size:12px;transition:border-color .15s,background .15s}
.control-tile140:hover,.control-tile140:focus-visible{border-color:#e3c483!important;background:#365052!important;outline:2px solid #e3c48335;outline-offset:2px}.control-tile140 kbd{display:block;max-width:100%;font:600 12px/1.2 "Microsoft YaHei",sans-serif;padding:3px 6px;background:#05151fb3;border:1px solid #a2c0ba44;border-bottom-width:2px;border-radius:4px;white-space:nowrap;color:#eedfb4}.control-name140{font-size:11px;line-height:1.3;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#adbfbc}.control-art140{display:flex;align-items:center;justify-content:center;min-height:34px}.control-art140 .wb-skill-icon{flex:none}.key-glyph140{font-size:29px;line-height:34px;color:#ddc186}.function-glyph140{font-size:18px;color:#aecdc7}.empty-key140{font-size:24px;line-height:34px;color:#6d8787}
.control-groups140{display:grid;grid-template-columns:.9fr 1.05fr 1.3fr;gap:20px;margin-top:17px}.control-groups140>section{border-top:1px solid #aec7bc22;padding-top:12px}.control-groups140 p{font-size:11px;line-height:1.5;margin:9px 0 0;color:#9bb0af}.direction-pad140{display:grid;grid-template-columns:repeat(3,50px);grid-template-rows:44px 44px;gap:5px;margin-top:10px;justify-content:center}.direction-pad140 .control-tile140{min-height:0;gap:1px;padding:2px!important}.direction-pad140 .control-name140{display:none}.direction-up{grid-column:2;grid-row:1}.direction-left{grid-column:1;grid-row:2}.direction-down{grid-column:2;grid-row:2}.direction-right{grid-column:3;grid-row:2}
.basic-actions140{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:10px}.function-actions140{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin-top:10px}.function-actions140 .control-tile140{min-height:94px}.settings-footer140{display:flex;align-items:center;gap:12px;flex:none;margin-top:18px;padding-top:14px;border-top:1px solid #adc4b924}.settings-footer140>span{margin-right:auto;color:#9cb1ad;font-size:12px}.settings-footer140 button{padding:9px 17px}
.sound-grid140{display:grid;grid-template-columns:1fr 1fr;gap:30px;min-height:295px;padding:2px 2px 12px}.sound-grid140>section{border:1px solid #9abbb129;border-radius:9px;padding:17px 20px;background:#091b214d}.setting-slider140{display:block;margin:20px 0 19px}.setting-slider140>span{display:flex;justify-content:space-between;align-items:center;font-size:14px;color:#d4ddd1}.setting-slider140 output{font-variant-numeric:tabular-nums;color:#f1d79e;font-size:19px;min-width:56px;text-align:right}.setting-slider140 input{display:block;width:100%;height:24px;margin:10px 0 5px;accent-color:#d0b36f;cursor:pointer;padding:0}.setting-slider140 small{font-size:12px;color:#90aaa5}.setting-toggle140{display:flex!important;align-items:center;gap:10px;min-height:38px;color:#cad7cd;font-size:13px}.setting-toggle140 input{width:17px;height:17px;accent-color:#d3b66f}.setting-tip140{margin-top:20px;padding:13px;background:#b9c89708;border-left:2px solid #758f76;color:#a3bbae;font-size:12px;line-height:1.6}
.field-guide140{width:min(1160px,96vw)!important;min-height:0!important;padding:25px 30px!important;max-height:96vh;overflow:auto;scrollbar-width:thin;background:linear-gradient(145deg,#162e37f5,#0b1d28f5)}.guide-header140{display:flex;gap:15px;align-items:center}.guide-header140 h2{font-size:20px;margin:2px 0}.guide-header140 .caps{font-size:9px;letter-spacing:2px}.guide-lead140{display:flex;gap:15px;justify-content:space-between;align-items:center;margin:26px 0 22px}.guide-lead140 h1{font-size:32px;line-height:1.25;margin:0 0 10px;color:#ecdfbf}.guide-lead140 p{font-size:14px;line-height:1.6;color:#adc3bb;margin:0}.guide-badge140{padding:7px 12px;border:1px solid #a6bfac44;border-radius:20px;font-size:11px;white-space:nowrap;color:#b7c6b1}
.guide-steps140{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.guide-steps140 article{border:1px solid #94b1a930;border-radius:8px;overflow:hidden;background:#08182055}.guide-picture140{position:relative;aspect-ratio:1.75;overflow:hidden;background:#17373e}.guide-picture140 img{display:block;width:100%;height:100%;object-fit:cover}.guide-picture140>span{position:absolute;left:13px;bottom:10px;font:600 24px/1 Georgia,serif;color:#f2dcaa;text-shadow:0 2px 8px #000;background:#07141b99;padding:7px 9px;border-left:2px solid #e2c388}.guide-caption140{padding:17px 18px 18px}.guide-caption140 h3{font-size:20px;color:#ebdcb9;margin:0 0 9px}.guide-caption140 p{font-size:13px;line-height:1.8;color:#b3c6be;margin:0}.guide-basics140{display:grid;grid-template-columns:1.1fr 1fr;gap:24px;align-items:center;padding:18px 0 10px}.guide-basics140 h3{font-size:13px;margin:0 0 8px;color:#ddd2b5}.guide-basics140 span{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:#abc1b9;margin-right:10px;margin-bottom:5px}.guide-basics140 p{font-size:13px;line-height:1.8;margin:0;color:#a8bcb3}.guide-basics140 kbd{font-size:11px;padding:2px 5px}.field-guide140 .page-foot{margin-top:5px;padding-top:15px;border-top:1px solid #9ebcaf22}




.control-art140 .wb-icon{display:block;width:34px;height:34px;flex:0 0 34px}.control-tile140.listening{outline:2px solid #e2c584;color:#ffe3a5;font-size:12px}.control-art140{min-width:34px}

.network170{height:100%;display:flex;flex-direction:column;gap:12px;padding:8px 4px;color:#c6d5d3}.network170 header,.network170 footer{display:flex;justify-content:space-between;align-items:center;gap:12px}.network170 h3{font-size:17px;margin:0}.network170 p,.network170 small{font-size:11px;line-height:1.7;color:#94adaf;margin:0}.network170 header>span{font-size:11px;color:#d2c295}.network-grid170{display:grid;grid-template-columns:1fr 1fr;gap:24px;flex:1;min-height:0}.network-grid170 section{min-width:0}.network-grid170 h4{font-size:12px;color:#d3c29d;margin:4px 0 10px}.network-grid170 section>div{display:flex;justify-content:space-between;gap:8px;padding:9px 0;border-bottom:1px solid #74999b26;font-size:11px}.network-grid170 b{font-size:11px;font-variant-numeric:tabular-nums;color:#dce0d0}.network170 footer{font-size:10px}.network170 footer button{font-size:11px;padding:9px 13px}