/* 1.8 PC game layout:1920x1080 logical coordinates. Only the root scales. */
#ui-root180{position:fixed;inset:0 auto auto 0;width:1920px;height:1080px;transform-origin:0 0;overflow:hidden;color:#dce4e4;--panel180:#10202ded;--edge180:#819bac48;--gold180:#d9c08c;--ink180:#e6ebed;--muted180:#90a8b8;--cell180:76px;isolation:isolate;font-family:"Microsoft YaHei","Segoe UI",sans-serif}
#ui-root180 *{box-sizing:border-box}#ui-root180 #screen,#ui-root180 #hud,#ui-root180 #modal{position:absolute;inset:0;width:1920px;height:1080px}#ui-root180 #screen{overflow:hidden}#ui-root180 #screen.playing{pointer-events:none}#ui-root180 #hud{pointer-events:none}#ui-root180 #modal{background:#030912a8;z-index:130;display:grid;place-items:center}#ui-root180 #modal[hidden],#ui-root180 [hidden]{display:none!important}#ui-root180 button{cursor:pointer;font-family:inherit;touch-action:none}#ui-root180 button:disabled{cursor:default;opacity:.44}#ui-root180 input,#ui-root180 select{font:18px "Microsoft YaHei",sans-serif}#ui-root180 .menu-shade{position:absolute;inset:0;display:grid;place-items:center;background:#06101b6b;padding:0;overflow:hidden}#ui-root180 .page{width:1800px;max-width:none;height:994px;max-height:none;margin:0;padding:30px 36px;overflow:hidden;background:linear-gradient(125deg,#182e3aeF,#101c29f5);border:1px solid #7a929948;border-radius:10px;box-shadow:0 25px 100px #0008}#ui-root180 .page-head,#ui-root180 .guide-header140{height:70px;flex:none;margin:0 0 20px;gap:20px}#ui-root180 .page-head h2,#ui-root180 .guide-header140 h2{font-size:32px;letter-spacing:2px}#ui-root180 .caps{font-size:12px;letter-spacing:3px;color:#819dad}#ui-root180 .back-btn{width:54px;height:46px;padding:0;font-size:25px}#ui-root180 .page-foot{display:flex;align-items:center;gap:14px;height:64px;min-height:64px;margin-top:16px;padding-top:12px;border-top:1px solid #8195a133;font-size:17px}#ui-root180 .page-foot button,#ui-root180 .room-bottom button{font-size:19px;padding:13px 25px}#ui-root180 .page-foot>.primary{min-width:220px}
/* Home positions are proportional to the design canvas, never to the browser viewport. */
#ui-root180 .cover160{position:absolute;inset:0}#ui-root180 .cover-top160{height:98px;padding:0 116px}#ui-root180 .cover-top160 nav button{font-size:17px;padding:12px 23px}#ui-root180 .cover-brand160>span{font-size:14px}#ui-root180 .cover-copy160{left:140px;top:257px;width:700px;max-width:none}#ui-root180 .cover-copy160 h1{font-size:96px;margin:24px 0 12px}#ui-root180 .cover-copy160>p{font-size:27px;margin:40px 0 30px}#ui-root180 .cover-copy160>p>small{font-size:17px;line-height:1.7}#ui-root180 .cover-subtitle160{font-size:13px;letter-spacing:6px}#ui-root180 .cover-play160{width:570px;max-width:none}#ui-root180 .cover-primary160{height:100px;padding:20px 28px;font-size:29px}#ui-root180 .cover-primary160 small{font-size:15px}#ui-root180 .cover-play160>button:not(.cover-primary160){height:56px;font-size:18px}#ui-root180 .cover-resume160{font-size:16px;margin-top:22px}#ui-root180 .cover-hero160{left:1110px;right:90px;top:110px;bottom:125px;width:auto}#ui-root180 .cover-portrait160{inset:0 0 230px}#ui-root180 .cover-roster160{bottom:0;left:0;right:0;gap:12px}#ui-root180 .cover-roster160>button{width:88px;height:90px}#ui-root180 .cover-roster160 img{height:68px;width:80px}#ui-root180 .cover-roster160 span{font-size:11px}#ui-root180 .cover-hero-title160{bottom:130px}#ui-root180 .cover-hero-title160 h2{font-size:30px}#ui-root180 .cover-foot160{left:116px;right:116px;bottom:30px;font-size:14px}#ui-root180 .cover-path160{font-size:15px;margin-top:35px}
/* Setup and lobby share one deliberate, dense preparation screen. */
#ui-root180 .setup160{width:1760px;padding:24px 32px;display:flex;flex-direction:column}#ui-root180 .setup160 .page-head{height:58px;margin-bottom:9px}#ui-root180 .setup160 .section-label{margin:6px 0 10px;font-size:17px}#ui-root180 .class-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;flex:none}#ui-root180 .class-card{height:230px;border-radius:7px;padding:8px;background:#0c1d2a9e}#ui-root180 .class-card>canvas{height:168px;width:210px}#ui-root180 .class-info h3{font-size:23px;margin:0}#ui-root180 .class-info p{font-size:14px;margin:7px 0}#ui-root180 .class-brief{font-size:16px;padding:12px;margin:10px 0}#ui-root180 .selected-mark{font-size:13px}#ui-root180 .setup-options{gap:16px;margin:10px 0}#ui-root180 .setup-options label{font-size:16px;gap:7px}#ui-root180 .setup-options input,#ui-root180 .setup-options select{height:48px;font-size:18px;padding:9px 12px}#ui-root180 .difficulty-note120{font-size:16px;margin:7px 0;padding:12px}#ui-root180 .setup160 .page-foot{margin-top:auto}#ui-root180 .mode-picker180{border-top:1px solid #748c993e;padding-top:12px;margin:10px 0}#ui-root180 .mode-picker180>header{display:flex;justify-content:space-between;font-size:18px;margin-bottom:12px}#ui-root180 .mode-picker180>header>span{font-size:14px;color:#87a3b1}#ui-root180 .mode-picker180>div{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}#ui-root180 .mode-picker180 button{display:flex;align-items:center;gap:15px;height:88px;text-align:left;padding:12px 18px;background:#102633;border:1px solid #6d849849;border-radius:5px}#ui-root180 .mode-picker180 button.selected{background:#263b45;border-color:#d4b885;box-shadow:inset 0 -3px #c6ac76}#ui-root180 .mode-picker180 button>i{font-style:normal;font-size:30px;color:#a4bccc;width:35px;text-align:center}#ui-root180 .mode-picker180 button>span{flex:1}#ui-root180 .mode-picker180 b{font-size:19px;color:#dcded8}#ui-root180 .mode-picker180 small{display:block;font-size:12px;color:#97b1bc;margin-top:8px}#ui-root180 .mode-picker180 em{font-style:normal;font-size:12px;color:#bba97a}#ui-root180 .mode-picker180>p{font-size:15px;color:#b3c6cc;margin:12px 0 4px}#ui-root180 .mode-picker180>label{display:flex;align-items:center;gap:14px;font-size:16px;padding-top:10px}#ui-root180 .mode-picker180>label select{padding:6px 12px}#ui-root180 .mode-picker180>label small{margin:0}#ui-root180 .narrow{width:1560px}#ui-root180 .online-profile,#ui-root180 .join-box{font-size:18px;gap:18px;padding:20px}#ui-root180 .online-profile input,#ui-root180 .online-profile select,#ui-root180 .join-box input{height:50px;padding:10px 14px}#ui-root180 .room-row{font-size:18px;min-height:82px;padding:14px 20px}#ui-root180 .lobby160{width:1640px}#ui-root180 .room-share{font-size:18px;height:110px}#ui-root180 .room-code{font-size:37px}#ui-root180 .room-members{gap:18px;margin:25px 0}#ui-root180 .member-card{height:318px}#ui-root180 .member-card canvas{width:230px;height:220px}#ui-root180 .member-card h3{font-size:24px}#ui-root180 .lobby-options{font-size:18px;gap:24px}#ui-root180 .lobby-options select{height:48px}#ui-root180 .room-bottom{display:flex;align-items:center;gap:15px;font-size:17px;margin-top:35px}
/* Unified combat HUD: party / mission / map-log / status / command deck. */
.hud180 .party180,.hud180 .mission180,.hud180 .system180,.hud180 .command180,.hud180 .status-ribbon180,.hud180 .clearance180{pointer-events:auto}.party180{position:absolute;left:30px;top:27px;width:324px;background:#081725ce;border:1px solid #64869945;border-radius:6px;padding:13px 15px;box-shadow:0 8px 20px #0003}.party180>header{display:flex;justify-content:space-between;align-items:center;font-size:17px;margin-bottom:10px}.party180 header button{font-size:12px;padding:5px 8px;background:transparent;border:1px solid #59798945;color:#a9c0cb}.teammate180{margin-top:11px}.teammate180 header{display:flex;justify-content:space-between;font-size:15px;gap:12px}.teammate180 header b{font-weight:500;color:#c8d9d8;max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.teammate180 header span{font-size:12px;color:#98acb7}.teammate180>i{height:7px;display:block;background:#1c2d38;margin-top:7px;border-radius:2px;overflow:hidden}.teammate180>i>em{height:100%;display:block;background:#74ab96}.teammate180>small{display:block;font-size:11px;text-align:right;color:#93aaa9;margin:3px 0}.solo180{font-size:14px;color:#77939e}.party180 #stats180{border-top:1px solid #5c7c9145;margin-top:14px;padding-top:8px}.party180 #stats180>header{display:flex;justify-content:space-between;font-size:11px;color:#8ba1ae}.party180 #stats180>div{display:grid;grid-template-columns:90px 1fr 82px;gap:7px;font-size:13px;align-items:center;margin:7px 0}.party180 #stats180>div>b{text-align:right;font-weight:500;color:#decca6}.party180 #stats180 small{text-align:right;font-size:11px;color:#95b1b5}.party180 #stats180>div>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mission180{position:absolute;top:26px;left:550px;width:820px;text-align:center;text-shadow:0 2px 4px #000b}.mission180>header{display:flex;gap:15px;justify-content:center;font-size:14px;letter-spacing:1px;color:#8ea9b5}.mission180>header>b{color:#e0c78c;font-size:17px;letter-spacing:2px}.mission180>h2{font-size:21px;font-weight:500;color:#d0e0e4;margin:8px 0}.mission180 #objective180>small{font-size:13px;color:#9fb7be}.mission180 #boss180{width:640px;margin:13px auto 0;background:#0a1822b8;padding:10px 18px;border:1px solid #997c5944;border-radius:5px}.mission180 #boss180:empty{display:none}.mission180 #boss180>header{display:flex;justify-content:space-between;font-size:17px;gap:20px}.mission180 #boss180>header>b{color:#e7ccaa;font-weight:500}.mission180 #boss180>header>span{font-size:13px;color:#becac9}.boss-life180,.boss-break180{height:9px;background:#211e248c;margin:8px 0 0;border-radius:2px;overflow:hidden}.boss-life180 i{display:block;height:100%;background:linear-gradient(90deg,#906757,#d5a682)}.boss-break180{height:5px;margin-top:5px}.boss-break180 i{display:block;height:100%;background:#81b4c0}.boss-break180.broken i{background:#e6cb7c}.mission180 #boss180>small{font-size:11px;display:block;margin-top:5px;color:#a1bac3}.objective-health180{display:flex;gap:14px;align-items:center;font-size:16px;max-width:650px;margin:10px auto}.objective-health180>i{flex:1;height:12px;background:#112a368e;border:1px solid #62849180}.objective-health180>i>b{display:block;height:100%;background:#6aa8b2}.objective-health180 em{font-style:normal;color:#e0d2ab}.energy-slots180{display:flex;justify-content:center;align-items:center;gap:10px}.energy-slots180>span{font-size:23px;color:#42616e}.energy-slots180>span.filled{color:#96e4e2;text-shadow:0 0 12px #74cfd5}.energy-slots180>small{font-size:13px;margin-left:18px;color:#bed7d8}
.system180{position:absolute;right:30px;top:26px;width:306px;text-align:right}.system180>div{display:flex;justify-content:flex-end;gap:9px}.system180 button{font-size:14px;padding:9px 14px;background:#0b1e2bd4;border:1px solid #718c9955;border-radius:4px;color:#c5d6dc}.system180>small{display:block;color:#829eac;font-size:11px;margin:8px 0}.system180 canvas{display:block;width:306px;height:156px;border:1px solid #637e9254;border-radius:5px;opacity:.9}.command180{position:absolute;left:72px;right:72px;bottom:27px;height:168px;display:flex;align-items:center;gap:20px;padding:15px 19px 23px;background:linear-gradient(150deg,#182c38f5,#091722f5);border:1px solid #809bab70;border-top:2px solid #c5b28796;border-radius:9px;box-shadow:0 14px 50px #0008}.identity180{display:flex;width:343px;flex:none;align-items:center;gap:10px;height:127px}.identity180>canvas{width:105px;height:134px;image-rendering:pixelated}.identity180>div{flex:1;min-width:0}.identity180 header{display:flex;align-items:center;justify-content:space-between;font-size:16px;gap:8px;margin-bottom:10px}.identity180 header b{font-weight:500;color:#dfe8e5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.identity180 header span{font-size:14px;color:#e1c886;white-space:nowrap}.vital180{height:25px;position:relative;background:#111e27;border:1px solid #859f9444;border-radius:3px;margin:6px 0;overflow:hidden}.vital180>i{display:block;position:absolute;top:0;bottom:0;left:0}.vital180>b{position:absolute;inset:0;display:grid;place-items:center;z-index:1;font-size:13px;font-weight:500;text-shadow:0 1px 3px #000;color:#edf2df}.health180>i:first-child{background:linear-gradient(90deg,#773f4a,#b36265)}.health180 #shield180{height:4px;bottom:0;top:auto;background:#decd99}.mana180{height:19px}.mana180>i{background:linear-gradient(90deg,#27527b,#538ab1)}.mana180>b{font-size:11px;color:#d8e8e8}.identity180 #sp180{font-size:13px;color:#d9c98e;background:none;border:0;padding:5px 0}.combat-keys180{display:flex;align-items:center;gap:9px;flex:1;min-width:0}.skill180{position:relative;flex:0 0 74px;width:74px;height:89px;background:#0b1c2b;border:1px solid #7f97a85f;border-radius:4px;padding:6px 5px 13px;overflow:hidden;box-shadow:inset 0 0 9px #0009}.skill180:hover{border-color:#cebf95}.skill180>.wb-icon{display:block;width:62px;height:62px;border-radius:3px;image-rendering:pixelated}.skill180>.wb-slot-empty{font-size:28px;line-height:62px;color:#4a6474}.skill180>kbd{position:absolute;left:4px;top:3px;z-index:3;min-width:19px;height:19px;line-height:19px;background:#07131fe8;border:1px solid #55708477;color:#d3dfdf;font:12px "Segoe UI",sans-serif;text-align:center;box-shadow:0 1px 2px #000}.skill180>.cooldown180{position:absolute;left:0;right:0;bottom:0;background:#030b14b3;pointer-events:none}.skill180>.cooldown-text180{position:absolute;inset:0;display:grid;place-items:center;font-size:23px;color:#f2eee1;font-weight:600;text-shadow:0 2px 4px #000;pointer-events:none}.skill180.executing{border-color:#d3ca9a;box-shadow:0 0 13px #d2bf8466}.skill180.starter180{margin-right:8px;border-color:#c6ad7966}.command-menu180{width:211px;flex:none;display:grid;gap:7px;border-left:1px solid #7c99aa3a;padding-left:17px}.command-menu180 button{display:flex;align-items:center;gap:9px;font-size:15px;padding:9px 10px;background:#152d3bc2;border:1px solid #718b9d43;color:#c8d8e0;border-radius:3px}.command-menu180 kbd{margin-left:auto;font-size:11px;color:#d5c899;background:#172633;padding:2px 5px;border:0}.command-menu180 small{font-size:11px;color:#839ca7;text-align:center}.experience180{position:absolute;left:18px;right:18px;bottom:10px;height:4px;background:#203442;overflow:hidden;border-radius:2px}.experience180>i{display:block;height:100%;background:#bba875}.status-ribbon180{position:absolute;left:420px;bottom:204px;display:flex;gap:8px;height:48px}.status-ribbon180>span{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:48px;height:48px;padding:3px 7px;background:#0c2230df;border:1px solid #9bb3a747;border-radius:3px}.status-ribbon180 i{font-style:normal;color:#a9d5ce;font-size:17px}.status-ribbon180 b{font-size:11px;color:#dfd2a8;font-weight:500}.alert180{position:absolute;top:232px;left:490px;width:940px;text-align:center;color:#eddbb1;font-size:21px;text-shadow:0 2px 5px #000;pointer-events:none}.alert180:empty{display:none}.context-hint180{position:absolute;bottom:204px;left:970px;right:300px;text-align:right;color:#e4d2a2;font-size:16px;text-shadow:0 1px 5px #000}.combo180{position:absolute;bottom:208px;right:72px;font:italic 27px Georgia,serif;color:#e8d5a4}.offline180{position:absolute;left:590px;right:590px;top:470px;padding:25px;background:#321e26eb;border:1px solid #d29c85;color:#f6d2a8;text-align:center;font-size:23px}.clearance180{position:absolute;top:300px;left:850px;padding:13px 25px;font-size:17px;background:#263d42;border:1px solid #c7b277;color:#e2d5b8;border-radius:5px}
/* Persistent acquisition log is subordinate to mission/map, not scattered across combat. */
#ui-root180 .loot-feed150{position:absolute;top:273px;right:30px;width:306px;left:auto;border-radius:5px;background:#071722d9;z-index:30}#ui-root180 .loot-feed150 header{height:32px;font-size:14px;padding:0 9px}#ui-root180 .loot-feed150 header small{font-size:10px}#ui-root180 .loot-scroll150{box-sizing:content-box;height:135px;padding:0 7px}#ui-root180 .loot-scroll150>div{height:27px;min-height:27px;font-size:12px;gap:7px}#ui-root180 .loot-scroll150 b{font-size:12px}#ui-root180 .loot-scroll150>div>small{font-size:10px}#ui-root180 .card-reports150{position:absolute;left:480px;right:430px;top:282px;pointer-events:none}#ui-root180 .card-reports150>div{font-size:15px;padding:8px 13px;border-radius:5px}#ui-root180 .card-reports150 small{font-size:11px}#ui-root180 .choice150{position:absolute;inset:345px 0 auto 0;z-index:120;pointer-events:none}#ui-root180 .choice150>section{width:1010px;max-width:none;padding:14px;background:#0b1e2bef;border:1px solid #a4b5aa75;box-shadow:0 18px 60px #0008}#ui-root180 .choice150 header{font-size:20px;padding:6px}#ui-root180 .choice150 header small{font-size:14px;color:#a7b7b5}#ui-root180 .choice-cards150{gap:12px;margin-top:12px}#ui-root180 .choice-cards150 article{padding:16px;min-height:277px}#ui-root180 .choice-title150{height:52px;gap:14px}#ui-root180 .choice-title150 .wb-icon{width:46px;height:46px}#ui-root180 .choice-title150 b{font-size:19px}#ui-root180 .choice-title150 small{font-size:12px}#ui-root180 .choice-cards150 p{height:74px;font-size:16px;margin:12px 0 10px;line-height:1.65}#ui-root180 .choice-rank150{font-size:12px}#ui-root180 .choice-cards150 button{font-size:17px;padding:10px 8px}#ui-root180 .choice150 footer{font-size:14px;padding:11px 6px 3px}#ui-root180 .choice150 footer small{font-size:12px}
/* One workbench skeleton; fixed item cells and stable proportions at every resolution. */
#ui-root180 .workbench-prep{position:absolute;inset:0;display:grid;place-items:center;padding:0;background:#06142064}#ui-root180 .wb-shell.shell150{width:1840px;height:1008px;max-width:none;max-height:none;display:flex;flex-direction:column;border-radius:8px;background:linear-gradient(130deg,#172c39f7,#0d1c2af7);border:1px solid #8fa4ad55;--wb-cell:66px;overflow:hidden}#ui-root180 .wb-shell.inspect150{width:1840px;height:1008px}#ui-root180 .shell150 .wb-header{height:84px;min-height:84px;padding:14px 24px;gap:21px;border-bottom:1px solid #728b9a35}#ui-root180 .shell150 .wb-round{font-size:35px}#ui-root180 .shell150 .wb-header h1{font-size:27px;line-height:1.3}#ui-root180 .shell150 .wb-header h1 small{font-size:15px;margin-left:17px;color:#9db4bd}#ui-root180 .shell150 .wb-header p{font-size:15px;color:#8fa8b4;margin-top:6px}#ui-root180 .wallet150{font-size:18px}#ui-root180 .shell150 .wb-header button{font-size:18px;padding:10px 20px}#ui-root180 .shell150 .wb-tabs{height:59px;min-height:59px;padding:0 22px;gap:8px;background:#08192340}#ui-root180 .shell150 .wb-tabs button{font-size:19px;min-width:215px;padding:13px 24px}#ui-root180 .stage-banner160{font-size:14px;color:#a5bcc8;max-width:650px}#ui-root180 .potion-state150{font-size:13px}#ui-root180 .shell150 .wb-body{flex:1;min-height:0;overflow:hidden;padding:0}#ui-root180 .shell150 .wb-footer{height:68px;min-height:68px;padding:13px 24px;gap:18px;border-top:1px solid #647f9140;background:#102330df}#ui-root180 .shell150 .wb-footer span{font-size:16px}#ui-root180 .shell150 .wb-footer button{height:44px;min-width:220px;font-size:19px;padding:10px 24px}#ui-root180 .wb-party{gap:14px}
#ui-root180 .armory150{display:grid;grid-template-columns:446px minmax(0,1fr) 300px;height:100%;gap:0}#ui-root180 .armory150>section,#ui-root180 .wear150{padding:17px 16px}#ui-root180 .armory150 header{height:34px;min-height:34px}#ui-root180 .armory150 header h3{font-size:21px}#ui-root180 .armory150 header span{font-size:14px}#ui-root180 .catalog150{background:#0b202b60;border-right:1px solid #6d889a40}#ui-root180 .shop-tabs160{display:flex;gap:8px;height:45px;margin:12px 0 18px}#ui-root180 .shop-tabs160 button{font-size:16px;flex:1;padding:9px 14px}#ui-root180 .catalog-grid150{display:grid!important;grid-template-columns:repeat(5,76px)!important;grid-auto-rows:84px!important;gap:8px!important;justify-content:center;align-content:start;flex:1;min-height:0;overflow-y:auto;padding:3px 0}#ui-root180 .item150{width:76px!important;height:84px!important;min-width:76px;min-height:84px;border-radius:4px;padding:4px 3px!important;background:linear-gradient(135deg,#1b3646,#0a1b29)!important}#ui-root180 .item150 .wb-gear-art{width:66px!important;height:65px!important;max-height:none!important;max-width:none!important;flex:0 0 65px;display:grid;place-items:center;border:0;background:none}#ui-root180 .gear-sprite160{display:block;width:64px!important;height:64px!important;image-rendering:pixelated;background-repeat:no-repeat}#ui-root180 .item150 .wb-set-mark{right:0;bottom:0;font-size:13px;width:18px;height:18px;line-height:18px}#ui-root180 .item150>small{height:12px;line-height:12px;font-size:11px;max-width:69px}#ui-root180 .item150 .enhance150{bottom:16px;left:3px;font-size:12px}#ui-root180 .stack150{font-size:14px;line-height:17px;min-width:17px;right:2px;top:2px;padding:0 3px}#ui-root180 .item150.ticket150 .ticket-icon150{width:47px;height:48px;font-size:22px;margin:8px 0}#ui-root180 .catalog150>footer{height:56px;min-height:56px;font-size:14px;padding:12px 3px 0;color:#a0b6bd;line-height:1.65}#ui-root180 .stock-filter150{height:43px;min-height:43px;margin:12px 0 18px;gap:12px}#ui-root180 .stock-filter150 button{font-size:16px;padding:9px 13px;flex:none}#ui-root180 .stock-filter150 select{width:118px;flex:none;font-size:15px;padding:7px 9px}#ui-root180 .stock-grid150{display:grid!important;grid-template-columns:repeat(12,76px)!important;grid-template-rows:repeat(var(--inventory-rows,5),84px)!important;gap:8px!important;justify-content:center;align-content:start;flex:1;min-height:0;overflow:hidden}#ui-root180 .stock-grid150>.empty150{width:76px;height:84px;border-color:#60788930;background:#08192360}#ui-root180 .stock-paging150{height:43px;min-height:43px;font-size:14px;margin-top:9px}#ui-root180 .stock-paging150>span{font-size:13px}#ui-root180 .stock-paging150 button{font-size:20px;padding:3px 14px}#ui-root180 .buyback150{height:108px;min-height:108px;padding-top:8px}#ui-root180 .buyback150>header{height:25px;min-height:25px}#ui-root180 .buyback150>header b{font-size:14px}#ui-root180 .buyback150>header small{font-size:12px}#ui-root180 .buyback150>div{height:78px;gap:8px}#ui-root180 .buyback150 .item150{transform:scale(.8);transform-origin:top left;flex:0 0 61px;margin-right:-15px}#ui-root180 .wear150{background:#0b1d2b99;border-left:1px solid #6d899744}#ui-root180 .wear-portrait150{height:185px;margin:10px 0}#ui-root180 .wear-portrait150 canvas{width:170px;height:185px}#ui-root180 .wear-grid150{grid-template-columns:repeat(2,124px);justify-content:center;gap:13px 10px}#ui-root180 .wear-slot150{gap:9px;font-size:15px;min-height:84px}#ui-root180 .wear-slot150>span:first-child{writing-mode:vertical-rl;letter-spacing:5px;color:#9bafb5}#ui-root180 .wear-slot150 .empty150{width:76px;height:84px;line-height:84px}#ui-root180 .wear150 dl{margin:22px 4px 12px;gap:11px}#ui-root180 .wear150 dl>div{font-size:17px}#ui-root180 .wear150>p{font-size:13px;line-height:1.6}#ui-root180 .shop-goods150{display:grid;grid-template-columns:1fr;gap:13px;margin:0 0 17px}#ui-root180 .shop-goods150 button{height:88px;justify-content:flex-start;gap:20px;padding:15px!important;font-size:18px}#ui-root180 .shop-goods150 img,#ui-root180 .shop-goods150 .ticket-icon150{width:48px;height:50px;font-size:23px}#ui-root180 .shop-goods150 small{display:block;font-size:14px;margin-top:7px}#ui-root180 .shop-chaos150{display:grid;grid-template-columns:1fr;gap:12px}#ui-root180 .shop-chaos150 button{height:64px;font-size:18px;padding:12px 18px;text-align:left;display:flex;justify-content:space-between;align-items:center}#ui-root180 .shop-chaos150 small{font-size:13px;color:#cab583}#ui-root180 .shop-result150{font-size:16px;line-height:1.7;margin-top:22px;padding:15px;color:#c9d7d2}#ui-root180 .shop-result150 small{display:block;font-size:12px;color:#92aaad}
/* Skill tree uses the same icon scale; no browser-width dependent gap growth. */
#ui-root180 .growth150{grid-template-columns:minmax(0,1fr) 316px;height:100%}#ui-root180 .growth150>.wb-skill-workbench{grid-template-columns:minmax(0,1fr) 355px}#ui-root180 .growth150 .wb-tree-panel{padding:16px 22px}#ui-root180 .growth150 .wb-panel-title{height:43px;min-height:43px;font-size:18px;gap:15px}#ui-root180 .growth150 .wb-panel-title h3{font-size:23px}#ui-root180 .wb-panel-title .wb-small{font-size:14px;padding:8px 14px}#ui-root180 .wb-sp{font-size:17px}#ui-root180 .wb-core-label,#ui-root180 .wb-common-label{height:35px;font-size:16px;padding-top:9px}#ui-root180 .wb-core-label>span:last-child{display:none}#ui-root180 .growth150 .wb-core-tree{grid-template-columns:repeat(9,minmax(0,1fr));gap:7px 9px;grid-auto-rows:120px}#ui-root180 .wb-node-frame{width:66px;height:66px}#ui-root180 .wb-node-frame>.wb-icon{width:62px;height:62px}#ui-root180 .wb-node-name{font-size:15px;line-height:20px;max-width:107px}#ui-root180 .wb-node-gate{font-size:12px;line-height:16px}#ui-root180 .wb-node-rank{font-size:12px;padding:2px 5px}#ui-root180 .wb-node-key{font-size:11px;width:19px;height:19px;line-height:19px}#ui-root180 .wb-learn-short,#ui-root180 .wb-unlearn-short{width:21px;height:21px;font-size:17px;line-height:19px}#ui-root180 .growth150 .wb-common-tree{--wb-cell:44px;grid-template-columns:repeat(10,minmax(0,1fr));grid-auto-rows:81px;flex-basis:calc(var(--common-rows)*81px);gap:3px}#ui-root180 .wb-common-tree .wb-node-frame{width:44px;height:44px}#ui-root180 .wb-common-tree .wb-node-frame>.wb-icon{width:40px;height:40px}#ui-root180 .wb-common-tree .wb-node-name{font-size:12px;line-height:17px}#ui-root180 .wb-common-tree .wb-node-gate{font-size:10px}#ui-root180 .growth150 .wb-quickbar{height:94px;min-height:94px;gap:8px;margin-top:12px;padding-top:11px;border-top:1px solid #688a9b42}#ui-root180 .growth150 .wb-quickslot{width:72px;height:77px;flex:1;display:flex;align-items:center;justify-content:center;padding:5px;position:relative}#ui-root180 .growth150 .wb-quickslot .wb-icon{width:57px;height:57px}#ui-root180 .growth150 .wb-quickslot kbd{font-size:10px}#ui-root180 .growth150 .wb-quickslot small{display:none}#ui-root180 .wb-skill-details{padding:20px!important;overflow:auto;border-left:1px solid #6684964b}#ui-root180 .wb-section-kicker{font-size:11px;margin-bottom:15px}#ui-root180 .wb-skill-title .wb-icon{width:61px;height:61px}#ui-root180 .wb-skill-title{gap:15px}#ui-root180 .wb-skill-title h2{font-size:24px}#ui-root180 .wb-skill-title span{font-size:13px}#ui-root180 .wb-description110{font-size:16px;line-height:1.75;padding:12px;margin:13px 0}#ui-root180 .wb-rank-line{margin:15px 0}#ui-root180 .wb-rank-line strong{font-size:28px}#ui-root180 .wb-rank-line span,#ui-root180 .wb-rank-line em{font-size:14px}#ui-root180 .wb-number-table{font-size:15px}#ui-root180 .wb-number-table td{padding:8px 4px;font-size:15px}#ui-root180 .wb-number-table th{font-size:13px;padding-bottom:11px}#ui-root180 .wb-detail-footer{padding-top:14px;gap:12px}#ui-root180 .wb-detail-footer button{height:42px;font-size:16px;padding:9px 12px}#ui-root180 .wb-detail-footer small{font-size:12px;line-height:1.6}#ui-root180 .wb-slot-select-label{font-size:14px;gap:10px}#ui-root180 .wb-slot-select-label select{font-size:14px;padding:8px}#ui-root180 .wb-run-mods{font-size:13px;max-height:150px}#ui-root180 .owned-panel150{padding:16px 12px;border-left:1px solid #6887984b;background:#0c1f2b99}#ui-root180 .owned-panel150>header{height:36px}#ui-root180 .owned-panel150 h3{font-size:21px}#ui-root180 .owned-panel150 header>span{font-size:13px}#ui-root180 .unique-limit160{font-size:13px;margin:5px 0 9px}#ui-root180 .owned-filter150{margin:7px 0 14px;height:35px;gap:8px}#ui-root180 .owned-filter150 select{max-width:174px;font-size:14px;padding:7px}#ui-root180 .owned-filter150>span{font-size:12px}#ui-root180 .owned-list150>button{height:65px;margin-bottom:8px;padding:9px;gap:10px}#ui-root180 .owned-list150>button>.wb-icon{width:39px;height:39px;min-width:39px;flex:0 0 39px}#ui-root180 .owned-list150 b{font-size:14px;line-height:22px}#ui-root180 .owned-list150 small{font-size:11px;line-height:17px}#ui-root180 .owned-list150 em{font-size:15px}#ui-root180 .owned-panel150 footer{font-size:13px;padding:13px 5px}#ui-root180 .empty-owned150{font-size:16px;line-height:2}
#ui-root180 .tower-rewards180{height:136px;min-height:136px;display:grid;grid-template-columns:1.1fr 1fr;gap:25px;padding:13px 24px;border-bottom:1px solid #8a9b8540;background:#3a443224}#ui-root180 .tower-rewards180>div{display:flex;align-items:center;align-content:center;flex-wrap:wrap;gap:10px}#ui-root180 .tower-rewards180 b{font-size:18px}#ui-root180 .tower-rewards180 span{font-size:12px;color:#94adb2;margin-right:20px}#ui-root180 .tower-rewards180 button{font-size:14px;padding:9px 13px}#ui-root180 .tower-rewards180 button.selected{color:#e7d19f;border-color:#c9ae75;opacity:1;background:#455041}#ui-root180 .tower-rewards180 small{font-size:12px;color:#b1baa6}.shell150:has(.tower-rewards180) .wb-core-tree{grid-auto-rows:95px!important}.shell150:has(.tower-rewards180) .wb-node-gate{display:none}.shell150:has(.tower-rewards180) .stock-grid150{grid-template-rows:repeat(4,84px)!important}.shell150:has(.tower-rewards180) .catalog-grid150{grid-auto-rows:79px!important}
/* Stable floating comparison and contextual operations. */
#ui-root180 .popover150{position:absolute;width:710px;max-width:none;max-height:950px;padding:15px;background:linear-gradient(125deg,#203745f7,#0c1d2cf9);border:1px solid #ac967167;border-radius:6px;z-index:155;box-shadow:0 14px 65px #000a;overflow:auto}#ui-root180 .popover-head150{font-size:18px;padding-bottom:11px}#ui-root180 .popover-head150 button{font-size:23px;padding:4px 10px}#ui-root180 .compare150{gap:11px}#ui-root180 .compare-card150{padding:14px}#ui-root180 .compare-card150>small{font-size:12px}#ui-root180 .compare-card150 header{gap:12px;margin:10px 0}#ui-root180 .compare-card150 header>.wb-gear-art{width:52px;height:52px}#ui-root180 .compare-card150 header .gear-sprite160{width:50px!important;height:50px!important}#ui-root180 .compare-card150 h3{font-size:17px;line-height:1.5}#ui-root180 .compare-card150>p{font-size:14px;line-height:1.7;margin:9px 0}#ui-root180 .compare-card150 dl{font-size:15px;gap:8px;margin:15px 0}#ui-root180 .compare-card150 .special150{font-size:14px;padding-top:11px}#ui-root180 .set150{font-size:14px;margin-top:14px;padding-top:11px}#ui-root180 .set150 p{font-size:13px;margin:8px 0}#ui-root180 .set150 small{font-size:11px}#ui-root180 .popup-actions150{gap:10px;margin-top:15px}#ui-root180 .popup-actions150 button{font-size:16px;padding:11px 10px}#ui-root180 .popup-note150{font-size:12px;margin:12px 4px 0}#ui-root180 .variants150{gap:8px;font-size:14px;padding-bottom:12px}#ui-root180 .variants150 button{font-size:14px;padding:7px 11px}#ui-root180 .context180{position:absolute;z-index:170;width:270px;padding:8px;background:#122a39f5;border:1px solid #a5ac975f;border-radius:5px;box-shadow:0 13px 35px #0008}#ui-root180 .context180>header{font-size:15px;color:#d6c495;padding:9px 10px 13px;border-bottom:1px solid #8aa2a642;margin-bottom:6px}#ui-root180 .context180 button{display:block;width:100%;text-align:left;border:0;border-radius:2px;font-size:16px;min-height:42px;padding:10px 13px;background:transparent;color:#d4e1de}#ui-root180 .context180 button:hover{background:#355161;color:#f2dfac}#ui-root180 .drag180{position:absolute;z-index:180;pointer-events:none;opacity:.86;filter:drop-shadow(0 6px 12px #0008)}#ui-root180 .drag180>.wb-icon{display:block;width:76px;height:76px}#ui-root180 .dragging180{cursor:grabbing}#ui-root180 .drop-ready180{outline:3px solid #a9e4d5!important;outline-offset:3px;background:#467b7088!important}#ui-root180 #toasts{position:absolute;left:590px;right:590px;top:auto;bottom:238px;z-index:190;pointer-events:none;width:auto}#ui-root180 .toast{font-size:17px;padding:13px 21px;line-height:1.6;max-width:none;margin-top:9px;border:1px solid #8ca29e55;background:#112837ed;color:#e1e9dc}
/* Settings, manuals and practice use the same coordinate/typographic system. */
#ui-root180 .settings140{width:1600px;height:940px;max-width:none;max-height:none;padding:24px 30px;border-radius:8px}#ui-root180 .settings-header140{height:78px;min-height:78px;gap:18px}#ui-root180 .settings-header140 h2{font-size:30px}#ui-root180 .settings-class140{font-size:16px}#ui-root180 .settings-class140 select{font-size:17px;padding:8px 12px}#ui-root180 .settings-header140 button{font-size:24px}#ui-root180 .settings-tabs140{height:60px;min-height:60px;margin:12px 0 18px}#ui-root180 .settings-tabs140 button{font-size:20px;padding:15px 28px}#ui-root180 .settings-body140{min-height:0;flex:1;overflow:auto}#ui-root180 .control-presets140{height:48px;gap:14px;font-size:17px}#ui-root180 .control-presets140 button{font-size:15px;padding:9px 16px}#ui-root180 .control-presets140 small{font-size:13px}#ui-root180 .control-title140{height:56px;margin:11px 0;font-size:16px}#ui-root180 .control-title140 h3{font-size:22px}#ui-root180 .binding-hotbar140{gap:10px}#ui-root180 .control-tile140.slot-key140{height:126px;width:auto;min-width:0;padding:11px 6px}#ui-root180 .control-art140 .wb-icon{width:56px;height:56px}#ui-root180 .control-tile140 kbd{font-size:14px}#ui-root180 .control-name140{font-size:13px;line-height:18px}#ui-root180 .control-groups140{margin-top:28px;gap:25px}#ui-root180 .control-groups140 h3{font-size:21px}#ui-root180 .control-groups140 p{font-size:14px}#ui-root180 .control-groups140 .control-tile140{height:104px;width:96px}#ui-root180 .control-groups140 .control-tile140 kbd{font-size:20px}#ui-root180 .sound-grid140{gap:44px;padding:18px 28px}#ui-root180 .setting-slider140{margin-bottom:31px}#ui-root180 .setting-slider140 b{font-size:21px}#ui-root180 .setting-slider140 output{font-size:17px}#ui-root180 .setting-slider140 small{font-size:15px}#ui-root180 .setting-slider140 input{height:32px}#ui-root180 .setting-toggle140{font-size:18px;margin:21px 0}#ui-root180 .setting-toggle140 input{width:22px;height:22px}#ui-root180 .setting-tip140{font-size:16px;padding:18px;line-height:1.7}#ui-root180 .settings-footer140{height:58px;font-size:16px}#ui-root180 .settings-footer140 button{font-size:18px;padding:11px 25px}#ui-root180 .network170{font-size:18px;padding:15px 25px}#ui-root180 .network170 h3{font-size:24px}#ui-root180 .network170 p{font-size:16px;line-height:1.8}#ui-root180 .network170 table{width:100%;font-size:17px}#ui-root180 .network170 th,#ui-root180 .network170 td{padding:11px 15px}#ui-root180 .network170 button{font-size:18px;padding:11px 22px}#ui-root180 .pause-box{width:600px;max-width:none;padding:34px;font-size:19px}#ui-root180 .pause-box h2{font-size:32px}#ui-root180 .pause-box .stack{gap:15px}#ui-root180 .pause-box button{font-size:20px;padding:15px}#ui-root180 .pause-box p{font-size:17px;line-height:1.8}#ui-root180 .field-guide140{width:1720px;height:970px;padding:30px}#ui-root180 .guide-lead140 h1{font-size:35px}#ui-root180 .guide-lead140 p{font-size:19px}#ui-root180 .help-tabs160 button{font-size:18px;padding:13px 28px}#ui-root180 .guide-caption140 h3{font-size:23px}#ui-root180 .guide-caption140 p{font-size:17px;line-height:1.8}#ui-root180 .guide-basics140{font-size:18px;padding:22px 0}#ui-root180 .guide-footer140{font-size:17px}#ui-root180 .guide-footer140 button{font-size:18px;padding:13px 23px}#ui-root180 .atlas160{width:1800px;height:996px;padding:26px!important}#ui-root180 .atlas-filters160{height:48px;margin:6px 0 18px;gap:12px}#ui-root180 .atlas-filters160 select,#ui-root180 .atlas-filters160 input{font-size:18px;min-width:172px;padding:9px 14px}#ui-root180 .atlas-body160{grid-template-columns:minmax(0,1fr) 420px;gap:20px}#ui-root180 .atlas-grid160{gap:14px}#ui-root180 .atlas-card160{padding:16px}#ui-root180 .atlas-card160>b{font-size:20px;margin:13px 0;padding-right:42px}#ui-root180 .atlas-card160>small{font-size:13px}#ui-root180 .atlas-card160>p{font-size:15px;line-height:1.7}#ui-root180 .atlas-card160>span:last-child{font-size:13px}#ui-root180 .atlas-card160>.wb-icon{width:42px;height:42px;right:15px;top:15px}#ui-root180 .atlas-detail160{padding:23px}#ui-root180 .atlas-detail160>h2{font-size:28px;margin:18px 0}#ui-root180 .atlas-detail160>p{font-size:18px;line-height:1.9}#ui-root180 .atlas-detail160>small{font-size:13px}#ui-root180 .atlas-detail160>.wb-icon{width:64px;height:64px}#ui-root180 .atlas-detail160 dt{font-size:14px}#ui-root180 .atlas-detail160 dd{font-size:17px}#ui-root180 .atlas-detail160 h4{font-size:17px}#ui-root180 .atlas-related160 button{font-size:13px;padding:7px 9px}#ui-root180 .atlas-detail160>.primary{font-size:19px;padding:15px}#ui-root180 .bestiary-page160{width:1780px;max-width:none;height:980px}#ui-root180 .region-filter160{gap:10px;margin:18px 0}#ui-root180 .region-filter160 button{font-size:17px;padding:10px 19px}#ui-root180 .bestiary-grid160{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}#ui-root180 .bestiary-card160{height:320px;padding:16px}#ui-root180 .bestiary-card160 canvas{height:210px;width:270px}#ui-root180 .bestiary-card160 h3{font-size:22px}#ui-root180 .bestiary-card160 p{font-size:16px;max-width:290px}#ui-root180 .bestiary-card160 small{font-size:13px}#ui-root180 .training-tools{position:absolute;top:252px;left:30px;max-width:390px;display:flex;flex-wrap:wrap;gap:8px;background:#0d2230dd;padding:12px;font-size:14px;border:1px solid #7f9b9944;border-radius:5px}#ui-root180 .training-tools button,#ui-root180 .training-tools select{font-size:13px;padding:7px}#ui-root180 .bc-practice{position:absolute;left:30px;top:400px;width:300px;font-size:15px}#ui-root180 .bc-practice button{font-size:15px;padding:10px}#ui-root180 .practice140{width:1780px;height:980px;max-width:none;max-height:none}#ui-root180 .battle-loading{position:absolute;inset:0;display:grid;place-items:center;background:#071522ed;z-index:220}#ui-root180 .battle-loading h2{font-size:32px}#ui-root180 .battle-loading p{font-size:18px}#ui-root180 .result{width:1560px;height:950px}#ui-root180 .result-head h1{font-size:54px}#ui-root180 .result-head p{font-size:22px}#ui-root180 .result-stats{font-size:19px;margin:26px 0}#ui-root180 .result-player{font-size:21px;min-height:94px}#ui-root180 .result .hint-box{font-size:17px;padding:18px}#ui-root180 .release-notes140{width:1520px;max-width:none;height:940px;max-height:none;padding:28px}#ui-root180 .release-scroll140{font-size:18px}#ui-root180 .release-scroll140 p{font-size:17px;line-height:1.8}#ui-root180 .release-heading140 h3{font-size:29px}#ui-root180 .release-classes140 h4{font-size:22px}
@media(prefers-reduced-motion:reduce){#ui-root180 *{animation:none!important;transition:none!important}}

#ui-root180 .section-label{display:flex;justify-content:space-between;align-items:center;gap:30px}#ui-root180 .section-label>span{font-size:14px;color:#8aa4b0}#ui-root180 .wear-slot150{flex-direction:row;align-items:center}

#ui-root180 .settings140{width:1600px!important;max-width:none!important;height:940px!important;max-height:none!important;padding:24px 30px!important}#ui-root180 .field-guide140{width:1720px!important;height:970px;max-width:none!important;max-height:none!important;padding:30px!important}#ui-root180 .direction-pad140{grid-template-columns:repeat(3,85px);grid-template-rows:70px 70px;gap:8px;margin-top:18px;justify-content:center}#ui-root180 .direction-pad140 .control-tile140{width:85px;height:70px;min-height:70px;padding:6px!important}#ui-root180 .direction-pad140 .control-name140{display:none}#ui-root180 .basic-actions140,#ui-root180 .function-actions140{gap:12px;margin-top:18px}#ui-root180 .control-groups140 .control-tile140{width:auto;height:123px}#ui-root180 .control-groups140 p{margin-top:18px}#ui-root180 .control-art140 .wb-icon{flex:0 0 56px}#ui-root180 .control-groups140 .control-art140 .wb-icon{width:40px;height:40px;flex:0 0 40px}#ui-root180 .network-grid170{gap:36px}#ui-root180 .network-grid170 h4{font-size:21px;margin:14px 0}#ui-root180 .network-grid170 section>div{font-size:16px;padding:15px 0}#ui-root180 .network-grid170 b{font-size:16px}#ui-root180 .network170 footer{font-size:14px}#ui-root180 .network170 small{font-size:14px;line-height:1.7}.cannon-fail180{position:absolute;inset:0;background:#a214245c;pointer-events:none;z-index:118}

#ui-root180 .echo-craft180{flex:none;border:1px solid #8e86bc66;background:#171b3066;padding:10px 12px;margin:0 0 12px;border-radius:5px}#ui-root180 .echo-craft180 header{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:16px}#ui-root180 .echo-craft180 em{color:#e9d58f;font-size:23px;font-style:normal}#ui-root180 .echo-craft180 small{font-size:12px;color:#b9b4cf}#ui-root180 .echo-craft180>div{display:flex;gap:8px;margin-top:8px}#ui-root180 .echo-craft180 select{min-width:0;flex:1;font-size:15px;padding:9px}#ui-root180 .echo-craft180 button{flex:none;font-size:15px;padding:9px}#ui-root180 .atlas-filters160{grid-template-columns:200px 160px 160px 190px 1fr}

#ui-root180 .attributes180{width:1650px!important;height:960px;max-height:960px;padding:24px 30px!important;display:flex;flex-direction:column;background:linear-gradient(135deg,#122c39,#101c28);border:1px solid #b8a57366}#ui-root180 .attributes180>header{display:flex;align-items:center;gap:20px;height:100px;flex:none;border-bottom:1px solid #567b8144;margin-bottom:20px}#ui-root180 .attributes180>header>div>span{color:#bda773;font-size:12px;letter-spacing:3px}#ui-root180 .attributes180 h2{font-size:27px;margin:7px 0}#ui-root180 .attributes180 header p{font-size:15px;margin:0;color:#aec2c4}#ui-root180 .attributes-grid180{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:1fr 1fr;gap:20px;flex:1;min-height:0}#ui-root180 .attributes-grid180>section{border:1px solid #60899144;background:#08182277;padding:16px 20px;border-radius:5px;min-width:0}#ui-root180 .attributes-grid180 h3{font-size:20px;color:#e2c891;margin:0 0 12px}#ui-root180 .attributes-grid180 dl{margin:0}#ui-root180 .attributes-grid180 dl>div{display:flex;justify-content:space-between;gap:12px;min-height:31px;align-items:center;border-bottom:1px solid #55788222;font-size:16px}#ui-root180 .attributes-grid180 dt{color:#a6bdc4}#ui-root180 .attributes-grid180 dd{margin:0;color:#eef0dc;font-variant-numeric:tabular-nums;text-align:right;font-size:17px}#ui-root180 .attributes180>footer{display:flex;align-items:center;gap:28px;padding-top:16px;flex:none}#ui-root180 .attributes180>footer p{flex:1;margin:0;font-size:14px;line-height:1.65;color:#a9babf}#ui-root180 .attributes180>footer button{width:170px}#ui-root180 .wear-portrait150{height:90px;flex:none}#ui-root180 .wear-portrait150 canvas{width:90px;height:90px}#ui-root180 .wear150 dl>div{font-size:15px;min-height:27px}#ui-root180 .attributes-button180{width:100%;margin-top:8px;padding:10px;font-size:16px}

#ui-root180 .command-menu180{grid-template-rows:repeat(3,34px) 18px;gap:5px}#ui-root180 .command-menu180 button{min-height:0;padding:7px 12px;font-size:15px}

/* Final fixed-canvas visual corrections, no viewport-specific icon resizing. */
#ui-root180 .control-groups140 .direction-pad140 .control-tile140{height:70px!important;width:85px!important;min-height:70px!important}#ui-root180 .cover-hero-title160{bottom:164px!important}#ui-root180 .cover-hero-title160 p{line-height:1.65;margin:8px 0}#ui-root180 .cover-copy160>p.cover-description160{font-size:18px}#ui-root180 .card-reports150{top:276px;max-height:110px;overflow:hidden}#ui-root180 .card-reports150>div{padding:6px 12px;font-size:14px}.shell150:has(.tower-rewards180) .wear-portrait150{display:none}.shell150:has(.tower-rewards180) .wear150 dl{gap:5px;margin-top:12px}

#ui-root180 .practice-cards140{width:1740px!important;height:970px!important;max-width:none!important;max-height:none!important;padding:24px!important;display:flex;flex-direction:column}#ui-root180 .practice-filter140{font-size:18px;gap:16px;padding:12px 0}#ui-root180 .practice-filter140 button{font-size:17px;padding:10px 16px}#ui-root180 .practice-grid140{flex:1;min-height:0;gap:12px}#ui-root180 .practice-card140{padding:14px;min-height:0}#ui-root180 .practice-card140>b{font-size:19px}#ui-root180 .practice-card140>small{font-size:15px;line-height:1.6}#ui-root180 .practice-card-controls140{gap:10px}#ui-root180 .practice-card-controls140 button{font-size:17px;padding:8px 14px}#ui-root180 .practice-chaos140{font-size:15px}#ui-root180 .result180{display:flex;flex-direction:column}#ui-root180 .result180 .result-head{flex:none}#ui-root180 .result180 .result-head h1{margin:15px 0;font-size:44px}#ui-root180 .result180 .result-head p{font-size:19px;margin:8px 0}#ui-root180 .result180 .result-roster180{min-height:0;max-height:392px;overflow-y:auto}#ui-root180 .result180 .page-foot{margin-top:auto}#ui-root180 .hunt-ranking180{flex:1;min-height:0;display:flex;flex-direction:column;margin:14px 0}#ui-root180 .hunt-ranking180 header{display:flex;gap:20px;font-size:17px;margin-bottom:8px}#ui-root180 .hunt-ranking180 header span{color:#8ea7b1;font-size:14px}#ui-root180 .hunt-ranking180>div{min-height:0;overflow:auto;display:grid;grid-template-columns:1fr 1fr;gap:6px 20px}#ui-root180 .hunt-ranking180 p{display:flex;gap:12px;padding:8px;background:#06152066;margin:0;font-size:14px}#ui-root180 .hunt-ranking180 p span{color:#7e9ba7}#ui-root180 .hunt-ranking180 p em{margin-left:auto;font-style:normal;color:#d7c59a}#ui-root180 .guide-modes180{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:16px 0}#ui-root180 .guide-modes180>div{padding:13px 18px;border:1px solid #71868e55;background:#102c3833;font-size:18px}#ui-root180 .guide-modes180 span{display:block;font-size:13px;color:#92a9b0;margin-top:6px}#ui-root180 .field-guide140 .guide-basics140{padding:12px 0}#ui-root180 .field-guide140 .guide-picture140{height:205px}#ui-root180 .field-guide140 .guide-picture140 img{width:100%;height:100%;object-fit:cover}#ui-root180 .field-guide140 .guide-caption140{padding:14px 16px}

#ui-root180 .atlas-card160{display:grid!important;grid-template-rows:18px 31px minmax(0,1fr) 19px;gap:5px;padding:14px 16px!important;min-height:0;overflow:hidden}#ui-root180 .atlas-card160>b{font-size:19px;line-height:25px;margin:0!important}#ui-root180 .atlas-card160>small{line-height:18px}#ui-root180 .atlas-card160>p{margin:0;min-height:0;max-height:44px;height:auto;font-size:14px;line-height:21px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}#ui-root180 .atlas-card160>span:last-child{font-size:12px;line-height:19px;margin:0}#ui-root180 .atlas-detail-scroll160>h2{font-size:27px;margin:19px 0 13px}#ui-root180 .atlas-detail-scroll160>p{font-size:17px;line-height:1.85}#ui-root180 .atlas-detail-scroll160>.wb-icon{width:58px;height:58px}#ui-root180 .atlas-detail-actions160 button{font-size:18px;padding:14px}#ui-root180 .atlas-detail-actions160 small{font-size:12px;line-height:1.7}

#ui-root180 .tower-rewards180{height:76px;min-height:76px;padding:9px 24px;gap:18px}#ui-root180 .shell150:has(.tower-rewards180) .wb-core-label,#ui-root180 .shell150:has(.tower-rewards180) .wb-common-label{height:28px;padding-top:5px}#ui-root180 .shell150:has(.tower-rewards180) .wear-grid150{gap:7px 10px}#ui-root180 .shell150:has(.tower-rewards180) .wear150 dl{margin:10px 4px 8px;gap:4px}#ui-root180 .shell150:has(.tower-rewards180) .wear150 dl>div{min-height:25px;font-size:14px}

#ui-root180 .atlas-card160{grid-template-rows:18px 25px minmax(42px,1fr) 18px;gap:4px;padding:12px 16px!important}

#ui-root180 .hud180:has(.objective-health180) .alert180{top:310px}#ui-root180:has(.objective-health180) .card-reports150{top:350px}
#ui-root180 .result180 .result-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin:20px 0}#ui-root180 .result180 .result-stats>div{padding:17px;background:#071b2855;border:1px solid #758e9c44;border-radius:5px}#ui-root180 .result180 .result-stats span{display:block;font-size:14px;color:#9ab4bd;margin-bottom:8px}#ui-root180 .result180 .result-stats b{display:block;font-size:23px;line-height:1.4}#ui-root180 .result180 .result-player{display:grid;grid-template-columns:minmax(0,1.6fr) repeat(3,minmax(0,1fr));align-items:center;gap:20px;padding:13px 16px;min-height:98px;font-size:20px}#ui-root180 .result180 .result-player.header{min-height:48px;font-size:16px;padding:12px 16px}#ui-root180 .result180 .result-player .role{display:flex;gap:17px;align-items:center;min-width:0}#ui-root180 .result180 .result-player .role canvas{width:72px;height:72px;flex:0 0 72px}#ui-root180 .result180 .result-player .role b{font-size:19px}#ui-root180 .result180 .result-player .role p{font-size:15px;line-height:1.5;margin:7px 0;color:#a5bac3}#ui-root180 .result180 .result-player>.num{font-size:24px}#ui-root180 .result180 .result-player>span{font-size:20px}

#ui-root180 .result180 .result-player>:nth-child(n+2){text-align:center}