#ls-editor-visual { color-scheme:light; color:#202638; font:14px system-ui,-apple-system,"Segoe UI","Microsoft YaHei",sans-serif; } #ls-editor-visual, #ls-editor-visual * { box-sizing:border-box; } #ls-editor-visual .page-shell { max-width:1440px; margin:0 auto; overflow:hidden; color:#202638; background:#f4f5f8; } #ls-editor-visual .site-head { height:62px; display:flex; align-items:center; justify-content:space-between; padding:0 18px; background:#fff; border-bottom:1px solid #e4e7ed; } #ls-editor-visual .game-brand { display:flex; align-items:center; gap:9px; color:#bd8d24; } #ls-editor-visual .game-icon { width:35px; height:35px; display:grid; place-items:center; border:2px solid #d7b154; border-radius:50%; color:#fff; background:radial-gradient(circle at 48% 35%,#d59768,#6a313d 54%,#231c2c); font:700 11px Georgia,serif; box-shadow:0 2px 8px #9a794833; } #ls-editor-visual .game-brand b { display:block; font:700 13px Georgia,serif; } #ls-editor-visual .game-brand small { display:block; margin-top:2px; color:#536078; font-size:9px; } #ls-editor-visual .head-center { color:#62708a; font-size:11px; } #ls-editor-visual .head-actions { display:flex; gap:7px; } #ls-editor-visual button { cursor:pointer; font:inherit; } #ls-editor-visual .round,#ls-editor-visual .group-link { min-width:36px; height:34px; padding:0 12px; border:1px solid #d7b154; border-radius:18px; color:#7b5810; background:#fff; font-size:11px; } #ls-editor-visual .hero { position:relative; overflow:hidden; color:#fff; background:#171923; } #ls-editor-visual .hero.full { height:300px; } #ls-editor-visual .hero.short { height:250px; } #ls-editor-visual .art-backdrop {position:absolute;inset:0;background:#171923 center 43%/cover no-repeat} #ls-editor-visual .art-backdrop:before,#ls-editor-visual .art-backdrop:after { content:none; } #ls-editor-visual .art-backdrop span { position:absolute; right:22px; top:14px; color:#ffffffa8; font-size:9px; letter-spacing:1px; } #ls-editor-visual .art-shade { position:absolute; inset:0; background:linear-gradient(90deg,#080a10e8 0%,#10121ac9 38%,#17192330 76%,#17192318),linear-gradient(0deg,#05060a55,transparent 40%); } #ls-editor-visual .hero-copy { position:absolute; z-index:2; left:5%; top:50%; transform:translateY(-50%); width:min(500px,55%); } #ls-editor-visual .eyebrow { color:#e4b842; font-size:10px; letter-spacing:4px; } #ls-editor-visual .hero h1 { margin:13px 0 10px; color:#d8ad4e; font:800 clamp(30px,4.2vw,54px)/1.14 "Microsoft YaHei",system-ui,sans-serif; text-shadow:0 4px 18px #000b; } #ls-editor-visual .hero-copy p { color:#e2e4e9; font-size:12px; } #ls-editor-visual .hero-actions { display:flex; flex-wrap:wrap; gap:9px; margin-top:23px; } #ls-editor-visual .pill { min-width:100px; height:36px; padding:0 19px; border:1px solid #d9dce3; border-radius:20px; color:#202638; background:#f8f8fa; font-weight:600; font-size:11px; } #ls-editor-visual .pill.primary { border-color:#e2b849; color:#26221a; background:linear-gradient(135deg,#f1cc68,#c48a29); } #ls-editor-visual .slider { position:absolute; z-index:3; right:24px; bottom:17px; height:34px; display:flex; align-items:center; gap:9px; padding:0 12px; border-radius:20px; color:#fff; background:#262832b8; backdrop-filter:blur(9px); } #ls-editor-visual .slider button { width:22px; height:25px; padding:0; border:0; color:#fff; background:transparent; font-size:17px; } #ls-editor-visual .slider .pause { width:auto; font-size:9px; } #ls-editor-visual .dots { display:flex; align-items:center; gap:4px; } #ls-editor-visual .dots i,#ls-editor-visual .dots b { display:block; width:6px; height:6px; border-radius:50%; background:#ffffff8a; } #ls-editor-visual .dots b { width:9px; height:9px; background:#efc454; } #ls-editor-visual .content { padding:10px 18px 18px; } #ls-editor-visual .toolbar { display:flex; align-items:center; flex-wrap:wrap; gap:6px; padding:9px 11px; border:1px solid #dce1e9; border-radius:9px; background:#fff; } #ls-editor-visual input { min-width:0; height:34px; padding:0 11px; border:1px solid #d2d9e4; border-radius:5px; color:#526078; background:#fff; font:inherit; font-size:11px; } #ls-editor-visual .toolbar input { width:210px; margin-right:2px; } #ls-editor-visual .chip,#ls-editor-visual .select { height:32px; padding:0 12px; border:1px solid #d3dbe6; border-radius:18px; color:#40506b; background:#fff; font-size:10px; } #ls-editor-visual .chip.selected { border-color:#dcb64d; color:#302713; background:#f0c651; font-weight:700; } #ls-editor-visual .select { border-radius:5px; } #ls-editor-visual .saved { margin-left:auto; color:#5b7480; font-size:9px; } #ls-editor-visual .saved i { display:inline-block; width:6px; height:6px; margin-right:4px; border-radius:50%; background:#53a579; } #ls-editor-visual .board { margin-top:13px; overflow:hidden; border:1px solid #2b3b55; border-radius:12px; background:#111b2d; box-shadow:0 3px 10px #1522381c; } #ls-editor-visual .board-head { height:74px; display:flex; align-items:center; gap:13px; padding:10px 15px; border-bottom:1px solid #d8dee8; } #ls-editor-visual .tier-badge { width:62px; height:56px; display:grid; place-items:center; border-radius:7px; color:#1b2434; background:#ad3438; font-size:22px; font-weight:800; } #ls-editor-visual .tier-badge.orange { background:#c86d2d; } #ls-editor-visual .tier-label { display:flex; flex-direction:column; gap:4px; } #ls-editor-visual .tier-label b { font-size:14px; } #ls-editor-visual .tier-label small { color:#64728a; font-size:9px; } #ls-editor-visual .tier-menu { margin-left:auto; border:0; color:#637089; background:transparent; } #ls-editor-visual .tier-roles { min-height:150px; display:flex; flex-wrap:wrap; align-items:flex-start; gap:11px; padding:11px; background:linear-gradient(135deg,#152238,#101a2b); } #ls-editor-visual .role-card { width:96px; display:flex; flex-direction:column; align-items:center; gap:5px; color:#d8e1ef; font-size:12px; } #ls-editor-visual .role-card>span { max-width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } #ls-editor-visual .role-art { width:88px; height:114px; position:relative; display:grid; place-items:center; overflow:hidden; border:2px solid #b8923e; border-radius:7px; color:#fff; background:linear-gradient(145deg,#dd7d6d,#303348 55%,#d2b174); box-shadow:0 0 0 1px #f8e8b4,0 3px 8px #27324730; } #ls-editor-visual .role-art .portrait { position:absolute; inset:0; width:100%; height:100%; display:block; background-position:center; background-size:cover; } #ls-editor-visual .role-art::before { content:""; position:absolute; z-index:1; inset:4px; border:1px solid #fff0bd; border-radius:3px; background:linear-gradient(#fff0bd,#fff0bd) left top/9px 1px no-repeat,linear-gradient(#fff0bd,#fff0bd) left top/1px 9px no-repeat,linear-gradient(#fff0bd,#fff0bd) right top/9px 1px no-repeat,linear-gradient(#fff0bd,#fff0bd) right top/1px 9px no-repeat,linear-gradient(#fff0bd,#fff0bd) left bottom/9px 1px no-repeat,linear-gradient(#fff0bd,#fff0bd) left bottom/1px 9px no-repeat,linear-gradient(#fff0bd,#fff0bd) right bottom/9px 1px no-repeat,linear-gradient(#fff0bd,#fff0bd) right bottom/1px 9px no-repeat; box-shadow:inset 0 0 0 1px #47391655; pointer-events:none; } #ls-editor-visual .role-art i { position:absolute; z-index:2; right:3px; bottom:3px; padding:1px 3px; border:1px solid #f2d778; border-radius:4px; color:#ffe27a; background:#242333e8; font-size:9px; line-height:1; font-style:normal; text-shadow:0 1px 2px #30200c; } #ls-editor-visual .art-two { background:linear-gradient(145deg,#cabbb1,#333141 52%,#9274a3); } #ls-editor-visual .art-three { background:linear-gradient(145deg,#87b4ca,#30364b 52%,#e3ca86); } #ls-editor-visual .art-four { background:linear-gradient(145deg,#b77e56,#303348 55%,#899ca3); } #ls-editor-visual .art-five { background:linear-gradient(145deg,#8c7e54,#292b39 55%,#c1a0b4); } #ls-editor-visual .empty-slot { align-self:center; min-height:34px; padding:0 9px; border:1px dashed #c8d0dc; border-radius:5px; color:#6d788d; background:#fbfcfd; font-size:9px; } #ls-editor-visual .pool { margin-top:10px; padding:9px; border:1px solid #d8dee8; border-radius:10px; background:#fff; } #ls-editor-visual .job-filters { display:flex; align-items:center; flex-wrap:wrap; gap:5px; margin:0 0 9px; color:#64728a; font-size:9px; } #ls-editor-visual .job-chip { height:25px; padding:0 10px; border:1px solid #d8dee8; border-radius:15px; color:#526078; background:#fff; font:inherit; white-space:nowrap; } #ls-editor-visual .job-chip.selected { border-color:#dcb64d; color:#634d15; background:#fff3ce; } #ls-editor-visual .pool-head { display:flex; align-items:center; justify-content:space-between; gap:8px; } #ls-editor-visual .pool-head>div { display:flex; align-items:baseline; gap:9px; } #ls-editor-visual .pool-head b { font-size:14px; } #ls-editor-visual .pool-head small { color:#64728a; font-size:9px; } #ls-editor-visual .upload { height:32px; padding:0 10px; border:1px solid #dcb64d; border-radius:5px; color:#715414; background:#fffaf0; font-size:10px; } #ls-editor-visual .pool-grid { min-width:0; display:grid; grid-template-columns:repeat(10,minmax(0,1fr)); gap:8px; margin-top:0; } #ls-editor-visual .pool-role { min-width:0; min-height:124px; display:flex; flex-direction:column; align-items:center; justify-content:flex-start; gap:5px; padding:6px 5px 5px; border:1px solid #e4e8ef; border-top:2px solid #d2b762; border-radius:7px; color:#34415a; background:#fff; box-shadow:0 2px 5px #26385212; font-size:11px; text-align:center; } #ls-editor-visual .pool-role .portrait { width:min(100%,82px); height:84px; flex:none; display:block; position:relative; overflow:hidden; border:2px solid #b8923e; border-radius:5px; background:linear-gradient(140deg,#a66f62,#4f5368) center/cover no-repeat; box-shadow:0 0 0 1px #f8e8b4,0 2px 5px #4739162a; } #ls-editor-visual .pool-role .portrait::before { content:""; position:absolute; z-index:1; inset:3px; border:1px solid #fff0bd; border-radius:2px; background:linear-gradient(#fff0bd,#fff0bd) left top/8px 1px no-repeat,linear-gradient(#fff0bd,#fff0bd) left top/1px 8px no-repeat,linear-gradient(#fff0bd,#fff0bd) right top/8px 1px no-repeat,linear-gradient(#fff0bd,#fff0bd) right top/1px 8px no-repeat,linear-gradient(#fff0bd,#fff0bd) left bottom/8px 1px no-repeat,linear-gradient(#fff0bd,#fff0bd) left bottom/1px 8px no-repeat,linear-gradient(#fff0bd,#fff0bd) right bottom/8px 1px no-repeat,linear-gradient(#fff0bd,#fff0bd) right bottom/1px 8px no-repeat; box-shadow:inset 0 0 0 1px #47391655; pointer-events:none; } #ls-editor-visual .pool-role span { display:block; width:100%; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:11px; font-weight:600; line-height:1.25; } #ls-editor-visual .pool-role:nth-child(3n) .portrait { background-color:#668693; } #ls-editor-visual .pool-role:nth-child(3n + 1) .portrait { background-color:#806985; } #ls-editor-visual .pool-role .portrait[data-rank]::after { position:absolute; right:2px; bottom:2px; padding:1px 2px; border:1px solid #f2d778; border-radius:4px; color:#ffe27a; background:#242333d9; font-size:8px; line-height:1.1; letter-spacing:-1px; text-shadow:0 1px 2px #30200c; } #ls-editor-visual .pool-role .portrait[data-rank="3"]::after { content:"★★★"; } #ls-editor-visual .pool-role .portrait[data-rank="4"]::after { content:"★★★★"; } #ls-editor-visual .pool-role .portrait[data-rank="5"]::after { content:"★★★★★"; } #ls-editor-visual .pool-note { margin-top:8px; color:#788398; font-size:9px; } #ls-editor-visual .footer { min-height:60px; display:flex; align-items:center; justify-content:center; padding:10px 20px; border-top:1px solid #e1e5ec; background:#fff; } #ls-editor-visual .footer-group { width:min(760px,100%); display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); align-items:stretch; gap:0; } #ls-editor-visual .footer-module { min-width:0; min-height:48px; display:flex; align-items:center; justify-content:center; gap:8px; padding:7px 12px; color:#46536b; text-decoration:none; } #ls-editor-visual .footer-module + .footer-module { border-left:1px solid #e0e4eb; } #ls-editor-visual .group-module { flex-direction:column; gap:2px; color:#715414; font-size:9px; } #ls-editor-visual .group-module b { color:#33425b; font-size:11px; } #ls-editor-visual .group-module span { color:#788398; font-size:8px; } #ls-editor-visual .gamekee { display:flex; align-items:center; gap:7px; color:#33425b; } #ls-editor-visual .g-mark { width:25px; height:25px; display:grid; place-items:center; border:1px solid #cfaa4b; border-radius:50%; color:#a67a1d; font:700 15px Georgia,serif; } #ls-editor-visual .gamekee strong,#ls-editor-visual .lost-mark strong { display:block; font-size:11px; } #ls-editor-visual .gamekee small,#ls-editor-visual .lost-mark small { display:block; margin-top:2px; color:#788398; font-size:8px; } #ls-editor-visual .lost-mark { padding-left:20px; border-left:1px solid #d8dee8; color:#9b7627; font-family:Georgia,serif; letter-spacing:1px; } #ls-editor-visual .footer>a, #ls-editor-visual .footer-group>a { margin:0; color:#6b531b; font-size:10px; text-decoration:none; } #ls-editor-visual .footer-module.gamekee { gap:5px; } #ls-editor-visual .footer>a b { margin-left:7px; } @media(max-width:1100px) { #ls-editor-visual .pool-grid { grid-template-columns:repeat(8,minmax(0,1fr)); } } @media(max-width:700px) { #ls-editor-visual .site-head { height:54px; padding:0 9px; } #ls-editor-visual .game-icon { width:30px; height:30px; } #ls-editor-visual .game-brand small { font-size:8px; } #ls-editor-visual .head-center { display:none; } #ls-editor-visual .hero.full { height:220px; } #ls-editor-visual .hero.short { height:200px; } #ls-editor-visual .art-backdrop:before { width:190px; height:280px; right:-1%; top:4px; } #ls-editor-visual .art-backdrop:after { width:175px; height:255px; right:35%; top:10px; } #ls-editor-visual .art-backdrop span { top:7px; right:8px; font-size:7px; } #ls-editor-visual .art-shade { background:linear-gradient(90deg,#080a10e8 0%,#10121ab8 52%,#17192326 100%),linear-gradient(0deg,#05060a55,transparent 50%); } #ls-editor-visual .hero-copy { left:16px; top:43%; width:68%; } #ls-editor-visual .hero h1 { font-size:30px; } #ls-editor-visual .hero-copy p { max-width:240px; font-size:10px; } #ls-editor-visual .hero-actions { gap:6px; margin-top:15px; } #ls-editor-visual .pill { min-width:82px; height:34px; padding:0 12px; font-size:10px; } #ls-editor-visual .slider { right:8px; bottom:8px; height:30px; gap:4px; padding:0 7px; } #ls-editor-visual .slider button { width:18px; } #ls-editor-visual .slider .pause { font-size:8px; } #ls-editor-visual .dots { gap:3px; } #ls-editor-visual .dots i:nth-of-type(n+5) { display:none; } #ls-editor-visual .content { padding:8px 7px 12px; } #ls-editor-visual .toolbar { gap:4px; padding:7px; } #ls-editor-visual .toolbar input { width:100%; } #ls-editor-visual .saved { margin-left:auto; } #ls-editor-visual .chip,#ls-editor-visual .select { height:30px; padding:0 8px; font-size:9px; } #ls-editor-visual .board-head { height:62px; gap:8px; padding:7px; } #ls-editor-visual .tier-badge { width:48px; height:48px; font-size:18px; } #ls-editor-visual .tier-label b { font-size:12px; } #ls-editor-visual .tier-label small { font-size:8px; } #ls-editor-visual .tier-roles { min-height:91px; gap:4px; padding:6px; } #ls-editor-visual .role-card { width:49px; font-size:8px; } #ls-editor-visual .role-art { width:44px; height:57px; } #ls-editor-visual .role-art b { font-size:13px; } #ls-editor-visual .pool { padding:6px; } #ls-editor-visual .job-filters { flex-wrap:nowrap; overflow-x:auto; padding-bottom:2px; scrollbar-width:none; } #ls-editor-visual .job-filters::-webkit-scrollbar { display:none; } #ls-editor-visual .job-chip { flex:none; height:26px; padding:0 9px; } #ls-editor-visual .pool-head { align-items:flex-start; } #ls-editor-visual .pool-head>div { display:block; } #ls-editor-visual .pool-head small { display:block; margin-top:3px; } #ls-editor-visual .pool-grid { grid-template-columns:repeat(4,minmax(0,1fr)); gap:7px; } #ls-editor-visual .pool-role { min-height:106px; gap:4px; padding:5px 4px; font-size:10px; } #ls-editor-visual .pool-role .portrait { width:min(100%,68px); height:68px; } #ls-editor-visual .footer { justify-content:center; flex-wrap:wrap; gap:10px; padding:10px 6px; } #ls-editor-visual .footer-group { grid-template-columns:repeat(3,minmax(0,1fr)); gap:0; } #ls-editor-visual .footer-module { min-height:48px; gap:4px; padding:5px 3px; } #ls-editor-visual .footer-module + .footer-module { border-left:1px solid #e0e4eb; border-top:0; } #ls-editor-visual .lost-mark { padding-left:10px; } } @media(max-width:360px) { #ls-editor-visual .hero h1 { font-size:26px; } #ls-editor-visual .hero-copy { width:74%; } #ls-editor-visual .slider .pause { display:none; } #ls-editor-visual .pool-grid { grid-template-columns:repeat(4,minmax(0,1fr)); } } #ls-editor-visual .board { display:grid; grid-template-columns:92px minmax(0,1fr); align-items:stretch; } #ls-editor-visual .tier-band { --tier-accent:#ee5d8e; min-height:100%; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:5px; position:relative; border-left:3px solid var(--tier-accent); color:var(--tier-accent); background:linear-gradient(145deg,#29243a,#1b2135); } #ls-editor-visual .tier-band.orange { --tier-accent:#a47be8; background:linear-gradient(145deg,#272742,#1a2035); } #ls-editor-visual .tier-band::before { content:"TIER"; color:#a7b1c4; font-size:8px; font-weight:700; letter-spacing:2.6px; } #ls-editor-visual .tier-band::after { content:""; width:18px; height:2px; margin-top:3px; background:var(--tier-accent); opacity:.65; } #ls-editor-visual .tier-band b { font-size:20px; line-height:1; } #ls-editor-visual .tier-band small { display:none; } #ls-editor-visual .tier-band button { display:none; } #ls-editor-visual .tier-roles { min-height:146px; align-content:center; } @media(max-width:700px) { #ls-editor-visual .board { grid-template-columns:68px minmax(0,1fr); } #ls-editor-visual .tier-band b { font-size:13px; } #ls-editor-visual .tier-band small { max-width:50px; overflow:hidden; font-size:7px; white-space:nowrap; } #ls-editor-visual .tier-roles { min-height:91px; } }#ls-editor-visual .hero-copy { left:5%; top:50%; width:auto; } #ls-editor-visual .hero h1 { margin:0; font-size:clamp(28px,3.4vw,42px); } #ls-editor-visual .editor-title { display:flex; align-items:center; gap:10px; margin:0 0 10px; } #ls-editor-visual .editor-title input { max-width:360px; color:#25324a; font-size:15px; font-weight:700; } #ls-editor-visual .editor-title .saved { margin-left:auto; color:#5b7480; font-size:9px; } #ls-editor-visual .save-image { height:34px; padding:0 12px; border:1px solid #d7b154; border-radius:5px; color:#705518; background:#fffaf0; font-size:10px; } #ls-editor-visual .tier-actions { display:flex; gap:6px; margin-left:auto; padding-right:4px; } #ls-editor-visual .tier-actions button { width:30px; height:30px; border:1px solid #435b78; border-radius:50%; color:#d8e6f5; background:#1c2b40; font-size:16px; line-height:1; } #ls-editor-visual .pool-tools { display:flex; align-items:center; flex-wrap:wrap; gap:5px; margin:10px 0; } #ls-editor-visual .pool-tools input { width:210px; } #ls-editor-visual .pool-tools .chip { height:30px; padding:0 10px; border:1px solid #d3dbe6; border-radius:18px; color:#40506b; background:#fff; font-size:9px; } #ls-editor-visual .pool-tools .chip.selected { border-color:#dcb64d; background:#f0c651; } #ls-editor-visual .pool-tools .select { height:30px; padding:0 9px; border:1px solid #d3dbe6; border-radius:5px; color:#40506b; background:#fff; font-size:9px; } #ls-editor-visual .pool-add { min-height:66px; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:2px; padding:2px 1px; border:1px dashed #c9a84e; border-radius:4px; color:#80611d; background:#fffaf0; font-size:8px; } #ls-editor-visual .pool-add b { font-size:21px; font-weight:400; } @media(max-width:700px) { #ls-editor-visual .hero-copy { left:16px; top:50%; width:auto; } #ls-editor-visual .hero h1 { font-size:25px; } #ls-editor-visual .editor-title input { max-width:54%; font-size:13px; } #ls-editor-visual .editor-title .saved { font-size:8px; } #ls-editor-visual .save-image { padding:0 7px; font-size:9px; } #ls-editor-visual .tier-actions { gap:4px; padding-right:0; } #ls-editor-visual .tier-actions button { width:27px; height:27px; } #ls-editor-visual .pool-tools input { width:100%; } #ls-editor-visual .pool-add { min-height:58px; flex-direction:column; gap:2px; padding:2px 1px; font-size:7px; } } #ls-editor-visual .portrait.Pc_Lueira_01{background-image:url("//cdnimg-v2.gamekee.com/wiki2.0/pro/50439/images/lostsword/ac6b2813f177.webp")} #ls-editor-visual .portrait.Pc_Morganlefay_01{background-image:url("//cdnimg-v2.gamekee.com/wiki2.0/pro/50439/images/lostsword/bd5deeb6dcbc.webp")} #ls-editor-visual .portrait.Pc_Kei_03{background-image:url("//cdnimg-v2.gamekee.com/wiki2.0/pro/50439/images/lostsword/32737480316d.webp")} #ls-editor-visual .portrait.Pc_CowQueen_01{background-image:url("//cdnimg-v2.gamekee.com/wiki2.0/pro/50439/images/lostsword/c18d5e1beb08.webp")} #ls-editor-visual .portrait.Pc_Galahad_01{background-image:url("//cdnimg-v2.gamekee.com/wiki2.0/pro/50439/images/lostsword/0bd557bdeff9.webp")} #ls-editor-visual .portrait.Pc_Percival_01{background-image:url("//cdnimg-v2.gamekee.com/wiki2.0/pro/50439/images/lostsword/179bda438deb.webp")} #ls-editor-visual .portrait.Pc_Lua_01{background-image:url("//cdnimg-v2.gamekee.com/wiki2.0/pro/50439/images/lostsword/c12dcb7586d5.webp")} #ls-editor-visual .portrait.Pc_Lancelot_01{background-image:url("//cdnimg-v2.gamekee.com/wiki2.0/pro/50439/images/lostsword/826b554d56f2.webp")} #ls-editor-visual .portrait.Pc_Elizabeth_01{background-image:url("//cdnimg-v2.gamekee.com/wiki2.0/pro/50439/images/lostsword/bc1d6acf9827.webp")} #ls-editor-visual .portrait.Pc_Jan_01{background-image:url("//cdnimg-v2.gamekee.com/wiki2.0/pro/50439/images/lostsword/25cf4f9bf361.webp")} #ls-editor-visual .portrait.Pc_Tristan_01{background-image:url("//cdnimg-v2.gamekee.com/wiki2.0/pro/50439/images/lostsword/77d81ddc768b.webp")} #ls-editor-visual .portrait.Pc_Kirke_01{background-image:url("//cdnimg-v2.gamekee.com/wiki2.0/pro/50439/images/lostsword/26bd35a4725d.webp")} #ls-editor-visual .portrait.Pc_Gawain_01{background-image:url("//cdnimg-v2.gamekee.com/wiki2.0/pro/50439/images/lostsword/4afde128cff1.webp")} #ls-editor-visual .portrait.Pc_Morgana_01{background-image:url("//cdnimg-v2.gamekee.com/wiki2.0/pro/50439/images/lostsword/2d4ef728f7fd.webp")} #ls-editor-visual .portrait.Pc_Guinevere_01{background-image:url("//cdnimg-v2.gamekee.com/wiki2.0/pro/50439/images/lostsword/2878d8f9adf9.webp")} #ls-editor-visual .portrait.Pc_Isolde_01{background-image:url("//cdnimg-v2.gamekee.com/wiki2.0/pro/50439/images/lostsword/983ab20eb39d.webp")} #ls-editor-visual .portrait.Pc_Lucy_01{background-image:url("//cdnimg-v2.gamekee.com/wiki2.0/pro/50439/images/lostsword/4131ab52aa65.webp")} #ls-editor-visual .portrait.Pc_Claire_01{background-image:url("//cdnimg-v2.gamekee.com/wiki2.0/pro/50439/images/lostsword/44ac844e783a.webp")} #ls-editor-visual .portrait.Pc_Cristina_01{background-image:url("//cdnimg-v2.gamekee.com/wiki2.0/pro/50439/images/lostsword/5e4d6c737cbd.webp")} #ls-editor-visual .portrait.Pc_Lilith_01{background-image:url("//cdnimg-v2.gamekee.com/wiki2.0/pro/50439/images/lostsword/7640f43a11d0.webp")} #ls-editor-visual .portrait.Pc_Mia_01{background-image:url("//cdnimg-v2.gamekee.com/wiki2.0/pro/50439/images/lostsword/c32ce4c22824.webp")} #ls-editor-visual .portrait.Pc_Vivien_01{background-image:url("//cdnimg-v2.gamekee.com/wiki2.0/pro/50439/images/lostsword/1f0c8b36e3ee.webp")} #ls-editor-visual .portrait.Pc_Merlin_01{background-image:url("//cdnimg-v2.gamekee.com/wiki2.0/pro/50439/images/lostsword/b4076ec4adda.webp")} #ls-editor-visual .portrait.Pc_Enya_01{background-image:url("//cdnimg-v2.gamekee.com/wiki2.0/pro/50439/images/lostsword/536e84ae6f1a.webp")} #ls-editor-visual .portrait.Pc_Morgause_01{background-image:url("//cdnimg-v2.gamekee.com/wiki2.0/pro/50439/images/lostsword/26767d2d4359.webp")} #ls-editor-visual .portrait.Pc_Katrin_01{background-image:url("//cdnimg-v2.gamekee.com/wiki2.0/pro/50439/images/lostsword/e812ed975d42.webp")} #ls-editor-visual .portrait.Pc_Ran_01{background-image:url("//cdnimg-v2.gamekee.com/wiki2.0/pro/50439/images/lostsword/367b3425b8c5.webp")} #ls-editor-visual .portrait.Pc_Isabel_01{background-image:url("//cdnimg-v2.gamekee.com/wiki2.0/pro/50439/images/lostsword/415789f92581.webp")} #ls-editor-visual .portrait.Pc_Kei_01{background-image:url("//cdnimg-v2.gamekee.com/wiki2.0/pro/50439/images/lostsword/663d511b24d0.webp")} #ls-editor-visual .portrait.Pc_Ria_01{background-image:url("//cdnimg-v2.gamekee.com/wiki2.0/pro/50439/images/lostsword/62cbe794722e.webp")} #ls-editor-visual .portrait.Pc_Tiamat_01{background-image:url("//cdnimg-v2.gamekee.com/wiki2.0/pro/50439/images/lostsword/4339e7a675ea.webp")} #ls-editor-visual .portrait.Pc_Lisa_01{background-image:url("//cdnimg-v2.gamekee.com/wiki2.0/pro/50439/images/lostsword/c5bac6963b13.webp")} #ls-editor-visual .portrait.Pc_Anessa_01{background-image:url("//cdnimg-v2.gamekee.com/wiki2.0/pro/50439/images/lostsword/3f7ceb7da881.webp")} #ls-editor-visual .portrait.Pc_Erin_01{background-image:url("//cdnimg-v2.gamekee.com/wiki2.0/pro/50439/images/lostsword/dbfe7220e290.webp")} #ls-editor-visual .portrait.Pc_Diancecht_01{background-image:url("//cdnimg-v2.gamekee.com/wiki2.0/pro/50439/images/lostsword/6f5cf0ecad7b.webp")} #ls-editor-visual .portrait.Pc_Bedivere_02{background-image:url("//cdnimg-v2.gamekee.com/wiki2.0/pro/50439/images/lostsword/7c4ea8775c62.webp")} #ls-editor-visual .portrait.Pc_Merry_02{background-image:url("//cdnimg-v2.gamekee.com/wiki2.0/pro/50439/images/lostsword/80f519c12d01.webp")} #ls-editor-visual .portrait.Pc_Lohengrin_01{background-image:url("//cdnimg-v2.gamekee.com/wiki2.0/pro/50439/images/lostsword/437b53a70301.webp")} #ls-editor-visual .portrait.Pc_Eva_02{background-image:url("//cdnimg-v2.gamekee.com/wiki2.0/pro/50439/images/lostsword/74643cbb9307.webp")} #ls-editor-visual .portrait.Pc_Palamedes_01{background-image:url("//cdnimg-v2.gamekee.com/wiki2.0/pro/50439/images/lostsword/77e5ae6cd25f.webp")} #ls-editor-visual .portrait.Pc_Estheria_01{background-image:url("//cdnimg-v2.gamekee.com/wiki2.0/pro/50439/images/lostsword/83c140280bc1.webp")} #ls-editor-visual .portrait.Pc_Nesha_01{background-image:url("//cdnimg-v2.gamekee.com/wiki2.0/pro/50439/images/lostsword/cf2589b35050.webp")} #ls-editor-visual .portrait.Pc_Asuka_01{background-image:url("//cdnimg-v2.gamekee.com/wiki2.0/pro/50439/images/lostsword/3a1566b1fe3b.webp")} #ls-editor-visual .portrait.Pc_Hikage_01{background-image:url("//cdnimg-v2.gamekee.com/wiki2.0/pro/50439/images/lostsword/22d964661b19.webp")} #ls-editor-visual .portrait.Pc_Yumi_01{background-image:url("//cdnimg-v2.gamekee.com/wiki2.0/pro/50439/images/lostsword/c394911a210b.webp")} #ls-editor-visual .portrait.Pc_Rita_02{background-image:url("//cdnimg-v2.gamekee.com/wiki2.0/pro/50439/images/lostsword/8f9bf433156c.webp")} #ls-editor-visual .portrait.Pc_Karishara_01{background-image:url("//cdnimg-v2.gamekee.com/wiki2.0/pro/50439/images/lostsword/64ffa617ee45.webp")} #ls-editor-visual .portrait.Pc_Agravaine_01{background-image:url("//cdnimg-v2.gamekee.com/wiki2.0/pro/50439/images/lostsword/90bd41912b59.webp")} #ls-editor-visual .portrait.Pc_Lumi_01{background-image:url("//cdnimg-v2.gamekee.com/wiki2.0/pro/50439/images/lostsword/26531ab75ab2.webp")} #ls-editor-visual .portrait.Pc_Claris_01{background-image:url("//cdnimg-v2.gamekee.com/wiki2.0/pro/50439/images/lostsword/134a3b888a9c.webp")} #ls-editor-visual .portrait.Pc_Nia_01{background-image:url("//cdnimg-v2.gamekee.com/wiki2.0/pro/50439/images/lostsword/74519853984b.webp")} #ls-editor-visual .portrait.Pc_Nimue_01{background-image:url("//cdnimg-v2.gamekee.com/wiki2.0/pro/50439/images/lostsword/c719cf99a85b.webp")} #ls-editor-visual .portrait.Pc_Esmeralda_01{background-image:url("//cdnimg-v2.gamekee.com/wiki2.0/pro/50439/images/lostsword/05c621199e79.webp")} #ls-editor-visual .portrait.Pc_Ethan_01{background-image:url("//cdnimg-v2.gamekee.com/wiki2.0/pro/50439/images/lostsword/217f97d08e21.webp")} #ls-editor-visual .portrait.Pc_Gaheris_01{background-image:url("//cdnimg-v2.gamekee.com/wiki2.0/pro/50439/images/lostsword/266165367501.webp")} #ls-editor-visual .portrait.Pc_Bedivere_01{background-image:url("//cdnimg-v2.gamekee.com/wiki2.0/pro/50439/images/lostsword/081c585d67a9.webp")} #ls-editor-visual .portrait.Pc_Media_01{background-image:url("//cdnimg-v2.gamekee.com/wiki2.0/pro/50439/images/lostsword/f37a72528bba.webp")} #ls-editor-visual .portrait.Pc_Balin_01{background-image:url("//cdnimg-v2.gamekee.com/wiki2.0/pro/50439/images/lostsword/a726356ea067.webp")} #ls-editor-visual .portrait.Pc_Sarah_01{background-image:url("//cdnimg-v2.gamekee.com/wiki2.0/pro/50439/images/lostsword/f9a0c2d8547a.webp")} #ls-editor-visual .portrait.Pc_Merry_01{background-image:url("//cdnimg-v2.gamekee.com/wiki2.0/pro/50439/images/lostsword/b87ce811d3c3.webp")} #ls-editor-visual .portrait.Pc_Urien_01{background-image:url("//cdnimg-v2.gamekee.com/wiki2.0/pro/50439/images/lostsword/5c6db6aed269.webp")} #ls-editor-visual .portrait.Pc_Rey_01{background-image:url("//cdnimg-v2.gamekee.com/wiki2.0/pro/50439/images/lostsword/b4a93be77f10.webp")} #ls-editor-visual .portrait.Pc_Elin_01{background-image:url("//cdnimg-v2.gamekee.com/wiki2.0/pro/50439/images/lostsword/21392b18c615.webp")} #ls-editor-visual .portrait.Pc_Isis_01{background-image:url("//cdnimg-v2.gamekee.com/wiki2.0/pro/50439/images/lostsword/ea899063df4b.webp")} #ls-editor-visual .portrait.Pc_Elaine_01{background-image:url("//cdnimg-v2.gamekee.com/wiki2.0/pro/50439/images/lostsword/d3ad317d6c21.webp")} #ls-editor-visual .portrait.Pc_Rita_01{background-image:url("//cdnimg-v2.gamekee.com/wiki2.0/pro/50439/images/lostsword/7b5a2d45be34.webp")} #ls-editor-visual .portrait.Pc_Jessi_01{background-image:url("//cdnimg-v2.gamekee.com/wiki2.0/pro/50439/images/lostsword/105005a552ab.webp")} #ls-editor-visual .portrait.Pc_Rachel_01{background-image:url("//cdnimg-v2.gamekee.com/wiki2.0/pro/50439/images/lostsword/171f303bc04a.webp")} #ls-editor-visual .portrait.Pc_Crassa_01{background-image:url("//cdnimg-v2.gamekee.com/wiki2.0/pro/50439/images/lostsword/0d5939853025.webp")} #ls-editor-visual { color-scheme: dark; color: #eee7d8; } #ls-editor-visual .page-shell { color: #eee7d8 !important; background: #101114 !important; } #ls-editor-visual .site-head { color: #eee7d8 !important; background: #151619 !important; border-bottom-color: #302b20 !important; } #ls-editor-visual .game-brand { color: #e4c36d !important; } #ls-editor-visual .game-brand small, #ls-editor-visual .head-center { color: #bdb39b !important; } #ls-editor-visual .round, #ls-editor-visual .group-link { color: #e4c36d !important; background: #1c1b18 !important; border-color: #66542e !important; } #ls-editor-visual input, #ls-editor-visual select { color: #eee7d8 !important; background: #1c1d20 !important; border-color: #51462d !important; } #ls-editor-visual input::placeholder { color: #928a79 !important; } #ls-editor-visual .saved { color: #aeb49b !important; } #ls-editor-visual .save-image { color: #211b0e !important; background: linear-gradient(135deg,#f0d37e,#c59d42) !important; border-color: #e8c86b !important; } #ls-editor-visual .board { color: #eee7d8 !important; background: #141518 !important; border-color: #393124 !important; } #ls-editor-visual .tier-row { border-color: #393124 !important; } #ls-editor-visual .tier-roles { background: linear-gradient(110deg,#1d1c19,#151619) !important; } #ls-editor-visual .tier-label { --tier-accent: #dfbd63 !important; color: #f0d889 !important; background: linear-gradient(155deg,#30291a,#211d16) !important; border-color: #62502a !important; } #ls-editor-visual .tier-label.orange { --tier-accent: #c49a49 !important; color: #e1c47e !important; background: linear-gradient(155deg,#29251b,#1d1b17) !important; border-color: #51452b !important; } #ls-editor-visual .role-card { color: #eee7d8 !important; } #ls-editor-visual .role-name { color: #f0e8d7 !important; } #ls-editor-visual .role-art { border-color: #c7a74f !important; box-shadow: 0 0 0 1px rgba(246,220,143,.2),0 4px 12px rgba(0,0,0,.35) !important; } #ls-editor-visual .pool { color: #eee7d8 !important; background: #17181a !important; border-color: #393124 !important; } #ls-editor-visual .pool h2, #ls-editor-visual .pool-title { color: #f0dfac !important; } #ls-editor-visual .job-filters { color: #c6bfae !important; } #ls-editor-visual .job-chip { color: #d8d0bd !important; background: #202124 !important; border-color: #454033 !important; } #ls-editor-visual .job-chip.selected { color: #241d0c !important; background: #d8b95f !important; border-color: #e7ce7e !important; } #ls-editor-visual .pool-role { color: #eee7d8 !important; background: linear-gradient(160deg,#252528,#1c1d20) !important; border-color: #51472f !important; border-top-color: #d4b454 !important; } #ls-editor-visual .pool-role span { color: #eee7d8 !important; } #ls-editor-visual .upload { color: #e8cf86 !important; background: #211f19 !important; border-color: #8e7538 !important; } #ls-editor-visual .footer { color: #ddd3bd !important; background: #151619 !important; border-top-color: #393124 !important; } #ls-editor-visual .footer-module { color: #d7cdb6 !important; } #ls-editor-visual .footer-module + .footer-module { border-left-color: #393124 !important; } #ls-editor-visual .group-module { color: #e4c36d !important; } #ls-editor-visual .group-module b { color: #eee7d8 !important; } #ls-editor-visual .group-module span, #ls-editor-visual .gamekee small, #ls-editor-visual .lost-mark small { color: #a99f88 !important; } #ls-editor-visual .gamekee { color: #eee7d8 !important; } #ls-editor-visual .g-mark { color: #e4c36d !important; border-color: #aa8a42 !important; } #ls-editor-visual .lost-mark { color: #e4c36d !important; border-left-color: #4b4028 !important; } @media (max-width: 640px) { #ls-editor-visual .footer-module + .footer-module { border-left: 0 !important; border-top: 1px solid #393124 !important; } } body { background: #101114 !important; } #ls-editor-visual .tier-band { --tier-accent:#dfbd63 !important; color:#f0d889 !important; background:linear-gradient(145deg,#30291a,#1b1a17) !important; } #ls-editor-visual .tier-band.orange { --tier-accent:#c49a49 !important; color:#e1c47e !important; background:linear-gradient(145deg,#29251b,#191917) !important; } #ls-editor-visual .tier-band::before { color:#b3a784 !important; } #ls-editor-visual .tier-band.t0 { --tier-accent:#ee6b91 !important; color:#ff8cab !important; background:linear-gradient(145deg,#302230,#1c1a20) !important; } #ls-editor-visual .tier-band.orange { --tier-accent:#a884e8 !important; color:#c0a4ff !important; background:linear-gradient(145deg,#29243a,#1b1a22) !important; } #ls-editor-visual .tier-band.t1 { --tier-accent:#69b5e5 !important; color:#8dcaf2 !important; background:linear-gradient(145deg,#202e3a,#191c22) !important; } #ls-editor-visual .tier-band.t2 { --tier-accent:#55b9aa !important; color:#7bd1c3 !important; background:linear-gradient(145deg,#20322f,#191d20) !important; } #ls-editor-visual .tier-band.t3 { --tier-accent:#78879f !important; color:#a6b3c8 !important; background:linear-gradient(145deg,#272d39,#1b1d23) !important; } #ls-editor-visual .site-head { height:72px !important; } #ls-editor-visual .head-actions .save-image { min-width:156px; height:48px !important; padding:0 20px !important; border-radius:8px !important; font-size:15px !important; font-weight:750; box-shadow:0 4px 14px #c69f4838; } #ls-editor-visual .editor-title .saved { margin-left:0 !important; } #ls-editor-visual .footer-group { width:min(1000px,100%) !important; } #ls-editor-visual .footer-module { min-height:82px !important; padding:14px 22px !important; gap:12px !important; } #ls-editor-visual .g-mark { width:42px !important; height:42px !important; font-size:23px !important; } #ls-editor-visual .gamekee strong, #ls-editor-visual .lost-mark strong { font-size:16px !important; } #ls-editor-visual .gamekee small, #ls-editor-visual .lost-mark small { font-size:11px !important; } #ls-editor-visual .lost-mark { padding-left:22px !important; letter-spacing:1.5px; } #ls-editor-visual .group-module strong, #ls-editor-visual .group-module b { font-size:14px !important; } #ls-editor-visual .group-module span { font-size:11px !important; } @media (max-width:700px) { #ls-editor-visual .site-head { height:62px !important; padding:0 10px !important; } #ls-editor-visual .head-actions .save-image { min-width:116px; height:40px !important; padding:0 11px !important; font-size:13px !important; } #ls-editor-visual .footer-group { width:100% !important; } #ls-editor-visual .footer-module { min-height:70px !important; padding:8px 3px !important; gap:5px !important; } #ls-editor-visual .g-mark { width:30px !important; height:30px !important; font-size:17px !important; } #ls-editor-visual .gamekee strong, #ls-editor-visual .lost-mark strong { font-size:11px !important; } #ls-editor-visual .gamekee small, #ls-editor-visual .lost-mark small { font-size:8px !important; } #ls-editor-visual .lost-mark { padding-left:6px !important; letter-spacing:.5px; } #ls-editor-visual .group-module strong, #ls-editor-visual .group-module b { font-size:10px !important; } #ls-editor-visual .group-module span { font-size:8px !important; } #ls-editor-visual .footer-module + .footer-module { border-left:1px solid #393124 !important; border-top:0 !important; } } #ls-editor-visual .empty-board { min-height:112px; display:flex; align-items:center; justify-content:center; gap:16px; margin-top:12px; border:1px dashed #665630; border-radius:10px; color:#bcb39d; background:#17181a; } #ls-editor-visual .empty-board button { min-height:42px; padding:0 18px; border:1px solid #caa94e; border-radius:7px; color:#211b0e; background:linear-gradient(135deg,#f0d37e,#c59d42); font-weight:700; cursor:pointer; } #ls-editor-visual .role-art .portrait { position:absolute; inset:0; width:100%; height:100%; background-position:center; background-size:cover; } #ls-editor-visual .job-chip.selected { color:#211b0e !important; background:#d8b95f !important; border-color:#e7ce7e !important; } #ls-editor-visual .pool-add { color:#e8cf86 !important; background:#211f19 !important; border-color:#8e7538 !important; cursor:pointer; } #ls-editor-visual .pool-role.is-selected { outline:2px solid #e8c86b; outline-offset:1px; } #ls-editor-visual .pool-role .custom-delete { position:absolute; z-index:4; top:2px; right:2px; width:20px; height:20px; border:1px solid #d5b45b; border-radius:50%; color:#f4df9c; background:#161616e8; cursor:pointer; } #ls-editor-visual .tier-roles.drop-target { outline:2px dashed #d8b95f; outline-offset:-4px; } #ls-editor-visual .portrait.Pc_Lilia_01{background-image:url("//cdnimg-v2.gamekee.com/wiki2.0/pro/50439/images/lostsword/8676abdc7144.webp");background-size:cover;background-position:center} #ls-editor-visual .pool-grid .rarity-break { grid-column:1 / -1; height:7px; margin:3px 0; border-top:1px solid #4c402655; } body{margin:0;background:#101114;color:#eee7d8} #ls-editor-visual button,#ls-editor-visual input,#ls-editor-visual select,#ls-editor-visual textarea{font:inherit} #ls-editor-visual button:disabled{opacity:.35;cursor:default} #ls-editor-visual :focus-visible{outline:2px solid #e4c47d;outline-offset:3px} #ls-editor-visual button{touch-action:manipulation} #ls-editor-visual .board-tools{display:flex;gap:7px;align-items:center;margin:6px 0 14px;flex-wrap:wrap} #ls-editor-visual .game-brand{color:inherit;text-decoration:none;cursor:pointer} #ls-editor-visual .game-brand:hover{filter:brightness(1.12)} #ls-editor-visual .board-tools button,#ls-editor-visual .board-tools select,#ls-editor-visual .editor-dialog button,#ls-editor-visual .selection-bar button{min-height:36px;padding:7px 13px;color:#d7ccb3;background:#222226;border:1px solid #4e4432;border-radius:7px;font-size:12px} #ls-editor-visual .board-select{max-width:330px;min-width:190px;flex:1} #ls-editor-visual .board-tools .icon-button,#ls-editor-visual .editor-dialog .icon-button{min-width:38px;padding:5px;font-size:21px} #ls-editor-visual .editor-title{margin-bottom:4px;justify-content:space-between} #ls-editor-visual .editor-title input{height:42px;max-width:75%;width:600px;border:0!important;background:transparent!important;padding:0 2px;font-size:22px;font-weight:650} #ls-editor-visual .saved{white-space:nowrap;font-size:11px} #ls-editor-visual .error{color:#f09b9b!important} #ls-editor-visual .tier-row{position:relative} #ls-editor-visual .tier-band{border:0;border-left:4px solid var(--tier-accent);padding:12px 8px;color:var(--tier-accent)!important;background:linear-gradient(130deg,color-mix(in srgb,var(--tier-accent) 17%,#1b1c23),#1b1b20)!important;min-width:0} #ls-editor-visual .tier-band b{max-width:100%;overflow-wrap:anywhere;font-size:24px;line-height:1.2} #ls-editor-visual .tier-band::before{color:var(--tier-accent)!important;opacity:.6} #ls-editor-visual .tier-band .tier-description{display:block;max-width:100%;font-size:10px;line-height:1.5;white-space:normal;overflow-wrap:anywhere;color:#c5bebe;opacity:.85} #ls-editor-visual .tier-roles{position:relative;min-width:0;min-height:155px;padding:12px 58px 12px 13px;align-content:flex-start;gap:10px} #ls-editor-visual .tier-actions{position:absolute;right:10px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;padding:0;margin:0;gap:8px} #ls-editor-visual .tier-actions button{color:#dfc993;background:#29271f;border-color:#665638} #ls-editor-visual .empty-tier{height:125px} #ls-editor-visual .pool-role,#ls-editor-visual .role-card{position:relative;cursor:grab;user-select:none;-webkit-user-select:none} #ls-editor-visual .pool-role.selected,#ls-editor-visual .role-card.selected{outline:2px solid #efcf82;outline-offset:2px;border-radius:7px} #ls-editor-visual .drop-target{box-shadow:inset 0 0 0 2px #ceac64!important} #ls-editor-visual .role-card{width:94px;flex:none} #ls-editor-visual .role-card>.role-name{width:100%;white-space:normal;overflow-wrap:anywhere;font-size:11px;line-height:1.3;text-align:center;min-height:15px} #ls-editor-visual .role-art{border-color:#8d7444!important;box-shadow:0 2px 6px #0006!important} #ls-editor-visual .role-art::before{border:0;box-shadow:none;opacity:.65} #ls-editor-visual .pool-role{border:0!important;border-top:0!important;background:transparent!important;box-shadow:none;min-height:116px;padding:4px 2px} #ls-editor-visual .pool-role .portrait{border:1px solid #9b8050;box-shadow:0 0 0 2px #17181a,0 0 0 3px #4c412e;background-size:cover;background-position:center} #ls-editor-visual .pool-role .portrait::before{border:0;box-shadow:none;opacity:.6} #ls-editor-visual .pool-role .portrait[data-rank]::after{content:attr(data-rank) '★';letter-spacing:0;padding:2px 4px;font-size:10px;border:0} #ls-editor-visual .pool-role .portrait[data-empty="true"]{display:grid;place-items:center;background:linear-gradient(145deg,#3a3327,#242936)} #ls-editor-visual .pool-role .portrait[data-empty="true"] .no-avatar{display:grid;place-items:center;width:100%;height:100%;color:#d9bb77;font-size:22px;font-weight:650;letter-spacing:2px;text-shadow:0 2px 8px #0008} #ls-editor-visual .pool-role span{white-space:normal;overflow-wrap:anywhere;line-height:1.35;font-size:11px} #ls-editor-visual .pool{padding:13px 12px} #ls-editor-visual .job-filters button{min-height:32px;padding:5px 13px;border:1px solid #494331;border-radius:18px;color:#b9b4a9;background:#212226;font-size:11px} #ls-editor-visual .job-filters button.active{color:#241f13;background:#d9bb77;border-color:#d9bb77} #ls-editor-visual .edit-card{position:absolute;right:0;top:0;z-index:4;width:26px;height:26px;padding:0;border-radius:50%;background:#17181ced;color:#e5ca8c;border:1px solid #77623a;font-size:15px;cursor:pointer} #ls-editor-visual .pool-add{font-size:11px;min-height:114px;background:#201e19!important;border-color:#655537!important} #ls-editor-visual .pool-add b{font-size:25px} #ls-editor-visual .selection-bar{position:fixed;bottom:max(20px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);z-index:10;display:flex;align-items:center;gap:10px;max-width:calc(100vw - 24px);padding:10px 14px;background:#28261fee;border:1px solid #897347;border-radius:12px;box-shadow:0 8px 40px #0008;backdrop-filter:blur(15px);font-size:12px} #ls-editor-visual .selection-bar[hidden]{display:none} #ls-editor-visual .selection-bar span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:300px} #ls-editor-visual .selection-bar button{white-space:nowrap;flex:none} #ls-editor-visual .toast{position:fixed;left:50%;bottom:95px;transform:translate(-50%,10px);z-index:10000;max-width:min(600px,90vw);padding:12px 18px;border:1px solid #806c43;border-radius:9px;background:#28251fee;color:#f0e2be;box-shadow:0 8px 30px #0007;pointer-events:none;opacity:0;transition:.15s;font-size:13px} #ls-editor-visual .toast.visible{opacity:1;transform:translate(-50%,0)} #ls-editor-visual .editor-dialog{width:min(480px,calc(100vw - 28px));max-height:calc(100dvh - 40px);padding:0;overflow:auto;border:1px solid #625338;border-radius:15px;color:#e9e2d5;background:#1b1c20;box-shadow:0 25px 90px #0008;font:14px system-ui,'Microsoft YaHei',sans-serif} #ls-editor-visual .editor-dialog.wide{width:min(760px,calc(100vw - 28px))} #ls-editor-visual .editor-dialog::backdrop{background:#050609bd;backdrop-filter:blur(5px)} #ls-editor-visual .dialog-head{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:16px 20px;border-bottom:1px solid #383329;background:#1d1e22;position:sticky;top:0;z-index:2} #ls-editor-visual .dialog-head h2{font-size:17px;margin:0;font-weight:600;color:#e5d3ae} #ls-editor-visual .dialog-body{padding:20px} #ls-editor-visual .dialog-body p{line-height:1.8;margin:0 0 12px;font-size:13px;color:#c7c0b1} #ls-editor-visual .dialog-foot{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:8px;padding:14px 20px;border-top:1px solid #383329;background:#1b1c20;position:sticky;bottom:0;z-index:2} #ls-editor-visual .form-field{display:flex;flex-direction:column;gap:7px;margin-bottom:16px;color:#bdb6a7;font-size:12px} #ls-editor-visual .form-field input,#ls-editor-visual .form-field select,#ls-editor-visual .form-field textarea{width:100%;height:40px;padding:8px 10px;color:#eee7d8!important;border:1px solid #504735!important;background:#24252a!important;border-radius:6px;font-size:14px} #ls-editor-visual .form-field textarea{height:90px;resize:vertical} #ls-editor-visual .form-field input[type=color]{width:100%;padding:4px;height:36px} #ls-editor-visual .form-field input[type=range]{padding:0;height:24px;accent-color:#d4b472} #ls-editor-visual .check-field{display:flex;align-items:center;gap:8px;color:#c8c0b0;font-size:13px;min-height:36px} #ls-editor-visual .check-field input{accent-color:#d4b472;height:17px;width:17px;padding:0} #ls-editor-visual .swatches{display:flex;gap:10px;margin:0 0 20px} #ls-editor-visual .editor-dialog .swatch{min-width:30px;width:30px;height:30px;min-height:30px;padding:0;border:3px solid #eee2;border-radius:50%} #ls-editor-visual .inline-actions{display:flex;flex-wrap:wrap;gap:8px;padding-top:5px} #ls-editor-visual .primary{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:9px 16px;border:1px solid #dcbd75!important;border-radius:7px;color:#211d13!important;background:linear-gradient(135deg,#e7cd90,#c4a25c)!important;text-decoration:none;font-weight:600;font-size:13px} #ls-editor-visual .editor-dialog button.danger{color:#e8aaa4;border-color:#75463f;background:#342420} #ls-editor-visual .action-list{display:grid;gap:7px} #ls-editor-visual .editor-dialog .menu-action{display:flex;flex-direction:column;text-align:left;align-items:flex-start;gap:4px;padding:12px 14px;background:#232428;border-color:#3f3a2e} #ls-editor-visual .menu-action strong{font-size:13px;font-weight:550} #ls-editor-visual .menu-action small{font-size:11px;color:#a9a18e} #ls-editor-visual .crop-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px} #ls-editor-visual .crop-preview{display:block;width:100%;max-height:300px;aspect-ratio:5/6;object-fit:contain;background:#101114;border:1px solid #8d7444;border-radius:8px;touch-action:none;cursor:move;margin-bottom:14px} #ls-editor-visual .export-form{display:grid;grid-template-columns:1fr 1fr;gap:0 18px} #ls-editor-visual .export-preview{display:block;max-width:100%;height:auto;margin:20px auto 10px;border:1px solid #4a4030;border-radius:5px} #ls-editor-visual .export-result>a{display:flex;margin-bottom:18px} #ls-editor-visual .form-hint{font-size:12px!important;color:#9f9788!important} #ls-editor-visual .slider .dots{gap:2px} #ls-editor-visual .slider .dots button{width:16px!important;height:28px!important;display:grid;place-items:center} #ls-editor-visual .slider .dots button:before{content:'';width:5px;height:5px;border-radius:50%;background:#ffffff66} #ls-editor-visual .slider .dots button.active:before{width:8px;height:8px;background:#e4c47b} #ls-editor-visual .slider .pause{display:block!important;min-width:28px;font-size:10px} #ls-editor-visual .art-backdrop{background-position:center 43%;background-size:cover} #ls-editor-visual .hero-slide-layer{position:absolute;inset:0;z-index:0;opacity:0;background-position:center 43%;background-size:cover;background-repeat:no-repeat;pointer-events:none;will-change:opacity} #ls-editor-visual .slider .dots{max-width:min(330px,45vw);overflow-x:auto;overflow-y:hidden;scrollbar-width:none;flex:none} #ls-editor-visual .slider .dots::-webkit-scrollbar{display:none} #ls-editor-visual .footer-group{grid-template-columns:repeat(3,minmax(0,1fr))!important} #ls-editor-visual .footer-logo{width:44px;height:44px;object-fit:contain;flex:none} #ls-editor-visual .footer .lost-mark{flex-direction:column;gap:0!important;text-align:center} #ls-editor-visual .footer button.group-module{border:0;border-left:1px solid #393124;background:transparent;font:inherit;cursor:pointer} #ls-editor-visual .footer-module{border-radius:0} #ls-editor-visual .footer-module:hover{background:#ffffff04} @media(max-width:700px){ #ls-editor-visual .board-tools{gap:6px;margin-bottom:9px} #ls-editor-visual .board-tools button{padding:6px 10px;min-height:36px;font-size:11px} #ls-editor-visual .board-select{flex-basis:100%;max-width:none;height:36px;font-size:12px} #ls-editor-visual .editor-title input{max-width:73%;font-size:17px;height:39px} #ls-editor-visual .saved{font-size:9px!important} #ls-editor-visual .hero.full{height:200px} #ls-editor-visual .tier-roles{padding:10px 38px 10px 8px;gap:8px;min-height:120px} #ls-editor-visual .tier-band{padding:10px 5px} #ls-editor-visual .tier-band b{font-size:18px} #ls-editor-visual .tier-band .tier-description{font-size:9px;max-width:54px} #ls-editor-visual .role-card{width:62px} #ls-editor-visual .role-art{width:60px;height:78px} #ls-editor-visual .role-card>.role-name{font-size:10px} #ls-editor-visual .tier-actions{right:6px;gap:8px} #ls-editor-visual .tier-actions button{width:27px;height:30px;font-size:16px} #ls-editor-visual .empty-tier{height:98px} #ls-editor-visual .pool{padding:10px 6px} #ls-editor-visual .pool-grid{gap:8px 4px} #ls-editor-visual .pool-role{min-height:104px;padding:4px 2px} #ls-editor-visual .pool-role .portrait{height:auto;aspect-ratio:1;max-width:68px;width:calc(100% - 5px)} #ls-editor-visual .pool-role span{font-size:10px} #ls-editor-visual .job-filters{gap:5px} #ls-editor-visual .job-filters button{padding:4px 9px;min-height:32px;font-size:10px} #ls-editor-visual .pool-add{min-height:99px;font-size:10px} #ls-editor-visual .edit-card{width:25px;height:25px;right:-1px;top:-3px} #ls-editor-visual .footer-logo{width:30px;height:30px} #ls-editor-visual .footer-module{min-height:82px!important} #ls-editor-visual .selection-bar{padding:8px 10px;gap:6px;width:max-content} #ls-editor-visual .selection-bar span{max-width:115px;font-size:11px} #ls-editor-visual .selection-bar button{padding:6px 9px;font-size:11px} #ls-editor-visual .editor-dialog{max-height:calc(100dvh - 24px)} #ls-editor-visual .dialog-head,#ls-editor-visual .dialog-body,#ls-editor-visual .dialog-foot{padding:14px} #ls-editor-visual .crop-layout{grid-template-columns:1fr;gap:18px} #ls-editor-visual .slider .dots{max-width:min(145px,38vw)} #ls-editor-visual .crop-preview{max-height:220px} #ls-editor-visual .export-form{grid-template-columns:1fr} } @media(prefers-reduced-motion:reduce){#ls-editor-visual *{scroll-behavior:auto!important;transition:none!important}} #ls-editor-visual .kind-tabs{display:flex;gap:4px;width:max-content;max-width:100%;margin:4px 0 12px;padding:4px;background:#18191d;border:1px solid #443c2c;border-radius:10px} #ls-editor-visual .kind-tab{min-width:90px;min-height:36px;padding:7px 22px;border:0;border-radius:7px;background:transparent;color:#a8a194;font-size:13px;font-weight:600} #ls-editor-visual .kind-tab.active{background:linear-gradient(120deg,#edcf80,#bf993e);color:#292012;box-shadow:0 2px 8px #0003} #ls-editor-visual .card-owner{display:block;color:#b6aa93;font-size:10px;line-height:14px;text-align:center;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} #ls-editor-visual .card-mode .pool-grid{grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:12px 10px} #ls-editor-visual .card-mode .pool-role{gap:3px;min-height:0;padding:3px 2px 7px} #ls-editor-visual .card-mode .pool-role .portrait{width:min(100%,116px);height:auto;aspect-ratio:364/524;background-size:cover;background-position:center;border-radius:6px} #ls-editor-visual .card-mode .pool-role .portrait::before{display:none} #ls-editor-visual .card-mode .pool-role>.role-name{color:#e8dfca;font-size:11px;font-weight:550;line-height:1.35;min-height:30px;width:100%;max-width:130px;white-space:normal;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden} #ls-editor-visual .card-mode .role-card{width:116px;gap:3px} #ls-editor-visual .card-mode .role-art{width:100%;height:auto;aspect-ratio:364/524;background:#222126;border-width:1px} #ls-editor-visual .card-mode .role-art .portrait{background-size:cover;background-position:center} #ls-editor-visual .card-mode .role-card .role-name{min-height:29px} #ls-editor-visual .card-mode .tier-roles{min-height:216px} #ls-editor-visual .card-mode .empty-tier{height:190px} #ls-editor-visual .card-mode .pool-add{aspect-ratio:364/524;min-height:0;align-self:start;margin-top:3px} @media(max-width:600px){ #ls-editor-visual .kind-tabs{margin-bottom:9px} #ls-editor-visual .kind-tab{min-width:77px;min-height:34px;padding:5px 18px;font-size:12px} #ls-editor-visual .card-mode .pool-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px 7px} #ls-editor-visual .card-mode .pool-role .portrait{width:100%} #ls-editor-visual .card-mode .pool-role>.role-name{font-size:10px;min-height:27px} #ls-editor-visual .card-mode .card-owner{font-size:9px;line-height:12px} #ls-editor-visual .card-mode .role-card{width:84px} #ls-editor-visual .card-mode .tier-roles{min-height:172px;gap:9px} #ls-editor-visual .card-mode .empty-tier{height:148px} } /* Half-body character art is used on the board; the compact portrait pool stays unchanged. */ #ls-editor-visual .role-card{width:104px;gap:0} #ls-editor-visual .role-art{width:104px;height:134px;overflow:hidden;border:1px solid #65563b;border-radius:5px;background:linear-gradient(155deg,#332c24,#171923 58%,#11141b);box-shadow:0 2px 8px #0008} #ls-editor-visual .role-art[data-rank="5"]{background:radial-gradient(ellipse at 50% 26%,#a1793433,transparent 68%),linear-gradient(155deg,#3a3025,#171923 58%,#11141b)} #ls-editor-visual .role-art[data-rank="4"]{background:radial-gradient(ellipse at 50% 26%,#8767b333,transparent 68%),linear-gradient(155deg,#29243b,#171923 58%,#11141b)} #ls-editor-visual .role-art[data-rank="3"]{background:radial-gradient(ellipse at 50% 26%,#4f9eb333,transparent 68%),linear-gradient(155deg,#1e303b,#171923 58%,#11141b)} #ls-editor-visual .role-art .portrait.half-body-art{width:100%;height:100%;border:0;border-radius:0;background-size:cover;background-position:center 25%} #ls-editor-visual .role-art .portrait.half-body-art::before{inset:3px;border:1px solid #d8c38a66;border-radius:3px;box-shadow:inset 0 0 0 1px #17192377;background:none} #ls-editor-visual .role-icon-stack{position:absolute;z-index:2;left:4px;top:5px;display:flex;flex-direction:column;gap:2px} #ls-editor-visual .role-icon-stack img{display:block;width:18px;height:18px;object-fit:contain;filter:drop-shadow(0 1px 2px #0008)} #ls-editor-visual .role-art .art-rank{position:absolute;z-index:3;top:4px;right:4px;bottom:auto;padding:2px 4px;border:1px solid #d7bd6c;border-radius:4px;background:#171923e8;color:#f3d683;font-size:9px;font-weight:700;line-height:1.2} #ls-editor-visual .role-art .art-name{position:absolute;z-index:3;left:0;right:0;bottom:0;max-width:none;padding:15px 3px 4px;background:linear-gradient(transparent,#0b0d12ed 60%);color:#fff1d0;text-align:center;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 1px 2px #000} @media(max-width:720px){#ls-editor-visual .role-card{width:72px}#ls-editor-visual .role-art{width:70px;height:90px}#ls-editor-visual .role-icon-stack{left:3px;top:3px;gap:1px}#ls-editor-visual .role-icon-stack img{width:14px;height:14px}#ls-editor-visual .role-art .art-rank{top:3px;right:3px;font-size:8px}#ls-editor-visual .role-art .art-name{font-size:8px;padding-top:12px}}