:root{--la-panel:#fff;--la-panel-2:#f6f8fb;--la-line:#e2e8f0;--la-line-strong:#cbd5e1;--la-text:#20242b;--la-muted:#718096;--la-brand:#2563eb;--la-brand-soft:#eff6ff;--la-shadow:0 8px 24px rgba(15,23,42,.06)}
.tw-dark{--la-panel:#1d1f22;--la-panel-2:#25282c;--la-line:#34383e;--la-line-strong:#454b53;--la-text:#f0f2f5;--la-muted:#9ba5b1;--la-brand:#60a5fa;--la-brand-soft:rgba(56,189,248,.1);--la-shadow:0 12px 30px rgba(0,0,0,.22)}
.site-main{width:min(1280px,100%);min-height:calc(100vh - 180px);margin:0 auto;padding:30px 16px 62px}
.eyebrow{display:block;color:var(--la-brand);font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}
.hero{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(290px,.55fr);overflow:hidden;min-height:310px;border:1px solid var(--la-line);border-radius:8px;background:var(--la-panel);box-shadow:var(--la-shadow)}
.hero>div:first-child{padding:44px 48px;background:radial-gradient(circle at 80% 15%,rgba(59,130,246,.13),transparent 42%)}
.hero h1{margin:8px 0 10px;color:var(--la-text);font-size:clamp(32px,4vw,50px);font-weight:700;line-height:1.15;letter-spacing:-.05em}
.hero p{max-width:690px;margin:0;color:var(--la-muted);font-size:16px}
.hero-search{display:flex;max-width:620px;height:48px;margin-top:26px;align-items:center;gap:9px;border:1px solid var(--la-line-strong);border-radius:6px;background:var(--la-panel);padding-left:14px}
.hero-search input{min-width:0;flex:1;border:0!important;outline:0!important;background:transparent!important;color:var(--la-text);box-shadow:none!important}
.hero-search button,.search-page-form button{align-self:stretch;border:0;border-radius:0 5px 5px 0;background:var(--la-brand);color:#fff;padding:0 23px;cursor:pointer}
.hero-summary{display:grid;align-content:center;border-left:1px solid var(--la-line);background:var(--la-panel-2);padding:28px 36px}
.hero-summary div{display:flex;align-items:baseline;justify-content:space-between;border-bottom:1px solid var(--la-line);padding:18px 0}.hero-summary div:last-child{border:0}.hero-summary strong{color:var(--la-text);font-size:27px}.hero-summary span{color:var(--la-muted)}
.section-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin:40px 0 16px}.section-heading h2{margin:4px 0 0;color:var(--la-text);font-size:23px;font-weight:700}.section-heading p{max-width:500px;margin:0;color:var(--la-muted);text-align:right}
.module-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.module-card{position:relative;display:flex;min-height:86px;align-items:center;gap:12px;border:1px solid var(--la-line);border-radius:7px;background:var(--la-panel);padding:14px;transition:.15s}.module-card:hover{transform:translateY(-2px);border-color:var(--la-brand);box-shadow:var(--la-shadow)}
.module-icon{display:grid;width:46px;height:46px;flex:0 0 46px;place-items:center;border:1px solid #bfdbfe;border-radius:6px;background:var(--la-brand-soft);color:var(--la-brand);font-size:20px}.module-card h3{margin:0;color:var(--la-text);font-size:15px;font-weight:600}.module-card p{margin:3px 0 0;color:var(--la-muted);font-size:12px}.module-card i{margin-left:auto;color:var(--la-muted);font-style:normal}
.release-note{display:flex;align-items:flex-start;gap:13px;margin-top:26px;border:1px solid #bfdbfe;border-radius:7px;background:var(--la-brand-soft);padding:16px 18px}.release-icon{display:grid;width:27px;height:27px;flex:0 0 27px;place-items:center;border-radius:50%;background:var(--la-brand);color:#fff;font-weight:700}.release-note h2{margin:0 0 3px;color:var(--la-text);font-size:14px;font-weight:600}.release-note p{margin:0;color:var(--la-muted)}
.page-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:20px}.page-heading h1{margin:4px 0 0;color:var(--la-text);font-size:30px;font-weight:700;letter-spacing:-.035em}.page-heading p{margin:0;color:var(--la-muted)}.page-heading strong{color:var(--la-text);font-weight:600}
.filter-bar{display:flex;align-items:end;gap:8px;margin-bottom:15px;border:1px solid var(--la-line);border-radius:7px;background:var(--la-panel);padding:10px}.filter-bar label{display:grid;gap:3px;color:var(--la-muted);font-size:11px}.filter-bar input,.filter-bar select{height:36px;min-width:100px;border:1px solid var(--la-line);border-radius:5px;background:var(--la-panel-2);color:var(--la-text);padding:0 10px}.filter-search{position:relative;flex:1;min-width:190px}.filter-search>span{position:absolute;bottom:8px;left:10px;font-size:15px}.filter-search input{width:100%;padding-left:32px}
.primary-button,.ghost-button{display:inline-flex;height:36px;align-items:center;justify-content:center;border-radius:5px;padding:0 15px;cursor:pointer}.primary-button{border:1px solid var(--la-brand);background:var(--la-brand);color:#fff}.ghost-button{border:1px solid var(--la-line);background:var(--la-panel);color:var(--la-muted)}
.data-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.data-card{position:relative;display:flex;min-width:0;min-height:126px;gap:12px;border:1px solid var(--la-line);border-radius:7px;background:var(--la-panel);padding:13px;transition:.15s}.data-card:hover{border-color:#93c5fd;box-shadow:var(--la-shadow)}.data-card-link{position:absolute;inset:0;z-index:1}
.entity-icon{display:grid;width:58px;height:58px;flex:0 0 58px;place-items:center;overflow:hidden;border:1px solid var(--la-line-strong);border-radius:6px;background:linear-gradient(145deg,var(--la-panel-2),var(--la-brand-soft));color:var(--la-brand);font-size:20px}.entity-icon img{width:100%;height:100%;object-fit:cover}.grade-2{border-color:#65a86b}.grade-3{border-color:#3f91cf}.grade-4{border-color:#9d69c9}.grade-5{border-color:#d18a32}.grade-6{border-color:#d15d56}
.data-card-body{min-width:0;flex:1}.data-card h2{overflow:hidden;margin:0;color:var(--la-text);font-size:14px;font-weight:500;text-overflow:ellipsis;white-space:nowrap}.entity-id{margin:1px 0 5px;color:var(--la-muted);font-family:ui-monospace,monospace;font-size:11px}.entity-desc{display:-webkit-box;overflow:hidden;margin:0 0 8px;color:var(--la-muted);font-size:12px;-webkit-box-orient:vertical;-webkit-line-clamp:2}.entity-meta{display:flex;flex-wrap:wrap;gap:5px}.entity-meta span{display:inline-flex;max-width:100%;gap:5px;border-radius:4px;background:var(--la-panel-2);padding:2px 6px;color:var(--la-muted);font-size:11px}.entity-meta small{color:var(--la-text)}
.pagination{display:flex;align-items:center;justify-content:center;gap:20px;margin-top:23px;color:var(--la-muted)}.pagination a{border:1px solid var(--la-line);border-radius:5px;background:var(--la-panel);padding:7px 12px}.pagination a:hover{color:var(--la-brand);border-color:var(--la-brand)}.pagination .is-disabled{pointer-events:none;opacity:.4}
.empty-state{display:grid;min-height:310px;place-items:center;align-content:center;border:1px dashed var(--la-line-strong);border-radius:8px;background:var(--la-panel);text-align:center}.empty-state>div{display:grid;width:52px;height:52px;place-items:center;border-radius:50%;background:var(--la-brand-soft);color:var(--la-brand);font-size:24px}.empty-state h2{margin:12px 0 2px;color:var(--la-text);font-size:17px;font-weight:600}.empty-state p{margin:0;color:var(--la-muted)}
.breadcrumb{display:flex;gap:8px;margin-bottom:17px;color:var(--la-muted);font-size:12px}.breadcrumb a:hover{color:var(--la-brand)}.breadcrumb em{overflow:hidden;color:var(--la-text);font-style:normal;text-overflow:ellipsis;white-space:nowrap}
.detail-hero{display:flex;align-items:center;gap:23px;border:1px solid var(--la-line);border-radius:8px;background:var(--la-panel);padding:28px}.detail-icon{width:92px;height:92px;flex-basis:92px;font-size:30px}.detail-hero h1{margin:6px 0;color:var(--la-text);font-size:30px;font-weight:700}.detail-hero p{max-width:820px;margin:0;color:var(--la-muted)}
.detail-layout{display:grid;grid-template-columns:1fr 270px;gap:13px;margin-top:13px}.detail-panel,.detail-side{border:1px solid var(--la-line);border-radius:7px;background:var(--la-panel);padding:19px}.detail-panel header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--la-line);padding-bottom:11px}.detail-panel h2,.detail-side h2{margin:0;color:var(--la-text);font-size:16px;font-weight:600}.detail-panel header span{color:var(--la-muted);font-size:11px}.property-grid{display:grid;grid-template-columns:repeat(2,1fr);margin:0}.property-grid div{display:grid;grid-template-columns:130px 1fr;border-bottom:1px solid var(--la-line);padding:12px 5px}.property-grid dt{color:var(--la-muted)}.property-grid dd{margin:0;color:var(--la-text)}.detail-side{display:grid;align-content:start;gap:7px}.detail-side h2{margin-bottom:5px}.detail-side a,.detail-side button{border:1px solid var(--la-line);border-radius:5px;background:var(--la-panel-2);color:var(--la-text);padding:9px 10px;text-align:left;cursor:pointer}.detail-side a:hover,.detail-side button:hover{color:var(--la-brand);border-color:var(--la-brand)}
.search-page-form{display:flex;height:50px;align-items:center;gap:10px;border:1px solid var(--la-line-strong);border-radius:6px;background:var(--la-panel);padding-left:16px}.search-page-form input{min-width:0;flex:1;border:0!important;background:transparent!important;color:var(--la-text);box-shadow:none!important}.search-summary{color:var(--la-muted)}.search-group{margin-top:13px;border:1px solid var(--la-line);border-radius:7px;background:var(--la-panel);padding:15px}.search-group>header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.search-group h2{margin:0;color:var(--la-text);font-size:16px;font-weight:600}.search-group header a{color:var(--la-brand);font-size:12px}.compact-results{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.compact-results>a{display:flex;min-width:0;align-items:center;gap:9px;border:1px solid var(--la-line);border-radius:6px;padding:9px}.compact-results>a>span{display:grid;width:34px;height:34px;flex:0 0 34px;place-items:center;border-radius:5px;background:var(--la-brand-soft);color:var(--la-brand)}.compact-results div{min-width:0;flex:1}.compact-results strong,.compact-results small{display:block;overflow:hidden;color:var(--la-text);font-weight:400;text-overflow:ellipsis;white-space:nowrap}.compact-results small{color:var(--la-muted);font-size:10px}.compact-results i{color:var(--la-muted);font-style:normal}.feedback-card{max-width:800px;margin:30px auto;border:1px solid var(--la-line);border-radius:8px;background:var(--la-panel);padding:34px}.feedback-card h1{margin:5px 0;color:var(--la-text);font-size:30px;font-weight:700}
.search-workspace{display:flex;height:100vh;min-height:0;flex-direction:column;overflow:hidden}.search-page-fullscreen{display:flex;min-height:0;flex:1;flex-direction:column;overflow:hidden;padding-top:16px;padding-bottom:16px}.search-page-fullscreen .page-heading{flex:0 0 auto;margin-bottom:12px}.search-page-fullscreen .global-search-page-panel{display:flex;min-height:0;flex:1;flex-direction:column}.search-page-fullscreen .global-search-page-results{height:auto;min-height:0;flex:1;overflow-y:auto}
.search-page-hero{position:relative;display:flex;min-height:82px;align-items:center;gap:14px;overflow:hidden;border-radius:9px;background:linear-gradient(100deg,#faf5ff 0,#f5f9ff 58%,rgba(255,255,255,.45) 100%);padding:14px 18px}.search-page-hero:after{position:absolute;right:13%;bottom:-44px;width:180px;height:90px;border-radius:50%;background:rgba(168,85,247,.07);content:"";filter:blur(3px);pointer-events:none}.search-page-hero-icon{display:grid;width:46px;height:46px;flex:0 0 46px;place-items:center;border-radius:12px;background:#ede9fe;color:#7c3aed;box-shadow:0 6px 18px rgba(88,66,126,.1)}.search-page-hero-icon>span{font-size:25px}.search-page-hero-copy{position:relative;z-index:1;min-width:0}.search-page-hero-copy .eyebrow{font-size:10px;font-weight:600;line-height:12px;letter-spacing:.16em}.search-page-hero-copy h1{margin:2px 0 1px;font-size:25px;font-weight:600;line-height:1.15;letter-spacing:-.025em}.search-page-hero-copy p{margin:0;color:var(--la-muted);font-size:13px;line-height:18px}.search-page-hero-meta{position:relative;z-index:1;display:inline-flex;height:34px;margin-left:auto;align-items:center;gap:7px;border-radius:999px;background:rgba(255,255,255,.72);padding:0 13px;color:var(--la-muted);font-size:12px;white-space:nowrap}.search-page-hero-meta>span{color:#7c3aed;font-size:17px}.tw-dark .search-page-hero{background:linear-gradient(100deg,rgba(88,28,135,.22),rgba(30,41,59,.44) 58%,rgba(23,23,23,.6))}.tw-dark .search-page-hero-icon{background:rgba(139,92,246,.18);color:#c4b5fd;box-shadow:none}.tw-dark .search-page-hero-meta{background:rgba(255,255,255,.07)}
@media(max-width:640px){.search-page-hero{min-height:72px;padding:11px 12px}.search-page-hero-icon{width:40px;height:40px;flex-basis:40px;font-size:21px}.search-page-hero-copy h1{font-size:21px}.search-page-hero-copy p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-page-hero-meta{display:none}}

/* Skill catalogue and detail */
.skill-list-hero{display:flex;min-height:96px;align-items:center;gap:15px;margin-bottom:12px;border-radius:8px;background:linear-gradient(105deg,#f5f3ff,#f7fbff 65%,#fff);padding:17px 20px}.skill-list-hero-icon{display:grid;width:52px;height:52px;flex:0 0 52px;place-items:center;border-radius:13px;background:#ede9fe;color:#7c3aed;font-size:27px}.skill-list-kicker{color:#7c3aed;font-size:10px;font-weight:600;letter-spacing:.15em}.skill-list-hero h1{margin:2px 0 1px;color:var(--la-text);font-size:25px;font-weight:600;line-height:1.2}.skill-list-hero p{margin:0;color:var(--la-muted);font-size:13px}.skill-list-total{display:grid;margin-left:auto;text-align:right}.skill-list-total strong{color:#7c3aed;font-size:23px;font-weight:500}.skill-list-total span{color:var(--la-muted);font-size:12px}.tw-dark .skill-list-hero{background:linear-gradient(105deg,rgba(88,28,135,.22),rgba(30,41,59,.4) 65%,rgba(23,23,23,.8))}.tw-dark .skill-list-hero-icon{background:rgba(139,92,246,.18);color:#c4b5fd}
.skill-list-layout{display:grid;grid-template-columns:245px minmax(0,1fr);gap:12px;align-items:start}.skill-category-panel,.skill-results-panel{border:1px solid var(--la-line);border-radius:7px;background:var(--la-panel)}.skill-category-panel{position:sticky;top:76px;max-height:calc(100vh - 92px);overflow-y:auto;padding:10px}.skill-category-panel button{display:flex;width:100%;min-height:34px;align-items:center;gap:8px;border:0;border-radius:5px;background:transparent;padding:6px 8px;color:var(--la-muted);font-size:13px;text-align:left;cursor:pointer}.skill-category-panel button>span:first-child{font-size:17px}.skill-category-panel button>span:nth-child(2){min-width:0;flex:1}.skill-category-panel button small{font-size:12px}.skill-category-panel button:hover{background:var(--la-panel-2);color:var(--la-text)}.skill-category-panel button.is-active{background:#eff6ff;color:#2563eb}.tw-dark .skill-category-panel button.is-active{background:rgba(59,130,246,.14);color:#93c5fd}.skill-category-all{margin-bottom:7px}.skill-category-section{border-top:1px solid var(--la-line);padding-top:7px;margin-top:7px}.skill-category-section-title{display:flex;align-items:center;justify-content:space-between;padding:5px 8px;color:var(--la-text);font-size:12px;font-weight:500}.skill-category-section-title small{color:var(--la-muted);font-weight:400}
.skill-results-panel{min-width:0;padding-bottom:14px}.skill-filter-bar{display:flex;align-items:end;gap:8px;border-bottom:1px solid var(--la-line);padding:11px}.skill-filter-bar label{display:grid;gap:4px;color:var(--la-muted);font-size:12px}.skill-filter-bar input,.skill-filter-bar select{height:36px;border:1px solid var(--la-line);border-radius:5px;background:var(--la-panel-2);padding:0 10px;color:var(--la-text);font-size:13px}.skill-filter-search{position:relative;flex:1}.skill-filter-search>span{position:absolute;bottom:9px;left:10px;color:var(--la-muted);font-size:17px}.skill-filter-search input{width:100%;padding-left:34px}.skill-filter-bar button{display:inline-flex;height:36px;align-items:center;gap:6px;border:0;border-radius:5px;background:#f1f5f9;padding:0 13px;color:var(--la-muted);font-size:13px;cursor:pointer}.tw-dark .skill-filter-bar button{background:rgba(255,255,255,.08)}.skill-results-head{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;color:var(--la-muted);font-size:12px}.skill-results-head strong{color:var(--la-text);font-size:16px;font-weight:500}.skill-results-head em{margin-left:8px;border-radius:999px;background:#f5f3ff;padding:3px 8px;color:#7c3aed;font-style:normal}.skill-results-head label{display:flex;align-items:center;gap:5px}.skill-results-head select{border:0;background:var(--la-panel-2);padding:4px 7px;color:var(--la-text)}
.skill-results-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;padding:0 11px}.skill-result-card{position:relative;display:flex;min-width:0;min-height:116px;gap:11px;border:1px solid var(--la-line);border-radius:6px;padding:11px;transition:.15s}.skill-result-card:hover{border-color:#c4b5fd;background:#fdfcff}.tw-dark .skill-result-card:hover{background:rgba(139,92,246,.05)}.skill-result-link{position:absolute;z-index:1;inset:0}.skill-result-icon{display:grid;width:54px;height:54px;flex:0 0 54px;place-items:center;overflow:hidden;border-radius:7px;background:#f1f5f9;color:#7c3aed;font-size:24px}.skill-result-icon img{width:100%;height:100%;object-fit:cover}.skill-result-body{min-width:0;flex:1}.skill-result-title{display:flex;min-width:0;align-items:center;gap:7px}.skill-result-title h2{overflow:hidden;min-width:0;margin:0;color:var(--la-text);font-size:14px;font-weight:500;text-overflow:ellipsis;white-space:nowrap}.skill-result-title>span{margin-left:auto;border-radius:4px;background:#eff6ff;padding:2px 5px;color:#2563eb;font-size:12px;white-space:nowrap}.skill-result-body>p{display:-webkit-box;overflow:hidden;margin:5px 0;color:var(--la-muted);font-size:12px;line-height:18px;-webkit-box-orient:vertical;-webkit-line-clamp:2}.skill-result-meta{display:flex;flex-wrap:wrap;gap:4px}.skill-result-meta>span{display:inline-flex;align-items:center;gap:3px;border-radius:4px;background:var(--la-panel-2);padding:2px 5px;color:var(--la-muted);font-size:12px}.skill-result-id{margin-top:5px;color:var(--la-muted);font-family:ui-monospace,monospace;font-size:12px}.skill-result-card.is-loading{border-color:transparent;background:var(--la-panel-2);animation:item-pulse 1.3s ease-in-out infinite}.skill-result-card.is-loading>i{width:54px;height:54px;border-radius:7px;background:var(--la-line)}.skill-result-card.is-loading>div{display:grid;flex:1;gap:7px;align-content:start}.skill-result-card.is-loading span{display:block;height:12px;border-radius:4px;background:var(--la-line)}.skill-result-card.is-loading span:nth-child(2){width:75%}.skill-result-card.is-loading span:nth-child(3){width:48%}.skill-empty{grid-column:1/-1;display:grid;min-height:320px;place-items:center;align-content:center;gap:6px;color:var(--la-muted);text-align:center}.skill-empty>span{color:#8b5cf6;font-size:34px}.skill-empty strong{color:var(--la-text);font-size:14px;font-weight:500}.skill-empty p{margin:0;font-size:12px}.skill-pagination{display:flex;align-items:center;justify-content:center;gap:18px;margin-top:15px;color:var(--la-muted);font-size:13px}.skill-pagination button{border:0;border-radius:5px;background:var(--la-panel-2);padding:7px 13px;color:var(--la-text);cursor:pointer}.skill-pagination button:disabled{cursor:default;opacity:.4}
.skill-detail-hero{display:flex;align-items:center;gap:16px;margin-bottom:12px;border-radius:8px;background:linear-gradient(105deg,#f5f3ff,#f8fbff 65%,#fff);padding:20px}.skill-detail-icon{display:grid;width:78px;height:78px;flex:0 0 78px;place-items:center;overflow:hidden;border-radius:10px;background:#ede9fe;color:#7c3aed;font-size:32px}.skill-detail-icon img{width:100%;height:100%;object-fit:cover}.skill-detail-title{min-width:0}.skill-detail-kicker{color:#7c3aed;font-size:11px}.skill-detail-title h1{margin:3px 0 7px;color:var(--la-text);font-size:27px;font-weight:600}.skill-detail-tags{display:flex;flex-wrap:wrap;gap:6px}.skill-detail-tags>span{display:inline-flex;align-items:center;gap:5px;border-radius:5px;background:rgba(255,255,255,.7);padding:4px 7px;color:var(--la-muted);font-size:12px}.skill-detail-back{display:inline-flex;height:36px;margin-left:auto;align-items:center;gap:6px;border-radius:5px;background:rgba(255,255,255,.75);padding:0 12px;color:var(--la-muted);font-size:13px}.tw-dark .skill-detail-hero{background:linear-gradient(105deg,rgba(88,28,135,.22),rgba(30,41,59,.4) 65%,rgba(23,23,23,.8))}.tw-dark .skill-detail-tags>span,.tw-dark .skill-detail-back{background:rgba(255,255,255,.07)}.skill-detail-layout{display:grid;grid-template-columns:275px minmax(0,1fr);gap:12px;align-items:start}.skill-detail-aside,.skill-detail-main{display:grid;gap:12px}.skill-panel{min-width:0;border:1px solid var(--la-line);border-radius:7px;background:var(--la-panel);overflow:hidden}.skill-panel>header{display:flex;height:45px;align-items:center;gap:8px;border-bottom:1px solid var(--la-line);padding:0 14px}.skill-panel>header>span{color:#8b5cf6;font-size:18px}.skill-panel>header h2{margin:0;color:var(--la-text);font-size:14px;font-weight:500}.skill-panel>header small{margin-left:auto;color:var(--la-muted);font-size:12px}.skill-property-list{margin:0;padding:5px 13px}.skill-property-list>div{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px dashed var(--la-line);padding:9px 0;font-size:13px}.skill-property-list>div:last-child{border:0}.skill-property-list dt{color:var(--la-muted)}.skill-property-list dd{margin:0;color:var(--la-text);text-align:right}.skill-trait-list{display:flex;flex-wrap:wrap;gap:6px;padding:13px}.skill-trait-list>span{display:inline-flex;align-items:center;gap:5px;border-radius:5px;background:#f5f3ff;padding:5px 7px;color:#6d28d9;font-size:12px}.skill-description{padding:16px;color:var(--la-text);font-size:14px;line-height:1.8}.skill-pvp-description{margin:0 16px 16px;border-radius:6px;background:var(--la-panel-2);padding:10px 12px;color:var(--la-muted);font-size:13px;line-height:1.7}.skill-pvp-description>span{margin-right:7px;color:#dc2626;font-size:11px}.skill-feature-tiers{display:grid;gap:15px;padding:14px}.skill-feature-tier-title{display:flex;align-items:center;gap:7px;margin-bottom:7px;color:var(--la-muted);font-size:12px}.skill-feature-tier-title>span{display:grid;width:22px;height:22px;place-items:center;border-radius:50%;background:#ede9fe;color:#7c3aed}.skill-feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.skill-feature-card{display:flex;min-width:0;gap:9px;border-radius:6px;background:var(--la-panel-2);padding:10px}.skill-feature-icon{display:grid;width:32px;height:32px;flex:0 0 32px;place-items:center;border-radius:6px;background:#ede9fe;color:#7c3aed;font-size:18px}.skill-feature-card h3{margin:0 0 3px;color:var(--la-text);font-size:13px;font-weight:500}.skill-feature-card p{margin:0;color:var(--la-muted);font-size:12px;line-height:1.6}.skill-level-table-wrap{overflow-x:auto}.skill-level-table{width:100%;border-collapse:collapse;font-size:13px}.skill-level-table th,.skill-level-table td{border-bottom:1px solid var(--la-line);padding:9px 13px;text-align:left}.skill-level-table th{background:var(--la-panel-2);color:var(--la-muted);font-weight:400}.skill-level-table td{color:var(--la-text)}.skill-related-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;padding:13px}.skill-related-grid>a{display:flex;min-width:0;align-items:center;gap:8px;border-radius:6px;background:var(--la-panel-2);padding:8px}.skill-related-grid>a>span{display:grid;width:36px;height:36px;flex:0 0 36px;place-items:center;overflow:hidden;border-radius:5px;color:#7c3aed}.skill-related-grid img{width:100%;height:100%;object-fit:cover}.skill-related-grid div{min-width:0}.skill-related-grid strong,.skill-related-grid small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.skill-related-grid strong{color:var(--la-text);font-size:13px;font-weight:500}.skill-related-grid small{color:var(--la-muted);font-size:12px}
@media(max-width:980px){.skill-list-layout{grid-template-columns:210px minmax(0,1fr)}.skill-results-grid{grid-template-columns:1fr}.skill-detail-layout{grid-template-columns:1fr}.skill-detail-aside{grid-template-columns:repeat(2,minmax(0,1fr))}.skill-feature-grid{grid-template-columns:1fr}.skill-related-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.skill-list-hero{padding:13px}.skill-list-total{display:none}.skill-list-layout{grid-template-columns:1fr}.skill-category-panel{position:static;max-height:260px}.skill-filter-bar{flex-wrap:wrap}.skill-filter-search{flex-basis:100%}.skill-filter-bar label:not(.skill-filter-search){flex:1}.skill-filter-bar input,.skill-filter-bar select{width:100%}.skill-detail-hero{align-items:flex-start;padding:14px}.skill-detail-icon{width:62px;height:62px;flex-basis:62px}.skill-detail-title h1{font-size:22px}.skill-detail-back{display:none}.skill-detail-aside{grid-template-columns:1fr}.skill-related-grid{grid-template-columns:1fr}}
.skill-description-level{display:flex;margin-left:auto;align-items:center;gap:7px;color:var(--la-muted);font-size:12px}.skill-description-level select{height:29px;border:0;border-radius:5px;background:var(--la-panel-2);padding:0 25px 0 8px;color:var(--la-text);font-size:12px;outline:0}.skill-pvp-description em{font-style:normal}
.standalone-state{display:grid;min-height:calc(100vh - 160px);place-items:center;align-content:center;text-align:center}.standalone-state .state-icon{display:grid;width:60px;height:60px;place-items:center;border-radius:50%;background:#fff1e8;color:#d15d27;font-size:30px}.standalone-state h1{margin:14px 0 3px;color:var(--la-text);font-size:28px;font-weight:700}.standalone-state p{margin:0 0 20px;color:var(--la-muted)}
@media(max-width:1180px){.module-grid{grid-template-columns:repeat(3,1fr)}.data-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:820px){.site-main{padding:24px 13px 48px}.hero{grid-template-columns:1fr}.hero>div:first-child{padding:32px 23px}.hero-summary{grid-template-columns:repeat(3,1fr);border-top:1px solid var(--la-line);border-left:0;padding:11px 18px}.hero-summary div{display:grid;justify-content:center;border-right:1px solid var(--la-line);border-bottom:0;text-align:center}.hero-summary div:last-child{border-right:0}.module-grid{grid-template-columns:repeat(2,1fr)}.filter-bar{flex-wrap:wrap}.filter-search{flex-basis:100%}.detail-layout{grid-template-columns:1fr}.compact-results{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.hero h1{font-size:33px}.hero-summary strong{font-size:19px}.hero-summary span{font-size:10px}.section-heading{display:block}.section-heading p{margin-top:6px;text-align:left}.module-grid,.data-grid,.compact-results{grid-template-columns:1fr}.page-heading{display:block}.page-heading p{margin-top:5px}.filter-bar label:not(.filter-search){flex:1}.filter-bar label:not(.filter-search) input,.filter-bar label select{width:100%}.detail-hero{align-items:flex-start;padding:19px}.detail-icon{width:68px;height:68px;flex-basis:68px}.detail-hero h1{font-size:22px}.property-grid{grid-template-columns:1fr}}

/* Item catalogue: mirrors the UIV8/GCW two-column database layout. */
.item-list-layout{display:grid;grid-template-columns:246px minmax(0,1fr);gap:12px;align-items:start}
.item-category-panel,.item-results-panel{border:1px solid var(--la-line);border-radius:6px;background:var(--la-panel)}
.item-category-panel{position:sticky;top:76px;max-height:calc(100vh - 92px);overflow-y:auto;padding:12px}
.item-category-tree{padding-bottom:6px}
.item-tree-section{padding-top:10px}
.item-tree-section-title{display:flex;align-items:center;justify-content:space-between;padding:5px 8px;color:var(--la-muted);font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.item-tree-section-title small,.item-tree-row small{font-size:10px;font-weight:500;letter-spacing:0}
.item-tree-group{margin-bottom:2px}.item-tree-group summary{list-style:none}.item-tree-group summary::-webkit-details-marker{display:none}
.item-tree-group[open] summary i{transform:rotate(90deg)}
.item-tree-row{display:flex;width:100%;min-width:0;min-height:34px;align-items:center;gap:8px;border:0;border-radius:5px;background:transparent;padding:6px 8px;color:var(--la-muted);font-size:12px;cursor:pointer;transition:.15s}
.item-tree-row>span:first-child{width:18px;flex:0 0 18px;font-size:17px}.item-tree-row>span:nth-child(2){min-width:0;flex:1;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}
.item-tree-row>i{font-style:normal;font-size:18px;transition:transform .15s}.item-tree-row:hover{background:var(--la-panel-2);color:var(--la-text)}
.item-tree-row.is-active{background:var(--la-brand-soft);color:var(--la-brand);font-weight:600}.item-tree-root{color:var(--la-text);font-weight:600}
.item-tree-children{display:grid;gap:1px;padding-left:13px}
.item-filter-panel{display:grid;gap:10px;border-bottom:1px solid var(--la-line);padding:12px}
.item-filter-grid{display:grid;grid-template-columns:minmax(220px,1fr) repeat(4,minmax(112px,auto));gap:8px}
.item-search-control,.item-select-control,.item-level-filter input{height:36px;border:1px solid var(--la-line);border-radius:5px;background:var(--la-panel);color:var(--la-text);font-size:12px;outline:0}
.item-search-control{display:flex;min-width:0;align-items:center;gap:8px;padding:0 10px}.item-search-control:focus-within,.item-select-control:focus,.item-level-filter input:focus{border-color:var(--la-brand)}
.item-search-control input{min-width:0;flex:1;border:0!important;outline:0!important;background:transparent!important;color:var(--la-text)!important;box-shadow:none!important}
.item-search-control button{display:grid;width:24px;height:24px;place-items:center;border:0;border-radius:4px;background:transparent;color:var(--la-muted);cursor:pointer}.item-search-control input:placeholder-shown+button{visibility:hidden}
.item-select-control{padding:0 9px}
.item-level-filter{display:flex;align-items:center;gap:7px;color:var(--la-muted);font-size:11px}.item-level-filter>span{font-weight:600;color:var(--la-text)}
.item-level-filter input{width:82px;padding:0 9px}.item-level-filter i{font-style:normal}.item-level-filter button{height:30px;border:1px solid var(--la-line);border-radius:5px;background:var(--la-panel-2);padding:0 11px;color:var(--la-text);font-size:11px;cursor:pointer}
.item-control-button{display:inline-flex;height:36px;align-items:center;justify-content:center;gap:6px;border:1px solid var(--la-line);border-radius:5px;background:var(--la-panel);padding:0 12px;color:var(--la-text);font-size:12px;font-weight:500;cursor:pointer}.item-control-button:hover{background:var(--la-panel-2)}
.item-icon-button{display:grid;width:32px;height:32px;place-items:center;border:0;border-radius:5px;background:transparent;color:var(--la-muted);font-size:20px;cursor:pointer}
.item-results-toolbar{display:flex;min-height:47px;align-items:center;justify-content:space-between;gap:12px;padding:8px 12px;color:var(--la-muted);font-size:12px}.item-results-toolbar strong{color:var(--la-text);font-size:14px}
.item-view-switch{display:flex;overflow:hidden;border:1px solid var(--la-line);border-radius:5px}.item-view-switch button{display:grid;width:32px;height:30px;place-items:center;border:0;border-right:1px solid var(--la-line);background:var(--la-panel);color:var(--la-muted);cursor:pointer}.item-view-switch button:last-child{border-right:0}.item-view-switch button.is-active{background:var(--la-brand-soft);color:var(--la-brand)}
.item-result-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;padding:0 12px 12px}
.item-result-card{display:flex;min-width:0;min-height:104px;gap:10px;border:1px solid var(--la-line);border-radius:6px;background:var(--la-panel);padding:10px;transition:border-color .15s,box-shadow .15s}
.item-result-card:hover{border-color:#93c5fd;box-shadow:var(--la-shadow)}
.item-result-icon{display:grid;width:54px;height:54px;flex:0 0 54px;place-items:center;overflow:hidden;border:1px solid var(--la-line-strong);border-radius:5px;background:linear-gradient(145deg,var(--la-panel-2),var(--la-brand-soft));color:var(--la-brand);font-size:22px}
.item-result-icon img{width:100%;height:100%;object-fit:contain}.item-result-body{min-width:0;flex:1}.item-result-title-row{display:flex;min-width:0;align-items:start;gap:5px}
.item-result-title{min-width:0;flex:1;overflow:hidden;color:var(--la-text);font-size:13px;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.item-result-title:hover{color:var(--la-brand)}
.item-grade-label{flex:0 0 auto;color:var(--la-muted);font-size:9px}.item-result-card.grade-2 .item-result-title{color:#268b49}.item-result-card.grade-3 .item-result-title{color:#347fc2}.item-result-card.grade-4 .item-result-title{color:#9560c8}.item-result-card.grade-5 .item-result-title{color:#ca7b20}.item-result-card.grade-6 .item-result-title{color:#d45f3d}.item-result-card.grade-7 .item-result-title{color:#d59d16}
.item-result-body>p{display:-webkit-box;overflow:hidden;margin:4px 0;color:var(--la-muted);font-size:10px;line-height:1.45;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.item-result-meta{display:flex;min-width:0;flex-wrap:wrap;gap:3px;margin-top:5px}.item-result-meta span{max-width:100%;overflow:hidden;border-radius:3px;background:var(--la-panel-2);padding:2px 5px;color:var(--la-muted);font-size:9px;text-overflow:ellipsis;white-space:nowrap}
.item-result-id{display:flex;align-items:center;gap:4px;margin-top:5px;color:var(--la-muted);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:9px}.item-result-id button{display:grid;width:19px;height:19px;place-items:center;border:0;border-radius:3px;background:transparent;color:var(--la-muted);cursor:pointer}.item-result-id button.is-copied{background:#dcfce7;color:#15803d}
[data-item-list-app][data-view=list] .item-result-grid{grid-template-columns:1fr}
[data-item-list-app][data-view=list] .item-result-card{min-height:76px;align-items:center}
[data-item-list-app][data-view=list] .item-result-body{display:grid;grid-template-columns:minmax(220px,1.2fr) minmax(160px,.8fr) 100px;align-items:center;gap:10px}
[data-item-list-app][data-view=list] .item-result-body>p{display:none}
[data-item-list-app][data-view=list] .item-result-meta,[data-item-list-app][data-view=list] .item-result-id{margin-top:0}
.item-result-card.is-loading{animation:item-pulse 1.1s ease-in-out infinite;background:var(--la-panel)}
.item-result-card.is-loading>span{width:54px;height:54px;flex:0 0 54px;border-radius:5px;background:var(--la-panel-2)}.item-result-card.is-loading>div{display:grid;flex:1;align-content:start;gap:8px;padding-top:3px}.item-result-card.is-loading i{display:block;height:9px;border-radius:4px;background:var(--la-panel-2)}.item-result-card.is-loading i:nth-child(2){width:70%}.item-result-card.is-loading i:nth-child(3){width:45%}
@keyframes item-pulse{50%{opacity:.55}}
.item-empty-state{grid-column:1/-1;display:grid;min-height:320px;place-items:center;align-content:center;gap:6px;border:1px dashed var(--la-line-strong);border-radius:6px;color:var(--la-muted);text-align:center}.item-empty-state>span{font-size:34px;color:var(--la-brand)}.item-empty-state strong{color:var(--la-text)}.item-empty-state p{margin:0}.item-empty-state button{margin-top:5px;border:1px solid var(--la-line);border-radius:5px;background:var(--la-panel);padding:7px 12px;color:var(--la-text);cursor:pointer}
.item-pagination{display:flex;min-height:60px;align-items:center;justify-content:center;gap:5px;border-top:1px solid var(--la-line);padding:10px}.item-pagination button{min-width:32px;height:32px;border:1px solid var(--la-line);border-radius:5px;background:var(--la-panel);padding:0 9px;color:var(--la-muted);font-size:11px;cursor:pointer}.item-pagination button:hover,.item-pagination button.is-active{border-color:var(--la-brand);color:var(--la-brand)}.item-pagination button.is-active{background:var(--la-brand-soft);font-weight:700}.item-pagination button:disabled{cursor:not-allowed;opacity:.35}.item-pagination span{color:var(--la-muted)}
.item-filter-overlay{display:none}

@media(max-width:1279px){
    .item-list-layout{grid-template-columns:1fr}
    .item-category-panel{position:fixed;top:0;left:0;z-index:1190;width:min(330px,86vw);height:100%;max-height:none;border-radius:0;transform:translateX(-100%);transition:transform .2s}
    .item-category-panel.is-open{transform:translateX(0)}
    .item-filter-overlay{position:fixed;inset:0;z-index:1180;display:block;pointer-events:none;background:rgba(15,23,42,.52);opacity:0;transition:opacity .2s}.item-filter-overlay.is-open{pointer-events:auto;opacity:1}
    body.item-filter-open{overflow:hidden}
}
@media(max-width:1100px){.item-result-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.item-filter-grid{grid-template-columns:minmax(220px,1fr) repeat(2,minmax(110px,auto))}.item-filter-grid>*:nth-child(4),.item-filter-grid>*:nth-child(5){grid-row:2}}
@media(max-width:760px){.item-result-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.item-filter-grid{grid-template-columns:1fr 1fr}.item-search-control{grid-column:1/-1}.item-filter-grid>*:nth-child(4),.item-filter-grid>*:nth-child(5){grid-row:auto}.item-level-filter{flex-wrap:wrap}.item-results-toolbar{min-height:43px}}
@media(max-width:520px){.item-result-grid{grid-template-columns:1fr;padding:0 8px 8px}.item-filter-panel{padding:9px}.item-results-toolbar{padding:7px 9px}.item-result-card{min-height:86px}.item-result-icon{width:50px;height:50px;flex-basis:50px}.item-pagination button{min-width:29px;padding:0 7px}.item-pagination button:first-child,.item-pagination button:last-child{font-size:0}.item-pagination button:first-child:before{content:'‹';font-size:18px}.item-pagination button:last-child:before{content:'›';font-size:18px}[data-item-list-app][data-view=list] .item-result-body{display:block}}

/* Lost Ark client-inspired item TIP. */
.lostark-item-tip-layer{position:fixed;z-index:1480;display:none;width:min(380px,calc(100vw - 24px));max-height:calc(100vh - 24px);overflow:auto;border:1px solid #475569;border-radius:3px;background:#111318;box-shadow:0 18px 55px rgba(0,0,0,.55);color:#d8dce3;pointer-events:none}
.lostark-item-tip-layer.is-show{display:block}
.lostark-client-tip{position:relative;overflow:hidden;background:linear-gradient(180deg,rgba(42,47,56,.72),rgba(17,19,24,.98) 150px),#111318;font-family:"Microsoft YaHei",Arial,sans-serif}
.lostark-client-tip:before{position:absolute;inset:0 0 auto;height:2px;background:linear-gradient(90deg,transparent,var(--tip-grade),transparent);content:""}
.lostark-tip-header{padding:18px 18px 12px;border-bottom:1px solid rgba(148,163,184,.17)}
.lostark-tip-kicker{margin-bottom:5px;color:var(--tip-grade);font-size:11px;font-weight:600;letter-spacing:.04em}
.lostark-tip-header h2{margin:0;color:var(--tip-grade);font-size:19px;font-weight:600;line-height:1.35;text-shadow:0 1px 7px rgba(0,0,0,.7)}
.lostark-tip-subline{display:flex;flex-wrap:wrap;gap:6px 13px;margin-top:7px;color:#8f99a7;font-size:11px}.lostark-tip-subline span+span:before{margin-right:13px;color:#4b5563;content:"•"}
.lostark-tip-level{display:flex;align-items:baseline;justify-content:space-between;padding:10px 18px;border-bottom:1px solid rgba(148,163,184,.13);background:rgba(0,0,0,.13)}.lostark-tip-level small{color:#9ca3af;font-size:11px}.lostark-tip-level strong{color:#f0f3f7;font-size:22px;font-weight:500}
.lostark-tip-core{display:flex;gap:13px;padding:15px 18px}.lostark-tip-icon{display:grid;width:66px;height:66px;flex:0 0 66px;place-items:center;overflow:hidden;border:1px solid color-mix(in srgb,var(--tip-grade) 68%,#1f2937);border-radius:3px;background:radial-gradient(circle at 50% 38%,rgba(255,255,255,.09),transparent 60%),#20242b;box-shadow:inset 0 0 18px rgba(0,0,0,.55);font-size:27px}.lostark-tip-icon img{width:100%;height:100%;object-fit:contain}
.lostark-tip-core-meta{display:grid;min-width:0;align-content:center;gap:4px;color:#9099a6;font-size:10px;line-height:1.45}.lostark-tip-core-meta b{color:#d4ad69;font-weight:500}.lostark-tip-core-meta span{overflow:hidden;text-overflow:ellipsis}
.lostark-tip-section{padding:12px 18px;border-top:1px solid rgba(148,163,184,.15)}.lostark-tip-section h3{display:flex;align-items:center;gap:8px;margin:0 0 9px;color:#cdd3dc;font-size:11px;font-weight:600}.lostark-tip-section h3:before{width:3px;height:11px;background:var(--tip-grade);content:""}
.lostark-tip-stat-list{display:grid;gap:5px;margin:0}.lostark-tip-stat-list>div{display:flex;align-items:baseline;justify-content:space-between;gap:14px}.lostark-tip-stat-list dt{color:#a9b1bd;font-size:11px}.lostark-tip-stat-list dd{margin:0;color:#e8edf4;font-size:11px;font-weight:500;text-align:right}
.lostark-tip-random .lostark-tip-stat-list dd{color:#72b8f4}.lostark-tip-special .lostark-tip-stat-list dd{color:#c79cf0}
.lostark-tip-note{margin:9px 0 0;color:#7f8996;font-size:9px;line-height:1.55}
.lostark-tip-description{padding:13px 18px;border-top:1px solid rgba(148,163,184,.15);color:#b7bec8;font-size:11px;line-height:1.7}
.lostark-tip-footer{display:flex;align-items:end;justify-content:space-between;gap:12px;padding:11px 18px 14px;border-top:1px solid rgba(148,163,184,.13);background:rgba(0,0,0,.18)}.lostark-tip-footer>div{display:flex;min-width:0;flex-wrap:wrap;gap:3px 10px;color:#717b88;font-size:9px}.lostark-tip-footer a{flex:0 0 auto;color:#93bfea;font-size:10px;pointer-events:auto}.lostark-tip-footer a:hover{color:#bfdbfe}
.lostark-tip-mobile-close{position:absolute;top:8px;right:8px;z-index:2;display:none;width:30px;height:30px;border:1px solid rgba(148,163,184,.22);border-radius:50%;background:rgba(0,0,0,.42);color:#d1d5db;font-size:20px;line-height:26px;cursor:pointer}
.lostark-tip-loading{display:grid;height:310px;align-content:start;gap:13px;padding:25px;animation:item-pulse 1.1s ease-in-out infinite}.lostark-tip-loading span{width:68%;height:20px;border-radius:3px;background:#2b3038}.lostark-tip-loading i{display:block;height:11px;border-radius:3px;background:#252a31}.lostark-tip-loading i:nth-child(3){width:82%}.lostark-tip-loading i:nth-child(4){width:56%}
.lostark-tip-error{display:grid;min-height:180px;place-items:center;color:#cbd5e1;font-size:12px}
.lostark-skill-tip-layer{width:min(400px,calc(100vw - 24px));border-color:#65558f}
.lostark-skill-tip{--tip-grade:#a78bfa;background:linear-gradient(180deg,rgba(46,43,60,.88),rgba(17,19,24,.98) 170px),#111318}
.lostark-skill-tip .lostark-tip-kicker{font-size:12px;font-weight:500}.lostark-skill-tip .lostark-tip-header h2{font-size:20px;font-weight:500}.lostark-skill-tip .lostark-tip-subline{font-size:12px}
.lostark-skill-tip-core{display:flex;gap:14px;padding:15px 18px;border-bottom:1px solid rgba(148,163,184,.15)}
.lostark-skill-tip-icon{display:grid;width:68px;height:68px;flex:0 0 68px;place-items:center;overflow:hidden;border:1px solid rgba(167,139,250,.52);border-radius:5px;background:#25232d;color:#c4b5fd;font-size:29px;box-shadow:inset 0 0 18px rgba(0,0,0,.48)}.lostark-skill-tip-icon img{width:100%;height:100%;object-fit:cover}
.lostark-skill-tip-values{display:grid;min-width:0;flex:1;align-content:center;gap:7px;margin:0}.lostark-skill-tip-values>div{display:flex;align-items:center;justify-content:space-between;gap:12px}.lostark-skill-tip-values dt{display:flex;align-items:center;gap:6px;color:#a9b1bd;font-size:12px}.lostark-skill-tip-values dt>span{color:#a78bfa;font-size:15px}.lostark-skill-tip-values dd{margin:0;color:#eef0f4;font-size:13px}
.lostark-skill-tip .lostark-tip-section{padding-top:13px;padding-bottom:13px}.lostark-skill-tip .lostark-tip-section h3,.lostark-skill-tip-description h3{font-size:12px;font-weight:500}
.lostark-skill-tip-traits>div{display:flex;flex-wrap:wrap;gap:6px}.lostark-skill-tip-traits>div>span{display:inline-flex;align-items:center;gap:5px;border-radius:4px;background:rgba(139,92,246,.13);padding:5px 7px;color:#d8ccff;font-size:12px}.lostark-skill-tip-traits>div>span>span{font-size:14px}
.lostark-skill-tip-description{padding:13px 18px;border-top:1px solid rgba(148,163,184,.15)}.lostark-skill-tip-description h3{display:flex;align-items:center;gap:8px;margin:0 0 8px;color:#cdd3dc}.lostark-skill-tip-description h3:before{width:3px;height:12px;background:#a78bfa;content:""}.lostark-skill-tip-description p{margin:0;color:#c7ccd5;font-size:14px;line-height:1.7}.lostark-skill-tip-description .is-pvp{margin-top:9px;border-radius:4px;background:rgba(255,255,255,.04);padding:8px 9px;color:#9fa7b3;font-size:12px}.lostark-skill-tip-description .is-pvp>span{margin-right:7px;color:#fb7185}
.lostark-skill-tip-features{display:grid;gap:7px}.lostark-skill-tip-features h3{margin-bottom:1px}.lostark-skill-tip-tier{display:grid;grid-template-columns:repeat(auto-fit,minmax(96px,1fr));gap:5px}.lostark-skill-tip-feature{display:flex;min-width:0;align-items:center;gap:6px;border-radius:4px;background:rgba(139,92,246,.08);padding:4px 6px;color:#b9c0ca;font-size:12px;line-height:1.35}.lostark-skill-tip-feature>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lostark-skill-tip-feature-icon{position:relative;display:grid;width:24px;height:24px;flex:0 0 24px;place-items:center;overflow:hidden;border-radius:4px;background:rgba(139,92,246,.18);color:#c4b5fd;font-style:normal}.lostark-skill-tip-feature-icon img{width:100%;height:100%;object-fit:cover}.lostark-skill-tip-feature-icon b{font-size:12px;font-weight:500}.lostark-skill-tip .lostark-tip-footer>div,.lostark-skill-tip .lostark-tip-footer a{font-size:12px}
.lostark-tripod-tip{background:linear-gradient(180deg,rgba(46,43,60,.92),rgba(17,19,24,.98) 150px),#111318}.lostark-tripod-tip>header{display:flex;align-items:center;gap:12px;padding:14px 16px;border-bottom:1px solid rgba(148,163,184,.15)}.lostark-tripod-tip-icon{position:relative;display:grid;width:48px;height:48px;flex:0 0 48px;place-items:center;overflow:hidden;border:1px solid rgba(167,139,250,.48);border-radius:6px;background:#25232d;color:#c4b5fd}.lostark-tripod-tip-icon img{width:100%;height:100%;object-fit:cover}.lostark-tripod-tip-icon b{font-size:15px;font-weight:500}.lostark-tripod-tip header div{min-width:0}.lostark-tripod-tip header small{color:#a78bfa;font-size:12px}.lostark-tripod-tip h2{margin:3px 0 0;color:#f1f0f5;font-size:18px;font-weight:500}.lostark-tripod-tip section{padding:13px 16px 15px}.lostark-tripod-tip h3{display:flex;align-items:center;gap:7px;margin:0 0 7px;color:#cdd3dc;font-size:12px;font-weight:500}.lostark-tripod-tip h3:before{width:3px;height:12px;background:#a78bfa;content:""}.lostark-tripod-tip p{margin:0;color:#b9c0ca;font-size:13px;line-height:1.65}
@media(max-width:760px),(hover:none){
    .lostark-item-tip-layer{inset:auto 0 0!important;width:100%;max-height:82vh;border-width:1px 0 0;border-radius:8px 8px 0 0;box-shadow:0 -15px 55px rgba(0,0,0,.55);pointer-events:auto}
    .lostark-item-tip-layer:before{position:fixed;inset:0;z-index:-1;background:rgba(0,0,0,.52);content:""}
    .lostark-tip-mobile-close{display:block}
    body.item-tip-mobile-open{overflow:hidden}
    .lostark-tip-header{padding-right:50px}
}

/* Item encyclopedia detail. */
.item-detail-page{padding-bottom:42px}
.item-detail-breadcrumb{display:flex;align-items:center;gap:8px;padding:15px 2px;color:#94a3b8;font-size:12px}.item-detail-breadcrumb a{color:#64748b}.item-detail-breadcrumb a:hover{color:#2563eb}.item-detail-breadcrumb em{overflow:hidden;color:#334155;font-style:normal;text-overflow:ellipsis;white-space:nowrap}
.item-detail-hero{position:relative;display:grid;grid-template-columns:96px minmax(0,1fr) auto;align-items:center;gap:22px;overflow:hidden;padding:24px 28px;border:1px solid #dbe4ee;border-radius:9px;background:linear-gradient(120deg,#fff 0,#fff 58%,color-mix(in srgb,var(--item-grade) 8%,#f8fafc));box-shadow:0 7px 25px rgba(15,23,42,.05)}.item-detail-hero:before{position:absolute;inset:0 auto 0 0;width:4px;background:var(--item-grade);content:""}
.item-detail-main-icon{display:grid;width:90px;height:90px;place-items:center;overflow:hidden;border:1px solid #cbd5e1;border-radius:7px;background:radial-gradient(circle at 45% 35%,#fff,#e2e8f0);box-shadow:inset 0 0 20px rgba(15,23,42,.11)}.item-detail-main-icon img{width:100%;height:100%;object-fit:contain}.item-detail-main-icon span{color:#94a3b8;font-size:25px}
.item-detail-kicker{margin-bottom:5px;color:#94a3b8;font-size:10px;font-weight:700;letter-spacing:.11em}.item-detail-kicker span{margin-left:7px;color:#64748b;letter-spacing:0}.item-detail-title h1{margin:0;color:color-mix(in srgb,var(--item-grade) 76%,#1e293b);font-size:27px;line-height:1.32}.item-detail-title p{display:flex;flex-wrap:wrap;gap:7px;margin:9px 0 0}.item-detail-title p span{padding:3px 7px;border:1px solid #dbe4ee;border-radius:3px;background:#f8fafc;color:#64748b;font-size:11px}
.item-detail-summary{display:grid;grid-template-columns:repeat(3,minmax(70px,auto));gap:10px 18px;align-items:center}.item-detail-summary>div{text-align:center}.item-detail-summary strong{display:block;color:#0f172a;font-size:20px;font-weight:600}.item-detail-summary>div span{color:#94a3b8;font-size:10px}.item-detail-summary button{grid-column:1/-1;justify-self:end;padding:6px 12px;border:1px solid #bfdbfe;border-radius:4px;background:#eff6ff;color:#2563eb;font-size:11px;cursor:pointer}.item-detail-summary button:hover{background:#dbeafe}
.item-detail-layout{display:grid;grid-template-columns:300px minmax(0,1fr);align-items:start;gap:16px;margin-top:16px}.item-detail-sidebar,.item-detail-content{display:grid;gap:16px;min-width:0}.item-detail-panel{overflow:hidden;border:1px solid #dbe4ee;border-radius:7px;background:#fff;box-shadow:0 3px 14px rgba(15,23,42,.035)}.item-detail-panel>header{display:flex;align-items:center;gap:8px;min-height:45px;padding:0 16px;border-bottom:1px solid #e7edf4;background:linear-gradient(180deg,#fff,#f8fafc)}.item-detail-panel>header>span{color:#3b82f6;font-size:17px}.item-detail-panel>header h2{margin:0;color:#1e293b;font-size:14px}.item-detail-panel>header small{margin-left:auto;color:#94a3b8;font-size:10px;font-weight:400}
.item-detail-wide-panel>header>div{min-width:0}.item-detail-wide-panel>header h2{line-height:1.2}.item-detail-wide-panel>header p{margin:3px 0 0;color:#94a3b8;font-size:9px}.item-detail-wide-panel>header>b{margin-left:auto;color:#64748b;font-size:10px;white-space:nowrap}.item-detail-description{padding:15px 16px;color:#475569;font-size:12px;line-height:1.85;white-space:pre-line}.item-detail-property-list{margin:0;padding:7px 16px}.item-detail-property-list>div{display:flex;justify-content:space-between;gap:15px;padding:8px 0;border-bottom:1px dashed #e2e8f0;font-size:11px}.item-detail-property-list>div:last-child{border-bottom:0}.item-detail-property-list dt{color:#94a3b8}.item-detail-property-list dd{margin:0;color:#334155;font-weight:600;text-align:right}.item-detail-tags{display:flex;flex-wrap:wrap;gap:7px;padding:14px 16px}.item-detail-tags span{padding:4px 8px;border-radius:3px;background:#eff6ff;color:#3b82f6;font-size:10px}
.item-detail-reward-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:14px}.item-detail-reward{display:flex;align-items:center;gap:10px;min-width:0;padding:10px;border:1px solid #e2e8f0;border-radius:5px;background:#f8fafc}.item-detail-reward>span:nth-child(2){min-width:0}.item-detail-reward strong{display:block;overflow:hidden;color:#334155;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.item-detail-reward small{display:block;margin-top:3px;color:#94a3b8;font-size:9px}.item-detail-mini-icon{display:grid;width:42px;height:42px;flex:0 0 42px;place-items:center;overflow:hidden;border:1px solid #cbd5e1;border-radius:4px;background:#e2e8f0}.item-detail-mini-icon img{width:100%;height:100%;object-fit:contain}.item-detail-mini-icon i{color:#94a3b8;font-size:10px;font-style:normal}
.item-detail-subsection{padding:0 14px 15px}.item-detail-subsection h3{margin:14px 0 8px;color:#64748b;font-size:11px}.item-detail-note{margin:0;padding:10px 14px;border-top:1px solid #edf2f7;background:#f8fafc;color:#94a3b8;font-size:10px;line-height:1.6}
.item-honing-table-wrap{overflow-x:auto}.item-honing-table{width:100%;min-width:900px;border-collapse:collapse;font-size:10px}.item-honing-table th{padding:9px 8px;border-bottom:1px solid #dbe4ee;background:#f8fafc;color:#64748b;font-weight:600;text-align:left;white-space:nowrap}.item-honing-table td{padding:9px 8px;border-bottom:1px solid #edf2f7;color:#475569;vertical-align:middle}.item-honing-table tr:hover td{background:#f8fbff}.item-honing-table td:first-child{color:#2563eb;font-weight:700}.item-honing-costs{display:flex;flex-wrap:wrap;gap:5px;min-width:210px}.item-honing-costs a,.item-honing-costs>span,.item-honing-currencies span{display:inline-flex;align-items:center;gap:4px;padding:2px 5px;border-radius:3px;background:#f1f5f9;white-space:nowrap}.item-honing-costs a:hover{background:#dbeafe;color:#2563eb}.item-honing-costs img{width:18px;height:18px;object-fit:contain}.item-honing-currencies{display:flex;flex-wrap:wrap;gap:4px;min-width:130px}.item-honing-rate{color:#16a34a;font-weight:600;white-space:nowrap}.item-honing-rate+small{display:block;margin-top:3px;color:#f59e0b;white-space:nowrap}
.item-detail-source-list{display:grid;gap:8px;padding:14px}.item-detail-source-list>article{display:grid;grid-template-columns:84px minmax(0,1fr);gap:10px;align-items:start;padding:10px 12px;border:1px solid #e2e8f0;border-radius:5px}.item-detail-source-list>article>span{color:#2563eb;font-size:10px}.item-detail-source-list strong{display:block;color:#334155;font-size:11px}.item-detail-source-list small{display:block;margin-top:4px;color:#94a3b8;font-size:9px;line-height:1.5}
.item-detail-recipe-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:14px}.item-detail-related-card{display:flex;align-items:center;gap:10px;min-width:0;padding:9px 10px;border:1px solid #e2e8f0;border-radius:5px;background:#fff}.item-detail-related-card:hover{border-color:#bfdbfe;background:#f8fbff}.item-detail-related-card>span:nth-child(2){min-width:0;flex:1}.item-detail-related-card strong{display:block;overflow:hidden;color:#334155;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.item-detail-related-card small{display:block;margin-top:3px;color:#94a3b8;font-size:9px}.item-detail-related-card em{color:#94a3b8;font-size:15px;font-style:normal}.item-detail-set-effects{display:grid;gap:7px;padding:14px}.item-detail-set-effects>article{padding:10px 12px;border-left:3px solid #60a5fa;background:#f8fafc;color:#475569;font-size:11px;line-height:1.6}.item-detail-set-effects span{margin-right:10px;color:#2563eb;font-weight:700}.item-detail-set-effects p{display:inline;margin:0}.item-detail-empty{padding:34px;color:#94a3b8;font-size:12px;text-align:center}
@media(max-width:1050px){.item-detail-hero{grid-template-columns:82px minmax(0,1fr)}.item-detail-main-icon{width:78px;height:78px}.item-detail-summary{grid-column:1/-1;grid-template-columns:repeat(3,1fr);padding-top:13px;border-top:1px solid #edf2f7}.item-detail-summary button{grid-column:auto;justify-self:center}.item-detail-layout{grid-template-columns:260px minmax(0,1fr)}.item-detail-reward-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.item-detail-page{padding-right:10px;padding-left:10px}.item-detail-breadcrumb{padding-top:10px}.item-detail-hero{grid-template-columns:64px minmax(0,1fr);gap:13px;padding:17px}.item-detail-main-icon{width:62px;height:62px}.item-detail-title h1{font-size:20px}.item-detail-summary{grid-template-columns:repeat(3,1fr);gap:8px}.item-detail-summary button{grid-column:1/-1}.item-detail-layout{grid-template-columns:1fr}.item-detail-sidebar{grid-template-columns:repeat(2,minmax(0,1fr))}.item-detail-sidebar .item-detail-panel:first-child{grid-column:1/-1}.item-detail-recipe-grid{grid-template-columns:1fr}}
@media(max-width:520px){.item-detail-sidebar{grid-template-columns:1fr}.item-detail-sidebar .item-detail-panel:first-child{grid-column:auto}.item-detail-reward-grid{grid-template-columns:1fr}.item-detail-source-list>article{grid-template-columns:1fr;gap:4px}.item-detail-summary strong{font-size:17px}}

/* Readability baseline: content is at least 12px and normally 14px. */
.item-detail-page{font-size:14px}
.item-detail-page strong,.item-detail-page b,.item-detail-page h1,.item-detail-page h2,.item-detail-page h3{font-weight:500}
.item-detail-section-icon{display:inline-block!important;width:20px!important;height:20px!important;flex:0 0 20px;border:0;border-radius:0;background-color:currentColor;color:#64748b!important;font-size:20px!important}
.item-detail-breadcrumb,.item-detail-kicker,.item-detail-title p span,.item-detail-summary>div span,.item-detail-summary button,.item-detail-wide-panel>header p,.item-detail-wide-panel>header>b,.item-detail-tags span,.item-detail-reward small,.item-detail-mini-icon i,.item-detail-note,.item-detail-source-list>article>span,.item-detail-source-list small,.item-detail-related-card small{font-size:12px}
.item-detail-description,.item-detail-property-list>div,.item-detail-panel>header h2,.item-detail-subsection h3,.item-detail-reward strong,.item-detail-source-list strong,.item-detail-related-card strong,.item-detail-set-effects>article{font-size:14px}
.item-honing-table{font-size:12px}
.item-detail-panel{border-radius:5px;box-shadow:none}
.item-detail-panel>header{min-height:42px;padding:7px 14px;background:#fff}
.item-detail-panel>header h2{line-height:1.25}
.item-detail-wide-panel>header>div{display:flex;align-items:baseline;gap:12px}
.item-detail-wide-panel>header p{overflow:hidden;line-height:1.3;text-overflow:ellipsis;white-space:nowrap}
.item-detail-description{line-height:1.8}
.item-detail-property-list>div{padding:10px 0}
.item-detail-reward,.item-detail-related-card{min-height:64px}

/* Item detail dark theme. */
.tw-dark .item-detail-breadcrumb{color:#737373}.tw-dark .item-detail-breadcrumb a{color:#a3a3a3}.tw-dark .item-detail-breadcrumb a:hover{color:#7dd3fc}.tw-dark .item-detail-breadcrumb em{color:#e5e5e5}
.tw-dark .item-detail-hero{border-color:#2f2f2f;background:linear-gradient(120deg,#171717 0,#171717 58%,color-mix(in srgb,var(--item-grade) 9%,#1d1d1d));box-shadow:none}.tw-dark .item-detail-main-icon{border-color:#3a3a3a;background:radial-gradient(circle at 45% 35%,#2a2a2a,#181818);box-shadow:inset 0 0 20px rgba(0,0,0,.34)}.tw-dark .item-detail-main-icon span{color:#a3a3a3}
.tw-dark .item-detail-kicker{color:#8f9caf}.tw-dark .item-detail-kicker span{color:#b2bdcb}.tw-dark .item-detail-title h1{color:color-mix(in srgb,var(--item-grade) 80%,#f2f2f2)}.tw-dark .item-detail-title p span{border-color:#3a3a3a;background:#202020;color:#b8c0cc}
.tw-dark .item-detail-summary{border-color:#2f2f2f}.tw-dark .item-detail-summary strong{color:#f2f2f2}.tw-dark .item-detail-summary>div span{color:#9ca3af}.tw-dark .item-detail-summary button{border-color:rgba(96,165,250,.42);background:rgba(59,130,246,.12);color:#93c5fd}.tw-dark .item-detail-summary button:hover{background:rgba(59,130,246,.22);color:#bfdbfe}
.tw-dark .item-detail-panel{border-color:#2f2f2f;background:#171717}.tw-dark .item-detail-panel>header{border-color:#2a2a2a;background:#1b1b1b}.tw-dark .item-detail-panel>header h2{color:#f2f2f2}.tw-dark .item-detail-panel>header small,.tw-dark .item-detail-wide-panel>header p,.tw-dark .item-detail-wide-panel>header>b{color:#9ca3af}.tw-dark .item-detail-section-icon{color:#a3a3a3!important}
.tw-dark .item-detail-description{color:#d4d4d4}.tw-dark .item-detail-property-list>div{border-color:#2d2d2d}.tw-dark .item-detail-property-list dt{color:#a3a3a3}.tw-dark .item-detail-property-list dd{color:#ededed}.tw-dark .item-detail-tags span{background:rgba(59,130,246,.14);color:#93c5fd}
.tw-dark .item-detail-reward{border-color:#303030;background:#1d1d1d}.tw-dark .item-detail-reward:hover{border-color:#3f526b;background:#20252c}.tw-dark .item-detail-reward strong{color:#e5e5e5}.tw-dark .item-detail-reward small{color:#a3a3a3}.tw-dark .item-detail-mini-icon{border-color:#404040;background:#242424}.tw-dark .item-detail-mini-icon i{color:#a3a3a3}
.tw-dark .item-detail-subsection h3{color:#b4b4b4}.tw-dark .item-detail-note{border-color:#2a2a2a;background:#1b1b1b;color:#9ca3af}
.tw-dark .item-honing-table th{border-color:#303030;background:#1d1d1d;color:#b4b4b4}.tw-dark .item-honing-table td{border-color:#292929;color:#d4d4d4}.tw-dark .item-honing-table tr:hover td{background:#20252c}.tw-dark .item-honing-table td:first-child{color:#60a5fa}.tw-dark .item-honing-costs a,.tw-dark .item-honing-costs>span,.tw-dark .item-honing-currencies span{background:#262626;color:#d4d4d4}.tw-dark .item-honing-costs a:hover{background:#253249;color:#93c5fd}.tw-dark .item-honing-rate{color:#4ade80}
.tw-dark .item-detail-source-list>article{border-color:#303030;background:#191919}.tw-dark .item-detail-source-list>article>span{color:#60a5fa}.tw-dark .item-detail-source-list strong{color:#e5e5e5}.tw-dark .item-detail-source-list small{color:#a3a3a3}
.tw-dark .item-detail-related-card{border-color:#303030;background:#1b1b1b}.tw-dark .item-detail-related-card:hover{border-color:#3f526b;background:#20252c}.tw-dark .item-detail-related-card strong{color:#e5e5e5}.tw-dark .item-detail-related-card small,.tw-dark .item-detail-related-card em{color:#a3a3a3}.tw-dark .item-detail-set-effects>article{background:#1d1d1d;color:#d4d4d4}.tw-dark .item-detail-set-effects span{color:#60a5fa}.tw-dark .item-detail-empty{color:#a3a3a3}

/* Homepage: legacy banner with left navigation and upgraded content grid. */
.home-page{padding-top:18px;padding-bottom:52px}.home-banner{overflow:hidden;border:1px solid var(--la-line);border-radius:7px;background:#111;box-shadow:var(--la-shadow)}.home-banner img{display:block;width:100%;height:auto;min-height:150px;object-fit:cover}.home-global-search{display:flex;height:48px;align-items:center;gap:10px;margin:12px 0;border:1px solid var(--la-line-strong);border-radius:6px;background:var(--la-panel);padding-left:15px}.home-global-search>span{flex:0 0 auto;color:var(--la-brand);font-size:21px}.home-global-search input{min-width:0;flex:1;border:0!important;background:transparent!important;color:var(--la-text)!important;box-shadow:none!important}.home-global-search button{align-self:stretch;border:0;border-radius:0 5px 5px 0;background:var(--la-brand);padding:0 22px;color:#fff;font-size:14px}.home-layout{display:grid;grid-template-columns:272px minmax(0,1fr);gap:12px;align-items:start}.home-sidebar{display:grid;gap:10px}.home-update-entry{display:flex;align-items:center;gap:11px;min-height:100px;border:1px solid #bfdbfe;border-radius:7px;background:linear-gradient(135deg,#eff6ff,#f8fbff);padding:15px}.home-update-entry>span{display:grid;width:42px;height:42px;flex:0 0 42px;place-items:center;border-radius:8px;background:#2563eb;color:#fff;font-size:22px}.home-update-entry>div{min-width:0;flex:1}.home-update-entry small{display:block;color:#3b82f6;font-size:12px;letter-spacing:.09em}.home-update-entry strong{display:block;margin-top:1px;color:#1e293b;font-size:17px;font-weight:500}.home-update-entry p{margin:3px 0 0;color:#64748b;font-size:12px}.home-update-entry>i{color:#60a5fa;font-size:18px}.home-side-panel{overflow:hidden;border:1px solid var(--la-line);border-radius:7px;background:var(--la-panel)}.home-side-panel>header{display:flex;height:42px;align-items:center;justify-content:space-between;border-bottom:1px solid var(--la-line);padding:0 13px}.home-side-panel h2{margin:0;color:var(--la-text);font-size:14px;font-weight:500}.home-side-panel header a{color:var(--la-brand);font-size:12px}.home-update-list{padding:5px 12px}.home-update-list>a{display:flex;min-width:0;align-items:center;gap:9px;border-bottom:1px dashed var(--la-line);padding:9px 0}.home-update-list>a:last-child{border:0}.home-update-list time{flex:0 0 34px;color:var(--la-muted);font-size:12px}.home-update-list span{overflow:hidden;color:var(--la-text);font-size:13px;text-overflow:ellipsis;white-space:nowrap}.home-update-list a:hover span{color:var(--la-brand)}.home-side-empty{margin:0;padding:20px 0;color:var(--la-muted);font-size:13px;text-align:center}.home-site-state{padding-bottom:7px}.home-site-state>div{display:flex;align-items:baseline;justify-content:space-between;margin:0 13px;border-bottom:1px dashed var(--la-line);padding:8px 0}.home-site-state>div:last-child{border:0}.home-site-state strong{color:var(--la-text);font-size:17px;font-weight:500}.home-site-state span{color:var(--la-muted);font-size:12px}.home-feedback-entry{display:flex;align-items:center;gap:10px;border:1px solid var(--la-line);border-radius:7px;background:var(--la-panel);padding:12px 13px}.home-feedback-entry>span{color:var(--la-brand);font-size:23px}.home-feedback-entry strong{display:block;color:var(--la-text);font-size:14px;font-weight:500}.home-feedback-entry p{margin:2px 0 0;color:var(--la-muted);font-size:12px}.home-content{display:grid;gap:12px}.home-section{overflow:hidden;border:1px solid var(--la-line);border-radius:7px;background:var(--la-panel)}.home-section-title{display:flex;min-height:64px;align-items:center;justify-content:space-between;gap:18px;border-bottom:1px solid var(--la-line);padding:10px 15px}.home-section-title span{display:block;color:var(--la-brand);font-size:12px;letter-spacing:.1em}.home-section-title h2{margin:2px 0 0;color:var(--la-text);font-size:19px;font-weight:500}.home-section-title p{margin:0;color:var(--la-muted);font-size:13px}.home-module-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:12px}.home-module-card{display:flex;min-width:0;min-height:66px;align-items:center;gap:10px;border:1px solid var(--la-line);border-radius:6px;background:var(--la-panel-2);padding:10px 11px;transition:border-color .15s,transform .15s}.home-module-card:hover{transform:translateY(-1px);border-color:#93c5fd}.home-module-card>span{display:grid;width:38px;height:38px;flex:0 0 38px;place-items:center;border-radius:7px;background:var(--la-brand-soft);color:var(--la-brand);font-size:20px}.home-module-card>div{min-width:0;flex:1}.home-module-card h3{margin:0;color:var(--la-text);font-size:14px;font-weight:500}.home-module-card p{margin:3px 0 0;color:var(--la-muted);font-size:12px}.home-module-card>i{color:var(--la-muted);font-size:16px}.home-tool-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:12px}.home-tool-card{display:flex;min-width:0;min-height:74px;align-items:center;gap:11px;border:1px solid var(--la-line);border-radius:6px;padding:10px 12px}.home-tool-card:hover{border-color:#c4b5fd;background:color-mix(in srgb,var(--la-panel) 90%,#8b5cf6)}.home-tool-card>span{display:grid;width:40px;height:40px;flex:0 0 40px;place-items:center;border-radius:8px;background:rgba(139,92,246,.11);color:#8b5cf6;font-size:21px}.home-tool-card>div{min-width:0;flex:1}.home-tool-card h3{margin:0;color:var(--la-text);font-size:14px;font-weight:500}.home-tool-card p{overflow:hidden;margin:3px 0 0;color:var(--la-muted);font-size:12px;text-overflow:ellipsis;white-space:nowrap}.home-tool-card>i{color:var(--la-muted);font-size:16px}.tw-dark .home-update-entry{border-color:rgba(96,165,250,.24);background:linear-gradient(135deg,#172235,#1b2028)}.tw-dark .home-update-entry strong{color:#f2f2f2}.tw-dark .home-update-entry p{color:#9ca3af}.tw-dark .home-module-card:hover{border-color:#3f526b}.tw-dark .home-tool-card:hover{border-color:#51416c;background:#211d29}
@media(max-width:980px){.home-layout{grid-template-columns:230px minmax(0,1fr)}.home-module-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.home-page{padding:10px 10px 38px}.home-banner img{min-height:108px}.home-global-search button{padding:0 14px}.home-layout{grid-template-columns:1fr}.home-sidebar{grid-template-columns:1fr 1fr}.home-update-entry,.home-side-panel:first-of-type{grid-column:1/-1}.home-content{margin-top:2px}.home-section-title p{display:none}}@media(max-width:560px){.home-banner img{height:108px;object-position:center}.home-global-search{height:44px}.home-global-search button{font-size:12px}.home-sidebar{grid-template-columns:1fr}.home-update-entry,.home-side-panel:first-of-type{grid-column:auto}.home-module-grid,.home-tool-grid{grid-template-columns:1fr}}

/* Homepage update details, stronger icons and community builds */
.home-module-card>span{border:1px solid #bfdbfe;background:#dbeafe;color:#1d4ed8}.home-tool-card>span{border:1px solid #ddd6fe;background:#ede9fe;color:#6d28d9}.tw-dark .home-module-card>span{border-color:#315a8f;background:#193b67;color:#93c5fd}.tw-dark .home-tool-card>span{border-color:#5b42a0;background:#382663;color:#c4b5fd}.home-update-list>a{display:block;padding:10px 0}.home-update-head{display:flex;min-width:0;align-items:center;gap:8px}.home-update-head time{flex:0 0 34px}.home-update-head strong{overflow:hidden;color:var(--la-text);font-size:13px;font-weight:500;text-overflow:ellipsis;white-space:nowrap}.home-update-list>a:hover .home-update-head strong{color:var(--la-brand)}.home-update-list>a>p{display:-webkit-box;overflow:hidden;margin:5px 0 0;padding-left:42px;color:var(--la-muted);font-size:12px;line-height:1.55;-webkit-box-orient:vertical;-webkit-line-clamp:2}.home-build-showcase{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:12px}.home-build-section{overflow:hidden;border:1px solid var(--la-line);border-radius:7px;background:var(--la-panel)}.home-build-heading{display:flex;min-height:62px;align-items:center;justify-content:space-between;border-bottom:1px solid var(--la-line);padding:9px 13px}.home-build-heading>div{display:flex;align-items:center;gap:9px}.home-build-heading>div>span{display:grid;width:36px;height:36px;place-items:center;border:1px solid #bfdbfe;border-radius:7px;background:#dbeafe;color:#1d4ed8;font-size:19px}.home-build-section:nth-child(2) .home-build-heading>div>span{border-color:#ddd6fe;background:#ede9fe;color:#6d28d9}.home-build-heading small{display:block;color:var(--la-brand);font-size:12px;letter-spacing:.08em}.home-build-heading h2{margin:1px 0 0;color:var(--la-text);font-size:17px;font-weight:500}.home-build-heading>a{color:var(--la-brand);font-size:12px}.home-build-list{padding:5px 12px}.home-build-card{display:grid;min-width:0;grid-template-columns:42px minmax(0,1fr) auto 16px;gap:9px;align-items:center;border-bottom:1px dashed var(--la-line);padding:10px 0}.home-build-card:last-child{border-bottom:0}.home-build-class-icon{display:grid;width:42px;height:42px;place-items:center;overflow:hidden;border:1px solid #bfdbfe;border-radius:8px;background:#eaf3ff;color:#2563eb;font-size:20px}.home-build-class-icon.is-engraving{border-color:#ddd6fe;background:#f3efff;color:#7c3aed}.home-build-class-icon img{width:100%;height:100%;object-fit:cover}.home-build-copy{display:block;min-width:0}.home-build-copy>strong,.home-build-copy>small,.home-build-copy>em{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.home-build-copy>strong{color:var(--la-text);font-size:14px;font-weight:500}.home-build-copy>small{margin-top:2px;color:var(--la-muted);font-size:12px}.home-build-copy>em{margin-top:3px;color:var(--la-muted);font-size:12px;font-style:normal}.home-build-card:hover .home-build-copy>strong{color:var(--la-brand)}.home-build-preview{display:flex;max-width:150px;justify-content:flex-end}.home-build-preview>i{position:relative;width:30px;height:30px;flex:0 0 30px;overflow:hidden;margin-left:-6px;border:2px solid var(--la-panel);border-radius:6px;background:var(--la-panel-2);font-style:normal}.home-build-preview>i:first-child{margin-left:0}.home-build-preview img{width:100%;height:100%;object-fit:cover}.home-build-preview b{position:absolute;right:0;bottom:0;min-width:13px;border-radius:3px 0 0;background:rgba(8,12,18,.82);padding:0 2px;color:#fff;font-size:12px;font-weight:500;line-height:14px;text-align:center}.home-build-preview.is-engraving>i{border-color:#d8c8ff;border-radius:50%}.home-build-preview.is-engraving>i.is-penalty{border-color:#fda4af}.home-build-arrow{color:var(--la-muted);font-size:16px}.home-build-empty{margin:0;padding:30px 10px;color:var(--la-muted);font-size:13px;text-align:center}.tw-dark .home-build-heading>div>span{border-color:#315a8f;background:#193b67;color:#93c5fd}.tw-dark .home-build-section:nth-child(2) .home-build-heading>div>span{border-color:#5b42a0;background:#382663;color:#c4b5fd}.tw-dark .home-build-class-icon{border-color:#315a8f;background:#19344f;color:#93c5fd}.tw-dark .home-build-class-icon.is-engraving{border-color:#5b42a0;background:#30244f;color:#c4b5fd}.tw-dark .home-build-preview.is-engraving>i{border-color:#5b42a0}.tw-dark .home-build-preview.is-engraving>i.is-penalty{border-color:#9f4050}@media(max-width:1050px){.home-build-showcase{grid-template-columns:1fr}}@media(max-width:620px){.home-build-card{grid-template-columns:42px minmax(0,1fr) 14px}.home-build-preview{display:none}.home-build-showcase{gap:10px}.home-build-heading{padding:9px 11px}.home-build-list{padding:4px 11px}}

.home-banner{position:relative}.home-banner picture{display:block}.home-banner:after{position:absolute;z-index:1;inset:0;background:linear-gradient(90deg,rgba(7,12,19,.94) 0%,rgba(7,12,19,.82) 30%,rgba(7,12,19,.48) 62%,rgba(7,12,19,.08) 100%);content:"";pointer-events:none}.home-banner-copy{position:absolute;z-index:2;inset:0;display:flex;max-width:760px;flex-direction:column;justify-content:center;padding:18px 28px;color:#fff;text-shadow:0 1px 8px rgba(0,0,0,.72)}.home-banner-copy>span{color:#7db7ff;font-size:12px;font-weight:500;letter-spacing:.13em}.home-banner-copy h1{margin:3px 0 4px;font-size:29px;font-weight:500;line-height:1.25}.home-banner-copy p{display:-webkit-box;overflow:hidden;max-width:690px;margin:0;color:#d8e3ef;font-size:13px;line-height:1.7;-webkit-box-orient:vertical;-webkit-line-clamp:2}@media(max-width:760px){.home-banner{height:108px}.home-banner picture,.home-banner img{width:100%;height:100%;min-height:0;object-fit:cover}.home-banner:after{background:linear-gradient(90deg,rgba(7,12,19,.95),rgba(7,12,19,.82) 58%,rgba(7,12,19,.5))}.home-banner-copy{max-width:none;padding:10px 14px}.home-banner-copy>span{font-size:12px}.home-banner-copy h1{margin:1px 0 2px;font-size:21px}.home-banner-copy p{font-size:12px;line-height:1.45}}@media(max-width:420px){.home-banner-copy p{-webkit-line-clamp:2}}
.home-module-card>span{border-color:#4d8cff;background:#2563eb;color:#fff;box-shadow:0 3px 9px rgba(37,99,235,.28)}.home-tool-card>span{border-color:#9965e8;background:#7c3aed;color:#fff;box-shadow:0 3px 9px rgba(124,58,237,.28)}.home-build-heading>div>span{border-color:#4d8cff;background:#2563eb;color:#fff;box-shadow:0 3px 9px rgba(37,99,235,.24)}.home-build-section:nth-child(2) .home-build-heading>div>span{border-color:#9965e8;background:#7c3aed;color:#fff;box-shadow:0 3px 9px rgba(124,58,237,.24)}.tw-dark .home-module-card>span{border-color:#4e9bea;background:#176bb7;color:#fff;box-shadow:0 3px 11px rgba(22,107,183,.42)}.tw-dark .home-tool-card>span{border-color:#a970f1;background:#7036b8;color:#fff;box-shadow:0 3px 11px rgba(112,54,184,.42)}.tw-dark .home-build-heading>div>span{border-color:#4e9bea;background:#176bb7;color:#fff;box-shadow:0 3px 11px rgba(22,107,183,.38)}.tw-dark .home-build-section:nth-child(2) .home-build-heading>div>span{border-color:#a970f1;background:#7036b8;color:#fff;box-shadow:0 3px 11px rgba(112,54,184,.38)}.home-global-search>span,.home-feedback-entry>span{color:#1d4ed8;filter:drop-shadow(0 1px 3px rgba(37,99,235,.24))}.tw-dark .home-global-search>span,.tw-dark .home-feedback-entry>span{color:#60a5fa;filter:drop-shadow(0 1px 4px rgba(96,165,250,.38))}
.home-global-search button{align-self:center;height:38px;margin-right:5px;border:1px solid #2f6acb;border-radius:5px;background:linear-gradient(180deg,#3478e5,#2563c7);padding:0 18px;color:#fff;font-size:13px;box-shadow:0 2px 7px rgba(37,99,235,.2);transition:border-color .15s,background .15s,box-shadow .15s}.home-global-search button:hover{border-color:#2458aa;background:linear-gradient(180deg,#2f6fd4,#2058b7);box-shadow:0 3px 9px rgba(37,99,235,.26)}.home-global-search button:focus-visible{outline:2px solid rgba(59,130,246,.42);outline-offset:2px}.tw-dark .home-global-search button{border-color:#3b5571;background:linear-gradient(180deg,#2c425b,#23364c);color:#dceafb;box-shadow:0 2px 7px rgba(0,0,0,.2)}.tw-dark .home-global-search button:hover{border-color:#527396;background:linear-gradient(180deg,#354f6c,#2a405a);color:#fff;box-shadow:0 3px 9px rgba(0,0,0,.28)}@media(max-width:560px){.home-global-search button{height:34px;margin-right:4px;padding:0 12px;font-size:12px}}
.home-banner-qq{position:absolute;z-index:3;right:18px;top:50%;display:grid;width:108px;justify-items:center;transform:translateY(-50%);border:0;border-radius:10px;background:linear-gradient(180deg,rgba(8,17,29,.58),rgba(8,17,29,.38));padding:8px;color:#fff;box-shadow:0 10px 26px rgba(0,0,0,.18);text-shadow:none;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);transition:background .15s,box-shadow .15s,transform .15s}.home-banner-qq:hover{transform:translateY(calc(-50% - 2px));background:linear-gradient(180deg,rgba(8,17,29,.7),rgba(8,17,29,.5));box-shadow:0 12px 30px rgba(0,0,0,.24)}.home-banner-qq img{width:78px;height:78px;min-height:0;border-radius:6px;background:#fff;object-fit:cover}.home-banner-qq span{margin-top:5px;color:#d9e8f8;font-size:12px;line-height:1.35}.home-banner-qq strong{color:#fff;font-size:13px;font-weight:500;letter-spacing:.04em;line-height:1.4}@media(max-width:900px){.home-banner-qq{display:none}}
.floating-qr-card{pointer-events:none;position:absolute;right:100%;top:50%;display:none;width:164px;margin-right:12px;overflow:hidden;transform:translateY(-50%);border:1px solid rgba(148,163,184,.24);border-radius:12px;background:rgba(255,255,255,.92);color:var(--la-text);text-align:center;box-shadow:0 18px 44px rgba(15,23,42,.16);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.tw-group:hover>.floating-qr-card,.tw-group:focus-within>.floating-qr-card{display:block}.floating-qr-title{display:flex;align-items:center;justify-content:center;gap:6px;padding:11px 12px 5px;color:var(--la-brand);font-size:13px;font-weight:500}.floating-qr-title:before{width:6px;height:6px;border-radius:50%;background:currentColor;box-shadow:0 0 0 4px rgba(59,130,246,.11);content:""}.floating-qr-content{padding:7px 14px 12px}.floating-qr-image{display:block;width:122px;height:122px;margin:0 auto;border-radius:8px;background:#fff;object-fit:cover}.floating-qr-desc{margin-top:7px;color:var(--la-muted);font-size:12px;line-height:1.5}.tw-dark .floating-qr-card{border-color:rgba(148,163,184,.16);background:rgba(24,26,30,.9);box-shadow:0 20px 48px rgba(0,0,0,.36)}.tw-dark .floating-qr-title{color:#78b4ff}.tw-dark .floating-qr-desc{color:#b4bdc9}
.home-content>.home-build-showcase{grid-template-columns:1fr;margin-top:0}
.home-update-list>a>p{padding-left:0}
@media(max-width:760px){.home-update-list>a:nth-of-type(n+6){display:none}}
.home-update-item{min-width:0;border-bottom:1px dashed var(--la-line);padding:10px 0}.home-update-item:last-child{border-bottom:0}.home-update-head>a{min-width:0}.home-update-head>a:hover strong{color:var(--la-brand)}.home-update-body{margin-top:5px;color:var(--la-muted);font-size:12px;line-height:1.65;overflow-wrap:anywhere}.home-update-body p{margin:0 0 5px}.home-update-body p:last-child{margin-bottom:0}.home-update-body br{display:block}.home-update-body ul,.home-update-body ol{margin:4px 0;padding-left:18px}.home-update-body ul{list-style:disc}.home-update-body ol{list-style:decimal}.home-update-body li+li{margin-top:2px}.home-update-body h2,.home-update-body h3,.home-update-body h4{margin:7px 0 4px;color:var(--la-text);font-size:13px;font-weight:500}.home-update-body a{color:var(--la-brand);text-decoration:underline;text-underline-offset:2px}.home-update-body img{max-width:100%;height:auto;margin:6px 0;border-radius:4px}.home-update-body pre,.home-update-body code{white-space:pre-wrap;word-break:break-word}@media(max-width:760px){.home-update-list>.home-update-item:nth-of-type(n+6){display:none}}

/* News center and article detail. */
.news-page,.news-detail-page{padding-top:22px;padding-bottom:52px}.news-hero{display:flex;min-height:102px;align-items:center;gap:15px;border:1px solid var(--la-line);border-radius:8px;background:linear-gradient(105deg,#f5f8ff,#fff);padding:17px 20px}.news-hero-icon{display:grid;width:52px;height:52px;flex:0 0 52px;place-items:center;border-radius:12px;background:#e8f1ff;color:#2563eb;font-size:26px}.news-hero>div>span{color:#2563eb;font-size:12px;letter-spacing:.12em}.news-hero h1{margin:2px 0;color:var(--la-text);font-size:25px;font-weight:500}.news-hero p{margin:0;color:var(--la-muted);font-size:13px}.news-hero>strong{display:grid;margin-left:auto;color:var(--la-brand);font-size:24px;font-weight:500;text-align:right}.news-hero>strong small{color:var(--la-muted);font-size:12px;font-weight:400}.news-category-nav{display:flex;gap:5px;margin:12px 0;padding:7px;border:1px solid var(--la-line);border-radius:7px;background:var(--la-panel);overflow-x:auto}.news-category-nav a{flex:0 0 auto;padding:7px 12px;border-radius:5px;color:var(--la-muted);font-size:13px}.news-category-nav a.is-active,.news-category-nav a:hover{background:var(--la-brand-soft);color:var(--la-brand)}.news-list{display:grid;gap:8px}.news-list-card{position:relative;display:flex;min-height:105px;align-items:center;gap:15px;border:1px solid var(--la-line);border-radius:7px;background:var(--la-panel);padding:14px 17px}.news-list-card>a{position:absolute;inset:0;z-index:1}.news-list-card:hover{border-color:#93c5fd}.news-list-date{display:grid;width:54px;flex:0 0 54px;text-align:center}.news-list-date strong{color:var(--la-text);font-size:19px;font-weight:500}.news-list-date span{color:var(--la-muted);font-size:12px}.news-list-copy{min-width:0;flex:1}.news-list-copy>div{display:flex;gap:5px}.news-list-copy>div span,.news-list-copy>div em{padding:2px 5px;border-radius:4px;background:var(--la-brand-soft);color:var(--la-brand);font-size:12px;font-style:normal}.news-list-copy>div em{background:#fff7ed;color:#c2410c}.news-list-card h2{margin:6px 0 3px;color:var(--la-text);font-size:16px;font-weight:500}.news-list-card p{overflow:hidden;margin:0;color:var(--la-muted);font-size:13px;text-overflow:ellipsis;white-space:nowrap}.news-list-card>i{color:var(--la-muted);font-size:18px}.news-empty{padding:50px;border:1px solid var(--la-line);border-radius:7px;background:var(--la-panel);color:var(--la-muted);font-size:14px;text-align:center}.news-pagination{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:16px}.news-pagination a,.news-pagination span{padding:7px 11px;border:1px solid var(--la-line);border-radius:5px;background:var(--la-panel);color:var(--la-muted);font-size:12px}.news-breadcrumb{padding:0 2px 13px}.news-detail-card{overflow:hidden;border:1px solid var(--la-line);border-radius:8px;background:var(--la-panel)}.news-detail-card>header{padding:29px 34px 24px;border-bottom:1px solid var(--la-line)}.news-detail-meta{display:flex;flex-wrap:wrap;gap:8px 14px;color:var(--la-muted);font-size:12px}.news-detail-meta span:first-child{color:var(--la-brand)}.news-detail-card h1{margin:10px 0 7px;color:var(--la-text);font-size:30px;font-weight:500}.news-detail-card>header>p{max-width:900px;margin:0;color:var(--la-muted);font-size:14px;line-height:1.7}.news-detail-cover{display:block;width:100%;max-height:430px;object-fit:cover}.news-detail-content{max-width:940px;min-height:300px;margin:0 auto;padding:30px 34px;color:var(--la-text);font-size:14px;line-height:1.9}.news-detail-content p{margin:0 0 15px}.news-detail-content h2,.news-detail-content h3,.news-detail-content h4{margin:25px 0 10px;font-weight:500}.news-detail-content h2{font-size:21px}.news-detail-content h3{font-size:18px}.news-detail-content ul,.news-detail-content ol{margin:12px 0;padding-left:24px}.news-detail-content ul{list-style:disc}.news-detail-content ol{list-style:decimal}.news-detail-content a{color:var(--la-brand);text-decoration:underline}.news-detail-content blockquote{margin:15px 0;border-left:3px solid var(--la-brand);background:var(--la-panel-2);padding:10px 14px;color:var(--la-muted)}.news-detail-content img{max-width:100%;height:auto;border-radius:6px}.news-detail-card>footer{display:flex;justify-content:flex-end;border-top:1px solid var(--la-line);padding:14px 20px}.news-detail-card>footer a{display:inline-flex;align-items:center;gap:6px;color:var(--la-brand);font-size:13px}.tw-dark .news-hero{background:linear-gradient(105deg,#172235,#1d1f22)}.tw-dark .news-hero-icon{background:rgba(59,130,246,.16);color:#93c5fd}.tw-dark .news-list-copy>div em{background:rgba(194,65,12,.18);color:#fdba74}
@media(max-width:640px){.news-page,.news-detail-page{padding:12px 10px 38px}.news-hero{padding:14px}.news-hero>strong{display:none}.news-list-card{gap:10px;padding:12px}.news-list-date{width:43px;flex-basis:43px}.news-list-card p{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.news-detail-card>header{padding:21px 18px}.news-detail-card h1{font-size:24px}.news-detail-content{padding:23px 18px}}

.lostark-client-tip{font-size:14px}
.lostark-tip-kicker,.lostark-tip-subline,.lostark-tip-level small,.lostark-tip-core-meta,.lostark-tip-section h3,.lostark-tip-stat-list dt,.lostark-tip-stat-list dd,.lostark-tip-note,.lostark-tip-description,.lostark-tip-footer>div,.lostark-tip-footer a,.lostark-tip-error{font-size:12px}
.lostark-tip-header h2{font-size:20px;font-weight:500}
.lostark-tip-level strong{font-weight:500}
.lostark-tip-core-meta b,.lostark-tip-section h3,.lostark-tip-stat-list dd{font-weight:500}
@media(max-width:760px){.item-detail-wide-panel>header p{display:none}}

/* Card catalogue, detail and TIP. */
.card-list-page,.card-detail-page{font-size:14px}.card-list-page strong,.card-list-page b,.card-detail-page strong,.card-detail-page b,.card-list-page h1,.card-list-page h2,.card-detail-page h1,.card-detail-page h2{font-weight:500}
.card-list-hero{display:flex;min-height:96px;align-items:center;gap:15px;margin-bottom:12px;border-radius:8px;background:linear-gradient(105deg,#fff8ed,#f8fbff 65%,#fff);padding:17px 20px}.card-list-hero-icon{display:grid;width:52px;height:52px;flex:0 0 52px;place-items:center;border-radius:13px;background:#fff0d6;color:#b86b12;font-size:27px}.card-list-kicker{color:#b86b12;font-size:12px;letter-spacing:.13em}.card-list-hero h1{margin:2px 0 1px;color:var(--la-text);font-size:25px;line-height:1.2}.card-list-hero p{margin:0;color:var(--la-muted);font-size:14px}.card-list-total{display:grid;margin-left:auto;text-align:right}.card-list-total strong{color:#b86b12;font-size:23px}.card-list-total span{color:var(--la-muted);font-size:12px}
.card-list-layout{display:grid;grid-template-columns:225px minmax(0,1fr);gap:12px;align-items:start}.card-category-panel,.card-results-panel{border:1px solid var(--la-line);border-radius:7px;background:var(--la-panel)}.card-category-panel{position:sticky;top:76px;max-height:calc(100vh - 92px);overflow-y:auto;padding:10px}.card-category-panel button{display:flex;width:100%;min-height:36px;align-items:center;gap:8px;border:0;border-radius:5px;background:transparent;padding:6px 8px;color:var(--la-muted);font-size:14px;text-align:left;cursor:pointer}.card-category-panel button>span:first-child{font-size:18px}.card-category-panel button>span:nth-child(2){min-width:0;flex:1}.card-category-panel button small{font-size:12px}.card-category-panel button:hover{background:var(--la-panel-2);color:var(--la-text)}.card-category-panel button.is-active{background:#fff7e8;color:#a75d0b}.card-category-section{margin-top:8px;border-top:1px solid var(--la-line);padding-top:8px}.card-category-title{padding:5px 8px;color:var(--la-text);font-size:12px}.card-grade-dot{width:10px!important;height:10px;border-radius:50%;background:var(--card-grade)}
.card-results-panel{min-width:0;padding-bottom:14px}.card-filter-bar{display:flex;align-items:end;gap:8px;border-bottom:1px solid var(--la-line);padding:11px}.card-filter-bar label{display:grid;gap:4px;color:var(--la-muted);font-size:12px}.card-filter-bar input,.card-filter-bar select{height:36px;border:1px solid var(--la-line);border-radius:5px;background:var(--la-panel-2);padding:0 10px;color:var(--la-text);font-size:14px}.card-filter-search{position:relative;flex:1}.card-filter-search>span{position:absolute;bottom:9px;left:10px;color:var(--la-muted);font-size:17px}.card-filter-search input{width:100%;padding-left:34px}.card-filter-bar button{display:inline-flex;height:36px;align-items:center;gap:6px;border:0;border-radius:5px;background:#f1f5f9;padding:0 13px;color:var(--la-muted);font-size:14px;cursor:pointer}.card-results-head{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;color:var(--la-muted);font-size:12px}.card-results-head strong{color:var(--la-text);font-size:16px}.card-results-head em{margin-left:8px;border-radius:999px;background:#fff7e8;padding:3px 8px;color:#a75d0b;font-style:normal}.card-results-head label{display:flex;align-items:center;gap:5px}.card-results-head select{border:0;background:var(--la-panel-2);padding:4px 7px;color:var(--la-text)}
.card-results-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;padding:0 11px}.card-result-card{position:relative;display:flex;min-width:0;min-height:142px;gap:11px;border:1px solid var(--la-line);border-radius:6px;padding:10px;transition:.15s}.card-result-card:before{position:absolute;inset:0 auto 0 0;width:2px;border-radius:6px 0 0 6px;background:var(--card-grade);content:""}.card-result-card:hover{border-color:color-mix(in srgb,var(--card-grade) 55%,#e2e8f0);background:#fffdfa}.card-result-link{position:absolute;z-index:1;inset:0}.card-result-art{display:grid;width:78px;height:112px;flex:0 0 78px;place-items:center;overflow:hidden;border:1px solid color-mix(in srgb,var(--card-grade) 42%,#dbe4ee);border-radius:5px;background:#f1f5f9;color:var(--card-grade);font-size:27px}.card-result-art img{width:100%;height:100%;object-fit:cover}.card-result-body{min-width:0;flex:1}.card-result-title{display:flex;min-width:0;align-items:center;gap:6px}.card-result-title h2{overflow:hidden;min-width:0;margin:0;color:var(--la-text);font-size:14px;text-overflow:ellipsis;white-space:nowrap}.card-result-title>span{margin-left:auto;color:var(--card-grade);font-size:12px;white-space:nowrap}.card-result-body>p{display:-webkit-box;overflow:hidden;margin:7px 0;color:var(--la-muted);font-size:12px;line-height:18px;-webkit-box-orient:vertical;-webkit-line-clamp:2}.card-result-meta{display:flex;flex-wrap:wrap;gap:4px}.card-result-meta>span{display:inline-flex;align-items:center;gap:3px;border-radius:4px;background:var(--la-panel-2);padding:2px 5px;color:var(--la-muted);font-size:12px}.card-result-id{margin-top:6px;color:var(--la-muted);font-family:ui-monospace,monospace;font-size:12px}.card-result-card.is-loading{border-color:transparent;background:var(--la-panel-2);animation:item-pulse 1.3s ease-in-out infinite}.card-result-card.is-loading>i{width:78px;height:112px;border-radius:5px;background:var(--la-line)}.card-result-card.is-loading>div{display:grid;flex:1;gap:8px;align-content:start}.card-result-card.is-loading span{display:block;height:12px;border-radius:4px;background:var(--la-line)}.card-result-card.is-loading span:nth-child(2){width:75%}.card-result-card.is-loading span:nth-child(3){width:48%}.card-empty{grid-column:1/-1;display:grid;min-height:330px;place-items:center;align-content:center;gap:6px;color:var(--la-muted);text-align:center}.card-empty>span{color:#b86b12;font-size:34px}.card-empty strong{color:var(--la-text);font-size:14px}.card-empty p{margin:0;font-size:12px}.card-pagination{display:flex;align-items:center;justify-content:center;gap:18px;margin-top:15px;color:var(--la-muted);font-size:13px}.card-pagination button{border:0;border-radius:5px;background:var(--la-panel-2);padding:7px 13px;color:var(--la-text);cursor:pointer}.card-pagination button:disabled{cursor:default;opacity:.4}
.card-detail-breadcrumb{display:flex;align-items:center;gap:8px;padding:2px 2px 13px;color:var(--la-muted);font-size:12px}.card-detail-breadcrumb em{overflow:hidden;font-style:normal;text-overflow:ellipsis;white-space:nowrap}.card-detail-hero{position:relative;display:grid;grid-template-columns:100px minmax(0,1fr) auto;align-items:center;gap:20px;overflow:hidden;border:1px solid var(--la-line);border-radius:8px;background:linear-gradient(110deg,#fff 35%,color-mix(in srgb,var(--card-grade) 10%,#f8fafc));padding:22px}.card-detail-hero:before{position:absolute;inset:0 auto 0 0;width:4px;background:var(--card-grade);content:""}.card-detail-art{display:grid;width:88px;height:126px;place-items:center;overflow:hidden;border:1px solid color-mix(in srgb,var(--card-grade) 55%,#cbd5e1);border-radius:6px;background:#eef2f7;color:var(--card-grade);font-size:30px}.card-detail-art img{width:100%;height:100%;object-fit:cover}.card-detail-kicker{color:var(--card-grade);font-size:12px}.card-detail-title h1{margin:4px 0 8px;color:var(--la-text);font-size:28px}.card-detail-title p{max-width:700px;margin:0;color:var(--la-muted);font-size:14px;line-height:1.75}.card-detail-summary{display:grid;grid-template-columns:repeat(3,minmax(70px,1fr));gap:18px}.card-detail-summary>div{text-align:center}.card-detail-summary strong{display:block;color:var(--la-text);font-size:22px}.card-detail-summary span{color:var(--la-muted);font-size:12px}.card-detail-layout{display:grid;grid-template-columns:280px minmax(0,1fr);gap:12px;align-items:start;margin-top:12px}.card-detail-aside,.card-detail-main{display:grid;gap:12px}.card-panel{min-width:0;overflow:hidden;border:1px solid var(--la-line);border-radius:7px;background:var(--la-panel)}.card-panel>header{display:flex;min-height:44px;align-items:center;gap:8px;border-bottom:1px solid var(--la-line);padding:7px 14px}.card-panel>header>span{color:var(--card-grade);font-size:19px}.card-panel>header h2{margin:0;color:var(--la-text);font-size:14px}.card-panel>header small{margin-left:auto;color:var(--la-muted);font-size:12px}.card-panel>header>div p{margin:2px 0 0;color:var(--la-muted);font-size:12px}.card-property-list{margin:0;padding:5px 14px}.card-property-list>div{display:flex;justify-content:space-between;gap:12px;border-bottom:1px dashed var(--la-line);padding:10px 0;font-size:14px}.card-property-list>div:last-child{border:0}.card-property-list dt{color:var(--la-muted)}.card-property-list dd{margin:0;color:var(--la-text)}
.card-related-items{display:grid;gap:7px;padding:10px}.card-related-item{display:flex;align-items:center;gap:9px;border-radius:6px;background:var(--la-panel-2);padding:8px}.card-related-item>span{display:grid;width:42px;height:42px;flex:0 0 42px;place-items:center;overflow:hidden;border-radius:5px;background:#e8edf4;color:var(--card-grade);font-size:20px}.card-related-item img{width:100%;height:100%;object-fit:contain}.card-related-item>div{min-width:0;flex:1}.card-related-item strong,.card-related-item small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-related-item strong{color:var(--la-text);font-size:14px}.card-related-item small{margin-top:3px;color:var(--la-muted);font-size:12px}.card-related-item>i{color:var(--la-muted);font-size:16px}
.card-awakening-table-wrap{overflow-x:auto}.card-awakening-table{width:100%;min-width:920px;border-collapse:collapse;font-size:12px}.card-awakening-table th,.card-awakening-table td{border-bottom:1px solid var(--la-line);padding:9px 10px;text-align:left;vertical-align:top}.card-awakening-table th{background:var(--la-panel-2);color:var(--la-muted);font-weight:400}.card-awakening-table td{color:var(--la-text)}.card-awakening-table td:first-child{color:var(--card-grade)}.card-awakening-table td:last-child{min-width:190px}.card-awakening-table td:last-child span{display:block;line-height:1.65}
.card-book-members{display:flex;flex-wrap:wrap;gap:7px;padding:12px}.card-book-members>a{display:flex;width:min(210px,100%);align-items:center;gap:8px;border:1px solid var(--la-line);border-radius:6px;padding:7px}.card-book-members>a.is-current{border-color:color-mix(in srgb,var(--card-grade) 55%,#dbe4ee);background:color-mix(in srgb,var(--card-grade) 5%,#fff)}.card-book-members>a>span{display:grid;width:38px;height:54px;flex:0 0 38px;place-items:center;overflow:hidden;border-radius:4px;background:#eef2f7;color:var(--card-grade)}.card-book-members img{width:100%;height:100%;object-fit:cover}.card-book-members div{min-width:0}.card-book-members strong,.card-book-members small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-book-members strong{color:var(--la-text);font-size:14px}.card-book-members small{margin-top:3px;color:var(--la-muted);font-size:12px}.card-book-stages{display:grid;gap:7px;border-top:1px solid var(--la-line);padding:12px}.card-book-stages article{display:grid;grid-template-columns:180px minmax(0,1fr);gap:12px;border-radius:5px;background:var(--la-panel-2);padding:10px 12px}.card-book-stages article>div{display:flex;flex-wrap:wrap;gap:5px}.card-book-stages article span{color:var(--card-grade);font-size:12px}.card-book-stages article b{color:var(--la-muted);font-size:12px}.card-book-stages article p{margin:0;color:var(--la-text);font-size:14px;line-height:1.65}.card-source-list{display:grid;gap:7px;padding:12px}.card-source-list article{display:grid;grid-template-columns:92px minmax(0,1fr);gap:10px;border:1px solid var(--la-line);border-radius:5px;padding:10px 12px}.card-source-list article>span{color:var(--card-grade);font-size:12px}.card-source-list strong{display:block;color:var(--la-text);font-size:14px}.card-source-list small{display:block;margin-top:3px;color:var(--la-muted);font-size:12px}
.lostark-card-tip-layer{width:min(390px,calc(100vw - 24px));border-color:#7f6847}.lostark-card-tip{background:linear-gradient(180deg,rgba(62,51,38,.88),rgba(17,19,24,.98) 180px),#111318}.lostark-card-tip-core{display:flex;gap:14px;padding:15px 18px;border-bottom:1px solid rgba(148,163,184,.15)}.lostark-card-tip-art{display:grid;width:72px;height:103px;flex:0 0 72px;place-items:center;overflow:hidden;border:1px solid color-mix(in srgb,var(--tip-grade) 65%,#34383e);border-radius:4px;background:#25272b;color:var(--tip-grade);font-size:28px}.lostark-card-tip-art img{width:100%;height:100%;object-fit:cover}.lostark-card-tip-core>div:last-child{display:grid;min-width:0;align-content:center;gap:7px}.lostark-card-tip-core strong{color:var(--tip-grade);font-size:16px;font-weight:500}.lostark-card-tip-core span{color:#b8bec8;font-size:12px;line-height:1.7}.lostark-card-tip-effects{display:grid;gap:5px}.lostark-card-tip-effects span{color:#d7dce4;font-size:12px;line-height:1.55}.lostark-card-tip-books{display:grid;gap:6px}.lostark-card-tip-books>div{display:flex;gap:8px;align-items:baseline}.lostark-card-tip-books span{color:#a9b1bd;font-size:12px}.lostark-card-tip-books b{color:#d7dce4;font-size:12px;font-weight:400}.lostark-card-tip .lostark-tip-footer>div,.lostark-card-tip .lostark-tip-footer a{font-size:12px}
.tw-dark .card-list-hero{border:1px solid rgba(217,137,36,.14);background:linear-gradient(105deg,#2b241b,#20252b 65%,#1d1f22)}.tw-dark .card-list-hero-icon{background:rgba(217,137,36,.13);color:#f0a844}.tw-dark .card-list-kicker,.tw-dark .card-list-total strong{color:#f0a844}.tw-dark .card-category-panel button.is-active{background:rgba(217,137,36,.13);color:#ffc46b}.tw-dark .card-filter-bar button{background:var(--la-panel-2);color:var(--la-muted)}.tw-dark .card-filter-bar button:hover{background:#2d3136;color:var(--la-text)}.tw-dark .card-results-head em{background:rgba(217,137,36,.13);color:#ffc46b}.tw-dark .card-filter-bar input,.tw-dark .card-filter-bar select,.tw-dark .card-results-head select{color-scheme:dark}.tw-dark .card-filter-bar input::placeholder{color:#8994a1}.tw-dark .card-result-card:hover{border-color:color-mix(in srgb,var(--card-grade) 55%,#454b53);background:color-mix(in srgb,var(--card-grade) 5%,#1d1f22)}.tw-dark .card-result-art{background:#282c31;border-color:color-mix(in srgb,var(--card-grade) 45%,#454b53)}
.tw-dark .card-detail-hero{background:linear-gradient(110deg,#1d1f22 35%,color-mix(in srgb,var(--card-grade) 8%,#20242a))}.tw-dark .card-detail-art,.tw-dark .card-book-members>a>span{background:#282c31;border-color:color-mix(in srgb,var(--card-grade) 52%,#454b53)}.tw-dark .card-related-item>span{background:#30343a}.tw-dark .card-book-members>a.is-current{border-color:color-mix(in srgb,var(--card-grade) 55%,#454b53);background:color-mix(in srgb,var(--card-grade) 8%,#1d1f22)}.tw-dark .card-book-members>a:hover,.tw-dark .card-related-item:hover{background:color-mix(in srgb,var(--card-grade) 5%,#25282c)}
@media(max-width:1180px){.card-results-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.card-detail-hero{grid-template-columns:100px minmax(0,1fr)}.card-detail-summary{grid-column:1/-1;border-top:1px solid var(--la-line);padding-top:13px}}
@media(max-width:820px){.card-list-layout,.card-detail-layout{grid-template-columns:1fr}.card-category-panel{position:static;max-height:280px}.card-results-grid{grid-template-columns:1fr}.card-filter-bar{flex-wrap:wrap}.card-filter-search{flex-basis:100%}.card-detail-hero{grid-template-columns:75px minmax(0,1fr);padding:16px}.card-detail-art{width:68px;height:97px}.card-detail-title h1{font-size:22px}.card-book-stages article{grid-template-columns:1fr}.card-detail-aside{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.card-list-hero{padding:13px}.card-list-total{display:none}.card-filter-bar label:not(.card-filter-search){flex:1}.card-filter-bar select{width:100%}.card-result-art{width:68px;height:98px;flex-basis:68px}.card-detail-summary{gap:6px}.card-detail-summary strong{font-size:18px}.card-detail-aside{grid-template-columns:1fr}.card-source-list article{grid-template-columns:1fr}}
/* Quest database */
.quest-list-page,.quest-detail-page{font-size:14px}.quest-list-hero,.quest-detail-hero{display:flex;align-items:center;gap:18px;margin-bottom:16px;padding:22px 24px;border:1px solid #dbe4ef;border-radius:10px;background:linear-gradient(120deg,#f8fbff 0,#eef6ff 58%,#f7faff 100%)}.quest-list-hero-icon,.quest-detail-icon{display:grid;width:64px;height:64px;flex:0 0 auto;place-items:center;border-radius:14px;background:#dfeeff;color:#2563eb;font-size:32px}.quest-list-kicker,.quest-detail-kicker{margin-bottom:4px;color:#2563eb;font-size:12px;letter-spacing:.12em}.quest-list-hero h1,.quest-detail-hero h1{margin:0;color:#172033;font-size:27px;font-weight:600}.quest-list-hero p,.quest-detail-hero p{margin:7px 0 0;color:#60708a;line-height:1.7}.quest-list-total{margin-left:auto;text-align:right}.quest-list-total strong{display:block;color:#2563eb;font-size:25px;font-weight:500}.quest-list-total span{color:#74839a;font-size:12px}.quest-list-layout{display:grid;grid-template-columns:238px minmax(0,1fr);gap:16px;align-items:start}.quest-category-panel,.quest-results-panel,.quest-panel{border:1px solid #dbe4ef;border-radius:8px;background:#fff}.quest-category-panel{position:sticky;top:78px;max-height:calc(100vh - 96px);padding:8px;overflow:auto}.quest-category-panel button{display:grid;width:100%;grid-template-columns:22px minmax(0,1fr) auto;gap:8px;align-items:center;padding:9px 10px;border:0;border-radius:6px;background:transparent;color:#41516a;text-align:left;cursor:pointer}.quest-category-panel button>span:first-child{color:var(--quest-type,#6b7a90);font-size:17px}.quest-category-panel button>span:nth-child(2){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.quest-category-panel button small{color:#8190a6;font-size:12px}.quest-category-panel button:hover{background:#f3f7fc}.quest-category-panel button.is-active{background:#eaf3ff;color:#1559c5}.quest-category-panel button.is-active>span:first-child{color:#2563eb}.quest-category-title{padding:14px 10px 6px;color:#8996a8;font-size:12px}.quest-category-section+.quest-category-section{margin-top:4px;border-top:1px solid #edf1f6}.quest-results-panel{min-width:0;overflow:hidden}.quest-filter-bar{display:flex;gap:10px;align-items:flex-end;padding:14px;border-bottom:1px solid #e6ebf2}.quest-filter-bar label{display:flex;min-width:110px;flex-direction:column;gap:6px;color:#67768d;font-size:12px}.quest-filter-bar input,.quest-filter-bar select{height:36px;border:1px solid #d6dfeb;border-radius:6px;background:#fff;padding:0 10px;color:#25324a;font-size:14px;outline:0}.quest-filter-bar input:focus,.quest-filter-bar select:focus{border-color:#6ba1ee;box-shadow:0 0 0 3px #e9f2ff}.quest-filter-search{position:relative;min-width:240px!important;flex:1}.quest-filter-search>span{position:absolute;left:11px;bottom:9px;color:#61718a;font-size:17px}.quest-filter-search input{width:100%;padding-left:36px}.quest-filter-bar button{height:36px;padding:0 13px;border:0;border-radius:6px;background:#f0f4f9;color:#46566e;cursor:pointer}.quest-filter-bar button:hover{background:#e4edf8;color:#1d5fbf}.quest-results-head{display:flex;justify-content:space-between;align-items:center;padding:11px 15px;border-bottom:1px solid #e8edf3}.quest-results-head strong{color:#15213a;font-size:17px;font-weight:500}.quest-results-head span,.quest-results-head label{color:#78879b;font-size:12px}.quest-results-head em{margin-left:10px;padding:3px 8px;border-radius:10px;background:#eef5ff;color:#2563eb;font-size:12px;font-style:normal}.quest-results-head select{margin-left:6px;border:0;background:transparent;color:#46556c}.quest-results-list{min-height:320px}.quest-result-card{position:relative;display:flex;gap:14px;min-height:92px;padding:14px 16px;border-bottom:1px solid #e8edf3;transition:background .16s}.quest-result-card:last-child{border-bottom:0}.quest-result-card:hover{background:#f8fbff}.quest-result-link{position:absolute;z-index:1;inset:0}.quest-result-icon{display:grid;width:50px;height:50px;flex:0 0 auto;place-items:center;border-radius:10px;background:color-mix(in srgb,var(--quest-type) 12%,#fff);color:var(--quest-type);font-size:25px}.quest-result-body{min-width:0;flex:1}.quest-result-title{display:flex;gap:10px;align-items:center}.quest-result-title h2{overflow:hidden;margin:0;color:#1c2b44;font-size:15px;font-weight:500;text-overflow:ellipsis;white-space:nowrap}.quest-result-title>span{padding:2px 7px;border-radius:9px;background:color-mix(in srgb,var(--quest-type) 11%,#fff);color:var(--quest-type);font-size:12px}.quest-result-body>p{display:-webkit-box;overflow:hidden;margin:6px 0;color:#63738b;line-height:1.55;-webkit-box-orient:vertical;-webkit-line-clamp:1}.quest-result-meta{display:flex;gap:12px;align-items:center;color:#8290a3;font-size:12px}.quest-result-meta>span{display:inline-flex;gap:4px;align-items:center}.quest-result-id{position:absolute;right:15px;bottom:12px;color:#9aa6b6;font-size:12px}.quest-pagination{display:flex;justify-content:center;gap:14px;align-items:center;padding:16px;border-top:1px solid #e8edf3}.quest-pagination button{padding:7px 15px;border:0;border-radius:15px;background:#eef4fb;color:#3d5e88;cursor:pointer}.quest-pagination button:hover:not(:disabled){background:#dcecff;color:#155cc5}.quest-pagination button:disabled{opacity:.42;cursor:default}.quest-pagination span{color:#718096;font-size:12px}.quest-result-card.is-loading i,.quest-result-card.is-loading span{display:block;border-radius:6px;background:linear-gradient(90deg,#eef2f7,#f7f9fc,#eef2f7);background-size:200% 100%;animation:quest-shimmer 1.2s infinite}.quest-result-card.is-loading i{width:50px;height:50px}.quest-result-card.is-loading div{flex:1}.quest-result-card.is-loading span{width:50%;height:12px;margin:2px 0 9px}.quest-result-card.is-loading span:nth-child(2){width:82%}.quest-result-card.is-loading span:nth-child(3){width:38%}@keyframes quest-shimmer{to{background-position:-200% 0}}.quest-empty{display:grid;min-height:320px;place-content:center;justify-items:center;color:#7b899c}.quest-empty>span{font-size:34px}.quest-empty strong{margin-top:8px;color:#35445b;font-weight:500}.quest-empty p{margin-top:5px}
.quest-detail-breadcrumb{display:flex;gap:8px;margin-bottom:12px;color:#7a899e;font-size:12px}.quest-detail-breadcrumb a{color:#59708e}.quest-detail-breadcrumb em{overflow:hidden;color:#8794a6;font-style:normal;text-overflow:ellipsis;white-space:nowrap}.quest-detail-icon{width:76px;height:76px;background:color-mix(in srgb,var(--quest-type) 13%,#fff);color:var(--quest-type);font-size:38px}.quest-detail-title{min-width:0;flex:1}.quest-detail-kicker{color:var(--quest-type)}.quest-detail-summary{display:flex;gap:20px;margin-left:auto}.quest-detail-summary div{min-width:72px;text-align:center}.quest-detail-summary strong{display:block;color:#25324a;font-size:20px;font-weight:500}.quest-detail-summary span{color:#7e8c9f;font-size:12px}.quest-detail-layout{display:grid;grid-template-columns:285px minmax(0,1fr);gap:16px;align-items:start}.quest-detail-aside,.quest-detail-main{display:grid;gap:16px}.quest-detail-aside{position:sticky;top:78px}.quest-panel{overflow:hidden}.quest-panel>header{display:flex;height:48px;gap:9px;align-items:center;padding:0 15px;border-bottom:1px solid #e7ecf2;background:#fbfcfe}.quest-panel>header>span{color:var(--quest-type,#2868c7);font-size:18px}.quest-panel>header h2{margin:0;color:#25324a;font-size:15px;font-weight:500}.quest-panel>header small{margin-left:auto;color:#8995a6;font-size:12px}.quest-property-list{margin:0;padding:8px 15px}.quest-property-list div{display:flex;justify-content:space-between;gap:14px;padding:10px 0;border-bottom:1px dashed #e2e8f0}.quest-property-list div:last-child{border-bottom:0}.quest-property-list dt{color:#7b899e}.quest-property-list dd{margin:0;color:#28364d;text-align:right}.quest-property-list a{color:#2367c9}.quest-condition-list{padding:8px 15px}.quest-condition-list div{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px dashed #e6ebf1}.quest-condition-list div:last-child{border-bottom:0}.quest-condition-list span{color:#78869a}.quest-condition-list strong{font-weight:500;color:#2e3c53}.quest-objective-list{padding:5px 16px}.quest-objective-list article{display:grid;grid-template-columns:28px minmax(0,1fr) auto;gap:10px;align-items:center;padding:12px 0;border-bottom:1px dashed #e2e8ef}.quest-objective-list article:last-child{border-bottom:0}.quest-objective-list article>span{display:grid;width:24px;height:24px;place-items:center;border-radius:50%;background:color-mix(in srgb,var(--quest-type) 12%,#fff);color:var(--quest-type);font-size:12px}.quest-objective-list p{margin:0;color:#344158;line-height:1.65}.quest-objective-list b{font-size:12px;font-weight:500;color:#64748b}.quest-description-list{padding:12px 16px}.quest-description-list p{margin:0;padding:7px 0;color:#58677e;line-height:1.75}.quest-description-list p.is-success{margin-top:6px;padding:12px 14px;border-left:3px solid var(--quest-type);background:#f7faff;color:#334157}.quest-chain-list{display:flex;gap:10px;align-items:stretch;padding:15px;overflow-x:auto}.quest-chain-card,.quest-chain-current{display:flex;min-width:190px;gap:10px;align-items:center;padding:11px 12px;border-radius:7px;background:#f5f8fc;color:#344359}.quest-chain-card:hover{background:#eaf3ff}.quest-chain-card>span,.quest-chain-current>span{flex:0 0 auto;color:var(--quest-type);font-size:19px}.quest-chain-card div,.quest-chain-current div{display:grid;min-width:0;gap:2px}.quest-chain-card small,.quest-chain-current small{color:#8a97a8;font-size:12px}.quest-chain-card strong,.quest-chain-current strong{overflow:hidden;font-size:14px;font-weight:500;text-overflow:ellipsis;white-space:nowrap}.quest-chain-card em{color:var(--quest-type);font-size:12px;font-style:normal}.quest-chain-current{border:1px solid color-mix(in srgb,var(--quest-type) 30%,#dbe4ef);background:color-mix(in srgb,var(--quest-type) 6%,#fff)}.quest-reward-items{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;padding:15px}.quest-reward-items>a{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:10px;align-items:center;padding:9px;border-radius:7px;background:#f6f9fc}.quest-reward-items>a:hover{background:#eaf3ff}.quest-reward-items>a>span{display:grid;width:44px;height:44px;place-items:center;overflow:hidden;border-radius:6px;background:#e8eef6}.quest-reward-items img{width:100%;height:100%;object-fit:contain}.quest-reward-items i{color:#66809f;font-size:21px}.quest-reward-items div{display:grid;min-width:0;gap:3px}.quest-reward-items strong{overflow:hidden;color:#26354c;font-weight:500;text-overflow:ellipsis;white-space:nowrap}.quest-reward-items small{color:#8491a3;font-size:12px}.quest-reward-items b{color:#48617f;font-size:12px;font-weight:500}.quest-reward-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;padding:0 15px 15px}.quest-reward-stats div{padding:11px 12px;border-radius:6px;background:#f6f8fb}.quest-reward-stats span{display:block;color:#8491a3;font-size:12px}.quest-reward-stats strong{display:block;margin-top:4px;color:#2c3b52;font-weight:500}.quest-friendship-reward{display:flex;gap:10px;align-items:center;margin:0 15px 15px;padding:11px 13px;border-radius:7px;background:#fff4f7;color:#d14d72}.quest-friendship-reward>span{font-size:21px}.quest-friendship-reward div{display:grid}.quest-friendship-reward strong{font-weight:500}.quest-friendship-reward small{font-size:12px}
.lostark-quest-tip{width:390px}.lostark-quest-tip .lostark-tip-title{border-bottom-color:#303b4c}.lostark-quest-tip-summary{padding:13px 17px;border-bottom:1px solid #2b3442}.lostark-quest-tip-summary p{margin:0;color:#c8d1df;line-height:1.65}.lostark-quest-tip-objectives{display:grid;gap:7px}.lostark-quest-tip-objectives div{display:grid;grid-template-columns:20px minmax(0,1fr) auto;gap:8px;color:#d5dce7}.lostark-quest-tip-objectives span{color:var(--tip-grade)}.lostark-quest-tip-chain{display:flex;gap:7px;flex-wrap:wrap}.lostark-quest-tip-chain a{padding:5px 9px;border-radius:4px;background:#202a38;color:#b9d5ff}.lostark-quest-tip-rewards{display:flex;gap:7px;flex-wrap:wrap}.lostark-quest-tip-rewards span{padding:5px 8px;border-radius:4px;background:#202a38;color:#d7dee9}
.tw-dark .quest-list-hero,.tw-dark .quest-detail-hero{border-color:rgba(80,145,224,.18);background:linear-gradient(120deg,#192431,#1d242d 58%,#20252b)}.tw-dark .quest-list-hero-icon,.tw-dark .quest-detail-icon{background:rgba(56,132,224,.15);color:#78b7ff}.tw-dark .quest-list-kicker,.tw-dark .quest-detail-kicker,.tw-dark .quest-list-total strong{color:#78b7ff}.tw-dark .quest-list-hero h1,.tw-dark .quest-detail-hero h1,.tw-dark .quest-detail-summary strong{color:var(--la-text)}.tw-dark .quest-list-hero p,.tw-dark .quest-detail-hero p,.tw-dark .quest-list-total span,.tw-dark .quest-detail-summary span{color:var(--la-muted)}.tw-dark .quest-category-panel,.tw-dark .quest-results-panel,.tw-dark .quest-panel{border-color:var(--la-line);background:var(--la-panel)}.tw-dark .quest-category-panel button{color:var(--la-muted)}.tw-dark .quest-category-panel button small,.tw-dark .quest-category-title{color:var(--la-muted)}.tw-dark .quest-category-panel button:hover{background:var(--la-panel-2);color:var(--la-text)}.tw-dark .quest-category-panel button.is-active{background:rgba(59,130,246,.14);color:#93c5fd}.tw-dark .quest-category-panel button.is-active>span:first-child{color:#78b7ff}.tw-dark .quest-category-section+.quest-category-section{border-color:var(--la-line)}.tw-dark .quest-filter-bar,.tw-dark .quest-results-head,.tw-dark .quest-result-card,.tw-dark .quest-pagination{border-color:var(--la-line)}.tw-dark .quest-filter-bar label,.tw-dark .quest-results-head span,.tw-dark .quest-results-head label,.tw-dark .quest-pagination span{color:var(--la-muted)}.tw-dark .quest-filter-bar input,.tw-dark .quest-filter-bar select{border-color:var(--la-line-strong);background:var(--la-panel-2);color:var(--la-text);color-scheme:dark}.tw-dark .quest-filter-bar input::placeholder{color:#8994a1}.tw-dark .quest-filter-bar input:focus,.tw-dark .quest-filter-bar select:focus{border-color:#548fd2;box-shadow:0 0 0 3px rgba(59,130,246,.13)}.tw-dark .quest-filter-bar button,.tw-dark .quest-pagination button{background:var(--la-panel-2);color:var(--la-muted)}.tw-dark .quest-filter-bar button:hover,.tw-dark .quest-pagination button:hover:not(:disabled){background:#2d3744;color:#93c5fd}.tw-dark .quest-results-head strong,.tw-dark .quest-result-title h2,.tw-dark .quest-empty strong{color:var(--la-text)}.tw-dark .quest-results-head em{background:rgba(59,130,246,.14);color:#93c5fd}.tw-dark .quest-results-head select{color:var(--la-text);color-scheme:dark}.tw-dark .quest-result-card:hover{background:rgba(59,130,246,.045)}.tw-dark .quest-result-icon,.tw-dark .quest-result-title>span,.tw-dark .quest-objective-list article>span{background:color-mix(in srgb,var(--quest-type) 14%,var(--la-panel-2))}.tw-dark .quest-result-body>p,.tw-dark .quest-result-meta,.tw-dark .quest-result-id,.tw-dark .quest-empty{color:var(--la-muted)}.tw-dark .quest-result-card.is-loading i,.tw-dark .quest-result-card.is-loading span{background:linear-gradient(90deg,#25282c,#30343a,#25282c);background-size:200% 100%}.tw-dark .quest-detail-breadcrumb,.tw-dark .quest-detail-breadcrumb em,.tw-dark .quest-panel>header small{color:var(--la-muted)}.tw-dark .quest-detail-breadcrumb a,.tw-dark .quest-property-list a{color:#78b7ff}.tw-dark .quest-panel>header{border-color:var(--la-line);background:var(--la-panel-2)}.tw-dark .quest-panel>header h2,.tw-dark .quest-property-list dd,.tw-dark .quest-condition-list strong,.tw-dark .quest-objective-list p,.tw-dark .quest-chain-card,.tw-dark .quest-chain-current,.tw-dark .quest-reward-items strong,.tw-dark .quest-reward-stats strong{color:var(--la-text)}.tw-dark .quest-property-list div,.tw-dark .quest-condition-list div,.tw-dark .quest-objective-list article{border-color:var(--la-line)}.tw-dark .quest-property-list dt,.tw-dark .quest-condition-list span,.tw-dark .quest-objective-list b,.tw-dark .quest-description-list p,.tw-dark .quest-chain-card small,.tw-dark .quest-chain-current small,.tw-dark .quest-reward-items small,.tw-dark .quest-reward-items b,.tw-dark .quest-reward-stats span{color:var(--la-muted)}.tw-dark .quest-description-list p.is-success{background:color-mix(in srgb,var(--quest-type) 7%,var(--la-panel-2));color:var(--la-text)}.tw-dark .quest-chain-card,.tw-dark .quest-chain-current,.tw-dark .quest-reward-items>a,.tw-dark .quest-reward-stats div{background:var(--la-panel-2)}.tw-dark .quest-chain-card:hover,.tw-dark .quest-reward-items>a:hover{background:color-mix(in srgb,var(--quest-type) 7%,var(--la-panel-2))}.tw-dark .quest-chain-current{border-color:color-mix(in srgb,var(--quest-type) 38%,var(--la-line))}.tw-dark .quest-reward-items>a>span{background:#30343a}.tw-dark .quest-friendship-reward{background:rgba(209,77,114,.12);color:#f08aaa}
@media(max-width:900px){.quest-list-layout,.quest-detail-layout{grid-template-columns:1fr}.quest-category-panel,.quest-detail-aside{position:static;max-height:none}.quest-category-panel{display:flex;gap:7px;overflow-x:auto}.quest-category-panel button{min-width:150px}.quest-category-section{display:contents}.quest-category-title{display:none}.quest-filter-bar{flex-wrap:wrap}.quest-filter-search{flex-basis:100%}.quest-detail-summary{display:none}}@media(max-width:640px){.quest-list-hero,.quest-detail-hero{padding:16px}.quest-list-hero-icon{display:none}.quest-list-total{display:none}.quest-list-hero h1,.quest-detail-hero h1{font-size:22px}.quest-filter-bar label{flex:1}.quest-result-card{padding:12px}.quest-result-body>p{display:none}.quest-result-meta{padding-right:0;flex-wrap:wrap;gap:5px 10px}.quest-result-id{display:none}.quest-reward-items{grid-template-columns:1fr}.quest-reward-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.quest-detail-icon{width:58px;height:58px;font-size:28px}.lostark-quest-tip{width:min(390px,calc(100vw - 24px))}}
/* NPC database */
.npc-list-page,.npc-detail-page{font-size:14px}.npc-list-hero,.npc-detail-hero{display:flex;align-items:center;gap:17px;margin-bottom:14px;padding:20px 22px;border:1px solid var(--la-line);border-radius:9px;background:linear-gradient(110deg,var(--la-panel),color-mix(in srgb,#3b82f6 7%,var(--la-panel)) 62%,var(--la-panel))}.npc-list-hero-icon,.npc-detail-icon{display:grid;width:60px;height:60px;flex:0 0 auto;place-items:center;border-radius:14px;background:#e7f1ff;color:#2f72c8;font-size:31px}.tw-dark .npc-list-hero-icon,.tw-dark .npc-detail-icon{background:rgba(59,130,246,.15);color:#7db7ff}.npc-list-kicker,.npc-detail-kicker{margin-bottom:3px;color:#2870c8;font-size:12px;letter-spacing:.12em}.npc-list-hero h1,.npc-detail-hero h1{margin:0;color:var(--la-text);font-size:26px;font-weight:600}.npc-list-hero p,.npc-detail-hero p{margin:6px 0 0;color:var(--la-muted);line-height:1.65}.npc-list-total{margin-left:auto;text-align:right}.npc-list-total strong{display:block;color:#2f72c8;font-size:24px;font-weight:500}.npc-list-total span{color:var(--la-muted);font-size:12px}.npc-list-layout{display:grid;grid-template-columns:235px minmax(0,1fr);gap:13px;align-items:start}.npc-category-panel,.npc-results-panel,.npc-panel{border:1px solid var(--la-line);border-radius:7px;background:var(--la-panel)}.npc-category-panel{position:sticky;top:76px;padding:9px}.npc-category-panel button{display:grid;width:100%;grid-template-columns:22px minmax(0,1fr) auto;gap:8px;align-items:center;padding:8px 9px;border:0;border-radius:5px;background:transparent;color:var(--la-muted);text-align:left;cursor:pointer}.npc-category-panel button>span:first-child{color:var(--npc-type,#718096);font-size:17px}.npc-category-panel button>span:nth-child(2){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.npc-category-panel button small{font-size:12px}.npc-category-panel button:hover{background:var(--la-panel-2);color:var(--la-text)}.npc-category-panel button.is-active{background:#eaf3ff;color:#2166ba}.tw-dark .npc-category-panel button.is-active{background:rgba(59,130,246,.14);color:#8fc2ff}.npc-category-title{padding:12px 9px 5px;color:var(--la-muted);font-size:12px}.npc-category-section+.npc-category-section{margin-top:5px;border-top:1px solid var(--la-line)}.npc-results-panel{min-width:0;overflow:hidden}.npc-filter-bar{display:flex;gap:9px;align-items:flex-end;padding:12px;border-bottom:1px solid var(--la-line)}.npc-filter-bar label{display:flex;min-width:120px;flex-direction:column;gap:5px;color:var(--la-muted);font-size:12px}.npc-filter-bar input,.npc-filter-bar select{height:35px;border:1px solid var(--la-line-strong);border-radius:5px;background:var(--la-panel);padding:0 9px;color:var(--la-text);font-size:14px}.npc-filter-search{position:relative;min-width:240px!important;flex:1}.npc-filter-search>span{position:absolute;left:10px;bottom:9px;color:var(--la-muted);font-size:17px}.npc-filter-search input{width:100%;padding-left:35px}.npc-filter-bar button{height:35px;padding:0 12px;border:0;border-radius:5px;background:var(--la-panel-2);color:var(--la-muted);cursor:pointer}.npc-filter-bar button:hover{color:var(--la-brand)}.npc-results-head{display:flex;justify-content:space-between;align-items:center;padding:10px 13px;border-bottom:1px solid var(--la-line)}.npc-results-head strong{color:var(--la-text);font-size:16px;font-weight:500}.npc-results-head span,.npc-results-head label{color:var(--la-muted);font-size:12px}.npc-results-head em{margin-left:9px;padding:3px 8px;border-radius:10px;background:var(--la-brand-soft);color:var(--la-brand);font-size:12px;font-style:normal}.npc-results-head select{margin-left:5px;border:0;background:transparent;color:var(--la-text)}.npc-results-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;padding:10px}.npc-result-card{position:relative;display:flex;min-width:0;min-height:94px;gap:11px;border:1px solid var(--la-line);border-radius:6px;padding:11px;transition:.15s}.npc-result-card:hover{border-color:color-mix(in srgb,var(--npc-type) 46%,var(--la-line));background:color-mix(in srgb,var(--npc-type) 3%,var(--la-panel));box-shadow:var(--la-shadow)}.npc-result-link{position:absolute;z-index:1;inset:0}.npc-result-icon{display:grid;width:48px;height:48px;flex:0 0 auto;place-items:center;border-radius:11px;background:color-mix(in srgb,var(--npc-type) 12%,var(--la-panel));color:var(--npc-type);font-size:25px}.npc-result-body{min-width:0;flex:1}.npc-result-title{display:flex;gap:7px;align-items:center}.npc-result-title h2{overflow:hidden;min-width:0;margin:0;color:var(--la-text);font-size:14px;font-weight:500;text-overflow:ellipsis;white-space:nowrap}.npc-result-title>span{margin-left:auto;padding:2px 6px;border-radius:4px;background:color-mix(in srgb,var(--npc-grade) 10%,var(--la-panel));color:var(--npc-grade);font-size:12px;white-space:nowrap}.npc-result-body>p{overflow:hidden;margin:4px 0;color:var(--la-muted);font-size:12px;text-overflow:ellipsis;white-space:nowrap}.npc-result-subtitle{color:var(--npc-type)!important}.npc-result-meta{display:flex;gap:4px;flex-wrap:wrap}.npc-result-meta>span{display:inline-flex;gap:3px;align-items:center;padding:2px 5px;border-radius:4px;background:var(--la-panel-2);color:var(--la-muted);font-size:12px}.npc-result-id{margin-top:5px;color:var(--la-muted);font-family:ui-monospace,monospace;font-size:12px}.npc-result-card.is-loading{border-color:transparent;background:var(--la-panel-2);animation:item-pulse 1.3s ease-in-out infinite}.npc-result-card.is-loading>i{width:48px;height:48px;border-radius:10px;background:var(--la-line)}.npc-result-card.is-loading>div{display:grid;flex:1;gap:7px;align-content:start}.npc-result-card.is-loading span{display:block;height:11px;border-radius:4px;background:var(--la-line)}.npc-result-card.is-loading span:nth-child(2){width:78%}.npc-result-card.is-loading span:nth-child(3){width:48%}.npc-pagination{display:flex;justify-content:center;gap:14px;align-items:center;padding:14px;border-top:1px solid var(--la-line)}.npc-pagination button{padding:7px 14px;border:0;border-radius:15px;background:var(--la-panel-2);color:var(--la-text);cursor:pointer}.npc-pagination button:disabled{opacity:.4}.npc-pagination span{color:var(--la-muted);font-size:12px}.npc-empty{grid-column:1/-1;display:grid;min-height:320px;place-content:center;justify-items:center;color:var(--la-muted)}.npc-empty>span{font-size:34px}.npc-empty strong{margin-top:8px;color:var(--la-text);font-weight:500}.npc-empty p{margin-top:4px;font-size:12px}
.npc-detail-breadcrumb{display:flex;gap:8px;margin-bottom:12px;color:var(--la-muted);font-size:12px}.npc-detail-breadcrumb a{color:var(--la-brand)}.npc-detail-breadcrumb em{overflow:hidden;font-style:normal;text-overflow:ellipsis;white-space:nowrap}.npc-detail-icon{width:76px;height:76px;background:color-mix(in srgb,var(--npc-type) 12%,var(--la-panel));color:var(--npc-type);font-size:38px}.npc-detail-title{min-width:0;flex:1}.npc-detail-kicker{color:var(--npc-type)}.npc-detail-title h2{margin:3px 0 0;color:var(--npc-grade);font-size:14px;font-weight:500}.npc-detail-summary{display:flex;gap:18px;margin-left:auto}.npc-detail-summary div{min-width:78px;text-align:center}.npc-detail-summary strong{display:block;color:var(--la-text);font-size:18px;font-weight:500}.npc-detail-summary span{color:var(--la-muted);font-size:12px}.npc-detail-layout{display:grid;grid-template-columns:280px minmax(0,1fr);gap:13px;align-items:start}.npc-detail-aside,.npc-detail-main{display:grid;gap:13px}.npc-detail-aside{position:sticky;top:76px}.npc-panel{overflow:hidden}.npc-panel>header{display:flex;height:46px;gap:8px;align-items:center;padding:0 14px;border-bottom:1px solid var(--la-line);background:var(--la-panel-2)}.npc-panel>header>span{color:var(--npc-type);font-size:18px}.npc-panel>header h2{margin:0;color:var(--la-text);font-size:15px;font-weight:500}.npc-panel>header small{margin-left:auto;color:var(--la-muted);font-size:12px}.npc-property-list{margin:0;padding:7px 14px}.npc-property-list div{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px dashed var(--la-line)}.npc-property-list div:last-child{border-bottom:0}.npc-property-list dt{color:var(--la-muted)}.npc-property-list dd{margin:0;color:var(--la-text);text-align:right}.npc-zone-list{padding:7px 13px}.npc-zone-list a{display:flex;gap:9px;align-items:center;padding:9px 2px;border-bottom:1px dashed var(--la-line)}.npc-zone-list a:last-child{border-bottom:0}.npc-zone-list>a>span{color:var(--npc-type);font-size:18px}.npc-zone-list div{display:grid}.npc-zone-list strong{font-weight:500;color:var(--la-text)}.npc-zone-list small{color:var(--la-muted);font-size:12px}.npc-related-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:13px}.npc-related-grid>a{display:flex;min-width:0;gap:10px;align-items:center;padding:10px;border-radius:6px;background:var(--la-panel-2)}.npc-related-grid>a:hover{background:var(--la-brand-soft)}.npc-related-grid>a>span{display:grid;width:38px;height:38px;flex:0 0 auto;place-items:center;border-radius:8px;background:var(--la-panel);font-size:20px}.npc-related-grid div{display:grid;min-width:0;gap:2px}.npc-related-grid strong{overflow:hidden;color:var(--la-text);font-weight:500;text-overflow:ellipsis;white-space:nowrap}.npc-related-grid small{color:var(--la-muted);font-size:12px}.npc-related-image{overflow:hidden}.npc-related-image img{width:100%;height:100%;object-fit:contain}.npc-item-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:13px}.npc-item-card{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:9px;align-items:center;padding:9px;border-radius:6px;background:var(--la-panel-2)}.npc-item-card:hover{background:var(--la-brand-soft)}.npc-item-card>span{display:grid;width:44px;height:44px;place-items:center;overflow:hidden;border-radius:6px;background:var(--la-panel)}.npc-item-card img{width:100%;height:100%;object-fit:contain}.npc-item-card i{color:var(--la-muted);font-size:20px}.npc-item-card div{display:grid;min-width:0;gap:2px}.npc-item-card strong{overflow:hidden;color:var(--la-text);font-weight:500;text-overflow:ellipsis;white-space:nowrap}.npc-item-card small{color:var(--la-muted);font-size:12px}.npc-item-card b{color:var(--la-muted);font-size:12px;font-weight:500}.npc-drop-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;padding:0 13px 13px}.npc-drop-stats div{padding:10px;border-radius:6px;background:var(--la-panel-2)}.npc-drop-stats span{display:block;color:var(--la-muted);font-size:12px}.npc-drop-stats strong{display:block;margin-top:3px;color:var(--la-text);font-weight:500}.npc-friendship-panel>a{display:flex;gap:12px;align-items:center;padding:13px}.npc-friendship-panel>a>img{width:58px;height:58px;border-radius:8px;object-fit:cover}.npc-friendship-panel>a>div{min-width:0;flex:1}.npc-friendship-panel strong{color:var(--la-text);font-weight:500}.npc-friendship-panel p{margin:4px 0 0;color:var(--la-muted);line-height:1.6}.npc-friendship-panel>a>span{color:var(--la-muted)}
.lostark-npc-tip{width:380px}.lostark-npc-tip-core{display:grid;grid-template-columns:64px minmax(0,1fr);gap:13px;padding:14px 17px;border-bottom:1px solid #2b3442}.lostark-npc-tip-icon{display:grid;width:64px;height:64px;place-items:center;border-radius:11px;background:color-mix(in srgb,var(--tip-grade) 18%,#18202a);color:var(--tip-grade);font-size:31px}.lostark-npc-tip-core dl{margin:0}.lostark-npc-tip-core dl div{display:flex;justify-content:space-between;gap:10px;padding:3px 0}.lostark-npc-tip-core dt{color:#8996a8}.lostark-npc-tip-core dd{margin:0;color:#d8e0eb}.lostark-npc-tip-description{padding:12px 17px;border-bottom:1px solid #2b3442}.lostark-npc-tip-description p{margin:0;color:#c8d1df;line-height:1.65}.lostark-npc-tip-links{display:flex;gap:6px;flex-wrap:wrap}.lostark-npc-tip-links span{padding:5px 8px;border-radius:4px;background:#202a38;color:#d6deea}
@media(max-width:900px){.npc-list-layout,.npc-detail-layout{grid-template-columns:1fr}.npc-category-panel,.npc-detail-aside{position:static}.npc-category-panel{display:flex;gap:6px;overflow-x:auto}.npc-category-panel button{min-width:145px}.npc-category-section{display:contents}.npc-category-title{display:none}.npc-filter-bar{flex-wrap:wrap}.npc-filter-search{flex-basis:100%}.npc-detail-summary{display:none}}@media(max-width:680px){.npc-list-hero,.npc-detail-hero{padding:15px}.npc-list-hero-icon{display:none}.npc-list-total{display:none}.npc-list-hero h1,.npc-detail-hero h1{font-size:22px}.npc-filter-bar label{flex:1}.npc-results-grid{grid-template-columns:1fr}.npc-detail-icon{width:58px;height:58px;font-size:28px}.npc-related-grid,.npc-item-grid{grid-template-columns:1fr}.npc-drop-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.lostark-npc-tip{width:min(380px,calc(100vw - 24px))}}

/* Equipment set database */
.set-list-page,.set-detail-page{font-size:14px}.set-list-hero,.set-detail-hero{display:flex;align-items:center;gap:18px;margin-bottom:15px;padding:21px 23px;border:1px solid var(--la-line);border-radius:9px;background:linear-gradient(115deg,var(--la-panel),color-mix(in srgb,#8b5cf6 7%,var(--la-panel)))}.set-list-hero-icon,.set-detail-icon{display:grid;width:64px;height:64px;flex:0 0 auto;place-items:center;border-radius:14px;background:color-mix(in srgb,#8b5cf6 13%,var(--la-panel));color:#7c3aed;font-size:33px}.set-list-kicker,.set-detail-kicker{margin-bottom:4px;color:#7c3aed;font-size:12px;letter-spacing:.13em}.set-list-hero h1,.set-detail-hero h1{margin:0;color:var(--la-text);font-size:27px;font-weight:600}.set-list-hero p,.set-detail-hero p{margin:7px 0 0;color:var(--la-muted);line-height:1.65}.set-list-total{margin-left:auto;text-align:right}.set-list-total strong{display:block;color:#7c3aed;font-size:25px;font-weight:500}.set-list-total span{color:var(--la-muted);font-size:12px}
.set-list-layout{display:grid;grid-template-columns:230px minmax(0,1fr);gap:13px;align-items:start}.set-category-panel,.set-results-panel,.set-panel{border:1px solid var(--la-line);border-radius:7px;background:var(--la-panel)}.set-category-panel{position:sticky;top:76px;padding:9px}.set-category-panel button{display:grid;width:100%;grid-template-columns:22px minmax(0,1fr) auto;gap:8px;align-items:center;padding:8px 9px;border:0;border-radius:5px;background:transparent;color:var(--la-muted);text-align:left;cursor:pointer}.set-category-panel button:hover{background:var(--la-panel-2);color:var(--la-text)}.set-category-panel button.is-active{background:color-mix(in srgb,#8b5cf6 11%,var(--la-panel));color:#7c3aed}.set-category-panel button small{font-size:12px}.set-category-title{padding:12px 9px 5px;color:var(--la-muted);font-size:12px}.set-category-section+.set-category-section{margin-top:5px;border-top:1px solid var(--la-line)}.set-tier-dot{width:9px;height:9px;margin-left:4px;border-radius:50%;background:var(--set-tier)}
.set-results-panel{min-width:0;overflow:hidden}.set-filter-bar{display:flex;gap:9px;align-items:flex-end;padding:12px;border-bottom:1px solid var(--la-line)}.set-filter-bar label{display:flex;min-width:110px;flex-direction:column;gap:5px;color:var(--la-muted);font-size:12px}.set-filter-bar input,.set-filter-bar select{height:35px;border:1px solid var(--la-line-strong);border-radius:5px;background:var(--la-panel);padding:0 9px;color:var(--la-text);font-size:14px}.set-filter-search{position:relative;min-width:230px!important;flex:1}.set-filter-search>span{position:absolute;bottom:9px;left:10px;color:var(--la-muted);font-size:17px}.set-filter-search input{width:100%;padding-left:35px}.set-filter-bar button{height:35px;border:0;border-radius:5px;background:var(--la-panel-2);padding:0 12px;color:var(--la-muted);cursor:pointer}.set-results-head{display:flex;align-items:center;justify-content:space-between;padding:10px 13px;border-bottom:1px solid var(--la-line)}.set-results-head strong{color:var(--la-text);font-size:16px;font-weight:500}.set-results-head span,.set-results-head label{color:var(--la-muted);font-size:12px}.set-results-head em{margin-left:8px;padding:3px 8px;border-radius:10px;background:color-mix(in srgb,#8b5cf6 10%,var(--la-panel));color:#7c3aed;font-size:12px;font-style:normal}.set-results-head select{margin-left:5px;border:0;background:transparent;color:var(--la-text)}
.set-results-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;padding:10px}.set-result-card{position:relative;display:flex;min-width:0;min-height:125px;gap:11px;border:1px solid var(--la-line);border-radius:6px;padding:11px;transition:.15s}.set-result-card:hover{border-color:color-mix(in srgb,var(--set-tier) 48%,var(--la-line));background:color-mix(in srgb,var(--set-tier) 3%,var(--la-panel));box-shadow:var(--la-shadow)}.set-result-link{position:absolute;z-index:1;inset:0}.set-result-icon{display:grid;width:48px;height:48px;flex:0 0 auto;place-items:center;border-radius:10px;background:color-mix(in srgb,var(--set-tier) 12%,var(--la-panel));color:var(--set-tier);font-size:25px}.set-result-body{min-width:0;flex:1}.set-result-title{display:flex;gap:7px;align-items:center}.set-result-title h2{overflow:hidden;min-width:0;margin:0;color:var(--la-text);font-size:14px;font-weight:500;text-overflow:ellipsis;white-space:nowrap}.set-result-title>span{margin-left:auto;color:var(--set-tier);font-size:12px;white-space:nowrap}.set-result-body>p{overflow:hidden;margin:7px 0;color:var(--la-muted);font-size:12px;text-overflow:ellipsis;white-space:nowrap}.set-result-meta{display:flex;flex-wrap:wrap;gap:4px}.set-result-meta>span{display:inline-flex;align-items:center;gap:3px;border-radius:4px;background:var(--la-panel-2);padding:2px 5px;color:var(--la-muted);font-size:12px}.set-result-id{margin-top:6px;color:var(--la-muted);font-family:ui-monospace,monospace;font-size:12px}.set-result-card.is-loading{border-color:transparent;background:var(--la-panel-2);animation:item-pulse 1.3s ease-in-out infinite}.set-result-card.is-loading>i{width:48px;height:48px;border-radius:9px;background:var(--la-line)}.set-result-card.is-loading>div{display:grid;flex:1;gap:7px;align-content:start}.set-result-card.is-loading span{display:block;height:11px;border-radius:4px;background:var(--la-line)}.set-result-card.is-loading span:nth-child(2){width:76%}.set-result-card.is-loading span:nth-child(3){width:48%}.set-pagination{display:flex;justify-content:center;gap:14px;align-items:center;padding:14px;border-top:1px solid var(--la-line)}.set-pagination button{padding:7px 14px;border:0;border-radius:15px;background:var(--la-panel-2);color:var(--la-text);cursor:pointer}.set-pagination button:disabled{opacity:.4}.set-pagination span{color:var(--la-muted);font-size:12px}.set-empty{grid-column:1/-1;display:grid;min-height:320px;place-content:center;justify-items:center;color:var(--la-muted)}.set-empty>span{font-size:34px}.set-empty strong{margin-top:8px;color:var(--la-text);font-weight:500}.set-empty p{margin-top:4px;font-size:12px}
.set-detail-breadcrumb{display:flex;gap:8px;margin-bottom:12px;color:var(--la-muted);font-size:12px}.set-detail-breadcrumb a{color:var(--la-brand)}.set-detail-breadcrumb em{font-style:normal}.set-detail-title{min-width:0;flex:1}.set-detail-title h1{font-size:27px}.set-detail-summary{display:flex;gap:18px;margin-left:auto}.set-detail-summary div{min-width:78px;text-align:center}.set-detail-summary strong{display:block;color:var(--la-text);font-size:19px;font-weight:500}.set-detail-summary span{color:var(--la-muted);font-size:12px}.set-detail-layout{display:grid;grid-template-columns:280px minmax(0,1fr);gap:13px;align-items:start}.set-detail-aside,.set-detail-main{display:grid;gap:13px}.set-detail-aside{position:sticky;top:76px}.set-panel{overflow:hidden}.set-panel>header{display:flex;min-height:46px;gap:8px;align-items:center;padding:8px 14px;border-bottom:1px solid var(--la-line);background:var(--la-panel-2)}.set-panel>header>span{color:var(--set-tier);font-size:18px}.set-panel>header h2{margin:0;color:var(--la-text);font-size:15px;font-weight:500}.set-panel>header p{margin:2px 0 0;color:var(--la-muted);font-size:12px}.set-panel>header small{margin-left:auto;color:var(--la-muted);font-size:12px}.set-property-list{margin:0;padding:7px 14px}.set-property-list div{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px dashed var(--la-line)}.set-property-list div:last-child{border-bottom:0}.set-property-list dt{color:var(--la-muted)}.set-property-list dd{margin:0;color:var(--la-text);text-align:right}
.set-activation-guide>div{padding:9px 14px}.set-activation-guide>div>span{position:relative;display:grid;grid-template-columns:1fr auto;overflow:hidden;margin:7px 0;border-radius:5px;background:var(--la-panel-2);padding:8px 9px}.set-activation-guide i{position:absolute;inset:0 auto 0 0;background:color-mix(in srgb,var(--set-tier) 11%,transparent)}.set-activation-guide b,.set-activation-guide small{position:relative;font-weight:400}.set-activation-guide small{color:var(--la-muted);font-size:12px}.set-effect-stages{padding:13px}.set-effect-stage{display:grid;grid-template-columns:150px minmax(0,1fr);gap:12px;padding:13px 0;border-bottom:1px solid var(--la-line)}.set-effect-stage:first-child{padding-top:0}.set-effect-stage:last-child{padding-bottom:0;border-bottom:0}.set-effect-stage-title{display:flex;align-items:flex-start;gap:9px}.set-effect-stage-title>span{display:grid;width:40px;height:40px;flex:0 0 auto;place-items:center;border-radius:50%;background:color-mix(in srgb,var(--set-tier) 13%,var(--la-panel));color:var(--set-tier);font-size:18px}.set-effect-stage-title h3{margin:2px 0 3px;font-size:14px;font-weight:500}.set-effect-stage-title p{margin:0;color:var(--la-muted);font-size:12px}.set-effect-levels{display:grid;gap:7px}.set-effect-levels>div{border-radius:5px;background:var(--la-panel-2);padding:9px 11px}.set-effect-levels span{display:block;margin-bottom:4px;color:var(--set-tier);font-size:12px}.set-effect-levels p{margin:0;color:var(--la-text);font-size:14px;line-height:1.65}
.set-item-groups{padding:0 13px 13px}.set-item-groups>section>header{display:flex;align-items:center;justify-content:space-between;padding:13px 2px 8px}.set-item-groups h3{margin:0;font-size:14px;font-weight:500}.set-item-groups header small{color:var(--la-muted);font-size:12px}.set-item-groups>section>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.set-related-item{display:flex;min-width:0;align-items:center;gap:8px;border-radius:6px;background:var(--la-panel-2);padding:8px}.set-related-item:hover{background:color-mix(in srgb,var(--item-grade) 7%,var(--la-panel-2))}.set-related-item>span{display:grid;width:42px;height:42px;flex:0 0 auto;place-items:center;overflow:hidden;border:1px solid color-mix(in srgb,var(--item-grade) 35%,var(--la-line));border-radius:5px;background:var(--la-panel);color:var(--item-grade);font-size:20px}.set-related-item img{width:100%;height:100%;object-fit:contain}.set-related-item>div{min-width:0}.set-related-item strong,.set-related-item small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.set-related-item strong{color:var(--item-grade);font-size:13px;font-weight:500}.set-related-item small{margin-top:3px;color:var(--la-muted);font-size:12px}
.lostark-set-tip{width:min(430px,calc(100vw - 24px))}.lostark-set-tip-core{display:flex;align-items:center;gap:12px;padding:14px 17px;border-bottom:1px solid #2b3442}.lostark-set-tip-core>span{display:grid;width:48px;height:48px;flex:0 0 auto;place-items:center;border-radius:9px;background:color-mix(in srgb,var(--tip-grade) 20%,#18202a);color:var(--tip-grade);font-size:26px}.lostark-set-tip-core strong{display:block;color:#f1f5f9;font-size:14px;font-weight:500}.lostark-set-tip-core p{margin:4px 0 0;color:#aab4c3;font-size:12px}.lostark-set-tip-effects{display:grid;gap:7px}.lostark-set-tip-effects>div{display:grid;grid-template-columns:46px minmax(0,1fr);gap:8px}.lostark-set-tip-effects span{color:var(--tip-grade);font-size:12px}.lostark-set-tip-effects p{margin:0;color:#d7dfe9;font-size:12px;line-height:1.55}
@media(max-width:1120px){.set-results-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.set-item-groups>section>div{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:900px){.set-list-layout,.set-detail-layout{grid-template-columns:1fr}.set-category-panel,.set-detail-aside{position:static}.set-category-panel{display:flex;gap:6px;overflow-x:auto}.set-category-panel button{min-width:145px}.set-category-section{display:contents}.set-category-title{display:none}.set-filter-bar{flex-wrap:wrap}.set-filter-search{flex-basis:100%}.set-detail-summary{display:none}.set-effect-stage{grid-template-columns:1fr}}@media(max-width:650px){.set-list-hero,.set-detail-hero{padding:15px}.set-list-hero-icon{display:none}.set-list-total{display:none}.set-list-hero h1,.set-detail-hero h1{font-size:22px}.set-filter-bar label{flex:1}.set-results-grid,.set-item-groups>section>div{grid-template-columns:1fr}.set-detail-icon{width:58px;height:58px;font-size:28px}}

/* Engraving database */
.engraving-list-page,.engraving-detail-page{font-size:14px}.engraving-list-hero,.engraving-detail-hero{display:flex;align-items:center;gap:18px;margin-bottom:14px;padding:21px 23px;border:1px solid var(--la-line);border-radius:9px;background:linear-gradient(115deg,var(--la-panel),color-mix(in srgb,#d28a22 7%,var(--la-panel)))}.engraving-list-hero-icon,.engraving-detail-icon{display:grid;width:64px;height:64px;flex:0 0 auto;place-items:center;overflow:hidden;border-radius:14px;background:#fff3dd;color:#b96e13;font-size:31px}.tw-dark .engraving-list-hero-icon,.tw-dark .engraving-detail-icon{background:rgba(210,138,34,.16);color:#f0b75b}.engraving-detail-icon img{width:100%;height:100%;object-fit:contain}.engraving-list-kicker,.engraving-detail-kicker{margin-bottom:4px;color:#b96e13;font-size:12px;letter-spacing:.13em}.engraving-list-hero h1,.engraving-detail-hero h1{margin:0;color:var(--la-text);font-size:27px;font-weight:600}.engraving-list-hero p,.engraving-detail-hero p{margin:7px 0 0;color:var(--la-muted);line-height:1.65}.engraving-list-total{margin-left:auto;text-align:right}.engraving-list-total strong{display:block;color:#b96e13;font-size:25px;font-weight:500}.engraving-list-total span{color:var(--la-muted);font-size:12px}
.engraving-list-layout{display:grid;grid-template-columns:238px minmax(0,1fr);gap:13px;align-items:start}.engraving-category-panel,.engraving-results-panel,.engraving-panel{border:1px solid var(--la-line);border-radius:7px;background:var(--la-panel)}.engraving-category-panel{position:sticky;top:76px;max-height:calc(100vh - 92px);overflow:auto;padding:9px}.engraving-category-panel button{display:grid;width:100%;grid-template-columns:22px minmax(0,1fr) auto;gap:8px;align-items:center;padding:8px 9px;border:0;border-radius:5px;background:transparent;color:var(--la-muted);text-align:left;cursor:pointer}.engraving-category-panel button>span:first-child{color:var(--engraving-type,#8a97a8);font-size:17px}.engraving-category-panel button:hover{background:var(--la-panel-2);color:var(--la-text)}.engraving-category-panel button.is-active{background:color-mix(in srgb,var(--engraving-type,#d28a22) 11%,var(--la-panel));color:var(--engraving-type,#b96e13)}.engraving-category-panel button small{font-size:12px}.engraving-category-title{padding:12px 9px 5px;color:var(--la-muted);font-size:12px}.engraving-category-section+.engraving-category-section{margin-top:5px;border-top:1px solid var(--la-line)}
.engraving-results-panel{min-width:0;overflow:hidden}.engraving-filter-bar{display:flex;gap:9px;align-items:flex-end;padding:12px;border-bottom:1px solid var(--la-line)}.engraving-filter-bar label{display:flex;min-width:125px;flex-direction:column;gap:5px;color:var(--la-muted);font-size:12px}.engraving-filter-bar input,.engraving-filter-bar select{height:35px;border:1px solid var(--la-line-strong);border-radius:5px;background:var(--la-panel);padding:0 9px;color:var(--la-text);font-size:14px}.engraving-filter-search{position:relative;min-width:240px!important;flex:1}.engraving-filter-search>span{position:absolute;bottom:9px;left:10px;color:var(--la-muted);font-size:17px}.engraving-filter-search input{width:100%;padding-left:35px}.engraving-filter-bar button{height:35px;border:0;border-radius:5px;background:var(--la-panel-2);padding:0 12px;color:var(--la-muted);cursor:pointer}.engraving-results-head{display:flex;align-items:center;justify-content:space-between;padding:10px 13px;border-bottom:1px solid var(--la-line)}.engraving-results-head strong{color:var(--la-text);font-size:16px;font-weight:500}.engraving-results-head span,.engraving-results-head label{color:var(--la-muted);font-size:12px}.engraving-results-head em{margin-left:8px;padding:3px 8px;border-radius:10px;background:#fff5e5;color:#a86410;font-size:12px;font-style:normal}.tw-dark .engraving-results-head em{background:rgba(210,138,34,.13);color:#efb65b}.engraving-results-head select{margin-left:5px;border:0;background:transparent;color:var(--la-text)}
.engraving-results-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;padding:10px}.engraving-result-card{position:relative;display:flex;min-width:0;min-height:128px;gap:11px;border:1px solid var(--la-line);border-radius:6px;padding:11px;transition:.15s}.engraving-result-card:hover{border-color:color-mix(in srgb,var(--engraving-type) 48%,var(--la-line));background:color-mix(in srgb,var(--engraving-type) 3%,var(--la-panel));box-shadow:var(--la-shadow)}.engraving-result-link{position:absolute;z-index:1;inset:0}.engraving-result-icon{display:grid;width:54px;height:54px;flex:0 0 auto;place-items:center;overflow:hidden;border:1px solid color-mix(in srgb,var(--engraving-type) 35%,var(--la-line));border-radius:10px;background:color-mix(in srgb,var(--engraving-type) 10%,var(--la-panel));color:var(--engraving-type);font-size:25px}.engraving-result-icon img{width:100%;height:100%;object-fit:contain}.engraving-result-body{min-width:0;flex:1}.engraving-result-title{display:flex;gap:7px;align-items:center}.engraving-result-title h2{overflow:hidden;min-width:0;margin:0;color:var(--la-text);font-size:15px;font-weight:500;text-overflow:ellipsis;white-space:nowrap}.engraving-result-title>span{margin-left:auto;color:var(--engraving-type);font-size:12px;white-space:nowrap}.engraving-result-body>p{display:-webkit-box;overflow:hidden;margin:7px 0;color:var(--la-muted);font-size:12px;line-height:1.55;-webkit-box-orient:vertical;-webkit-line-clamp:2}.engraving-result-meta{display:flex;flex-wrap:wrap;gap:4px}.engraving-result-meta>span{display:inline-flex;align-items:center;gap:3px;border-radius:4px;background:var(--la-panel-2);padding:2px 5px;color:var(--la-muted);font-size:12px}.engraving-result-id{margin-top:6px;color:var(--la-muted);font-family:ui-monospace,monospace;font-size:12px}.engraving-result-card.is-loading{border-color:transparent;background:var(--la-panel-2);animation:item-pulse 1.3s ease-in-out infinite}.engraving-result-card.is-loading>i{width:54px;height:54px;border-radius:9px;background:var(--la-line)}.engraving-result-card.is-loading>div{display:grid;flex:1;gap:7px;align-content:start}.engraving-result-card.is-loading span{display:block;height:11px;border-radius:4px;background:var(--la-line)}.engraving-result-card.is-loading span:nth-child(2){width:76%}.engraving-result-card.is-loading span:nth-child(3){width:48%}.engraving-pagination{display:flex;justify-content:center;gap:14px;align-items:center;padding:14px;border-top:1px solid var(--la-line)}.engraving-pagination button{padding:7px 14px;border:0;border-radius:15px;background:var(--la-panel-2);color:var(--la-text);cursor:pointer}.engraving-pagination button:disabled{opacity:.4}.engraving-pagination span{color:var(--la-muted);font-size:12px}.engraving-empty{grid-column:1/-1;display:grid;min-height:320px;place-content:center;justify-items:center;color:var(--la-muted)}.engraving-empty>span{font-size:34px}.engraving-empty strong{margin-top:8px;color:var(--la-text);font-weight:500}.engraving-empty p{margin-top:4px;font-size:12px}
.engraving-detail-breadcrumb{display:flex;gap:8px;margin-bottom:12px;color:var(--la-muted);font-size:12px}.engraving-detail-breadcrumb a{color:var(--la-brand)}.engraving-detail-breadcrumb em{font-style:normal}.engraving-detail-title{min-width:0;flex:1}.engraving-detail-title h1{font-size:27px}.engraving-detail-summary{display:flex;gap:16px;margin-left:auto}.engraving-detail-summary div{min-width:82px;text-align:center}.engraving-detail-summary strong{display:block;max-width:130px;overflow:hidden;color:var(--la-text);font-size:18px;font-weight:500;text-overflow:ellipsis;white-space:nowrap}.engraving-detail-summary span{color:var(--la-muted);font-size:12px}.engraving-detail-layout{display:grid;grid-template-columns:280px minmax(0,1fr);gap:13px;align-items:start}.engraving-detail-aside,.engraving-detail-main{display:grid;gap:13px}.engraving-detail-aside{position:sticky;top:76px}.engraving-panel{overflow:hidden}.engraving-panel>header{display:flex;min-height:46px;gap:8px;align-items:center;padding:8px 14px;border-bottom:1px solid var(--la-line);background:var(--la-panel-2)}.engraving-panel>header>span{color:var(--engraving-type);font-size:18px}.engraving-panel>header h2{margin:0;color:var(--la-text);font-size:15px;font-weight:500}.engraving-panel>header p{margin:2px 0 0;color:var(--la-muted);font-size:12px}.engraving-panel>header small{margin-left:auto;color:var(--la-muted);font-size:12px}.engraving-property-list{margin:0;padding:7px 14px}.engraving-property-list div{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px dashed var(--la-line)}.engraving-property-list div:last-child{border-bottom:0}.engraving-property-list dt{color:var(--la-muted)}.engraving-property-list dd{margin:0;color:var(--la-text);text-align:right}.engraving-unlock{padding:13px 14px}.engraving-unlock p{margin:0;color:var(--la-text);line-height:1.65}.engraving-unlock span{display:block;margin-top:7px;color:var(--la-muted);font-size:12px}
.engraving-levels{padding:13px}.engraving-levels article{display:grid;grid-template-columns:110px minmax(0,1fr);gap:14px;padding:14px 0;border-bottom:1px solid var(--la-line)}.engraving-levels article:first-child{padding-top:0}.engraving-levels article:last-child{padding-bottom:0;border-bottom:0}.engraving-level-badge span{display:block;color:var(--engraving-type);font-size:20px}.engraving-level-badge small{display:block;margin-top:5px;color:var(--la-muted);font-size:12px}.engraving-levels article p{margin:0;color:var(--la-text);line-height:1.75}.engraving-pvp{margin-top:8px;border-radius:5px;background:var(--la-panel-2);padding:8px 10px;color:var(--la-muted);font-size:12px}.engraving-pvp span{margin-right:7px;color:#2f72c8}.engraving-book-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;padding:13px}.engraving-book-grid>a{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:9px;align-items:center;border-radius:6px;background:var(--la-panel-2);padding:8px}.engraving-book-grid>a:hover{background:color-mix(in srgb,var(--book-grade) 7%,var(--la-panel-2))}.engraving-book-grid>a>span{display:grid;width:44px;height:44px;place-items:center;overflow:hidden;border:1px solid color-mix(in srgb,var(--book-grade) 35%,var(--la-line));border-radius:5px;background:var(--la-panel);color:var(--book-grade);font-size:20px}.engraving-book-grid img{width:100%;height:100%;object-fit:contain}.engraving-book-grid div{min-width:0}.engraving-book-grid strong,.engraving-book-grid small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.engraving-book-grid strong{color:var(--book-grade);font-size:14px;font-weight:500}.engraving-book-grid small{margin-top:3px;color:var(--la-muted);font-size:12px}.engraving-book-grid>a>i{color:var(--la-muted)}
.lostark-engraving-tip{width:min(450px,calc(100vw - 24px))}.lostark-engraving-tip-core{display:flex;gap:12px;padding:14px 17px;border-bottom:1px solid #2b3442}.lostark-engraving-tip-core>span{display:grid;width:52px;height:52px;flex:0 0 auto;place-items:center;overflow:hidden;border:1px solid color-mix(in srgb,var(--tip-grade) 50%,#303a47);border-radius:9px;background:#1c2531;color:var(--tip-grade);font-size:23px}.lostark-engraving-tip-core img{width:100%;height:100%;object-fit:contain}.lostark-engraving-tip-core strong{display:block;color:var(--tip-grade);font-size:15px;font-weight:500}.lostark-engraving-tip-core p{display:-webkit-box;overflow:hidden;margin:5px 0 0;color:#cbd4e0;font-size:12px;line-height:1.6;-webkit-box-orient:vertical;-webkit-line-clamp:3}.lostark-engraving-tip-levels{display:grid;gap:7px}.lostark-engraving-tip-levels>div{display:grid;grid-template-columns:38px minmax(0,1fr);gap:8px}.lostark-engraving-tip-levels span{color:var(--tip-grade);font-size:12px}.lostark-engraving-tip-levels p{display:-webkit-box;overflow:hidden;margin:0;color:#d7dfe9;font-size:12px;line-height:1.55;-webkit-box-orient:vertical;-webkit-line-clamp:3}
@media(max-width:900px){.engraving-list-layout,.engraving-detail-layout{grid-template-columns:1fr}.engraving-category-panel,.engraving-detail-aside{position:static;max-height:none}.engraving-category-panel{display:flex;gap:6px;overflow-x:auto}.engraving-category-panel button{min-width:145px}.engraving-category-section{display:contents}.engraving-category-title{display:none}.engraving-filter-bar{flex-wrap:wrap}.engraving-filter-search{flex-basis:100%}.engraving-detail-summary{display:none}}@media(max-width:650px){.engraving-list-hero,.engraving-detail-hero{padding:15px}.engraving-list-hero-icon{display:none}.engraving-list-total{display:none}.engraving-list-hero h1,.engraving-detail-hero h1{font-size:22px}.engraving-results-grid,.engraving-book-grid{grid-template-columns:1fr}.engraving-detail-icon{width:58px;height:58px}.engraving-levels article{grid-template-columns:1fr}}

/* Crafting recipe database */
.recipe-list-page,.recipe-detail-page{font-size:14px}.recipe-list-hero,.recipe-detail-hero{display:flex;align-items:center;gap:18px;margin-bottom:14px;padding:21px 23px;border:1px solid var(--la-line);border-radius:9px;background:linear-gradient(115deg,var(--la-panel),color-mix(in srgb,#2f9569 7%,var(--la-panel)))}.recipe-list-hero-icon,.recipe-detail-product-icon{display:grid;width:64px;height:64px;flex:0 0 auto;place-items:center;overflow:hidden;border-radius:14px;background:color-mix(in srgb,#2f9569 13%,var(--la-panel));color:#25805a;font-size:31px}.recipe-detail-product-icon{border:1px solid color-mix(in srgb,var(--recipe-group) 35%,var(--la-line));background:var(--la-panel)}.recipe-detail-product-icon img{width:100%;height:100%;object-fit:contain}.recipe-list-kicker,.recipe-detail-kicker{margin-bottom:4px;color:#25805a;font-size:12px;letter-spacing:.12em}.recipe-list-hero h1,.recipe-detail-hero h1{margin:0;color:var(--la-text);font-size:27px;font-weight:600}.recipe-list-hero p,.recipe-detail-hero p{margin:7px 0 0;color:var(--la-muted);line-height:1.65}.recipe-list-total{margin-left:auto;text-align:right}.recipe-list-total strong{display:block;color:#25805a;font-size:25px;font-weight:500}.recipe-list-total span{color:var(--la-muted);font-size:12px}
.recipe-list-layout{display:grid;grid-template-columns:238px minmax(0,1fr);gap:13px;align-items:start}.recipe-category-panel,.recipe-results-panel,.recipe-panel{border:1px solid var(--la-line);border-radius:7px;background:var(--la-panel)}.recipe-category-panel{position:sticky;top:76px;max-height:calc(100vh - 92px);overflow:auto;padding:9px}.recipe-category-panel button{display:grid;width:100%;grid-template-columns:22px minmax(0,1fr) auto;gap:8px;align-items:center;padding:8px 9px;border:0;border-radius:5px;background:transparent;color:var(--la-muted);text-align:left;cursor:pointer}.recipe-category-panel button>span:first-child{color:var(--recipe-group,#718096);font-size:17px}.recipe-category-panel button:hover{background:var(--la-panel-2);color:var(--la-text)}.recipe-category-panel button.is-active{background:color-mix(in srgb,var(--recipe-group,#2f9569) 11%,var(--la-panel));color:var(--recipe-group,#25805a)}.recipe-category-panel button small{font-size:12px}.recipe-category-title{padding:12px 9px 5px;color:var(--la-muted);font-size:12px}.recipe-category-section+.recipe-category-section{margin-top:5px;border-top:1px solid var(--la-line)}
.recipe-results-panel{min-width:0;overflow:hidden}.recipe-filter-bar{display:flex;gap:9px;align-items:flex-end;padding:12px;border-bottom:1px solid var(--la-line)}.recipe-filter-bar label{display:flex;min-width:145px;flex-direction:column;gap:5px;color:var(--la-muted);font-size:12px}.recipe-filter-bar input,.recipe-filter-bar select{height:35px;border:1px solid var(--la-line-strong);border-radius:5px;background:var(--la-panel);padding:0 9px;color:var(--la-text);font-size:14px}.recipe-filter-search{position:relative;min-width:260px!important;flex:1}.recipe-filter-search>span{position:absolute;bottom:9px;left:10px;color:var(--la-muted);font-size:17px}.recipe-filter-search input{width:100%;padding-left:35px}.recipe-filter-bar button{height:35px;border:0;border-radius:5px;background:var(--la-panel-2);padding:0 12px;color:var(--la-muted);cursor:pointer}.recipe-results-head{display:flex;align-items:center;justify-content:space-between;padding:10px 13px;border-bottom:1px solid var(--la-line)}.recipe-results-head strong{color:var(--la-text);font-size:16px;font-weight:500}.recipe-results-head span,.recipe-results-head label{color:var(--la-muted);font-size:12px}.recipe-results-head em{margin-left:8px;padding:3px 8px;border-radius:10px;background:color-mix(in srgb,#2f9569 10%,var(--la-panel));color:#25805a;font-size:12px;font-style:normal}.recipe-results-head select{margin-left:5px;border:0;background:transparent;color:var(--la-text)}
.recipe-results-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;padding:10px}.recipe-result-card{position:relative;display:flex;min-width:0;min-height:127px;gap:11px;border:1px solid var(--la-line);border-radius:6px;padding:11px;transition:.15s}.recipe-result-card:hover{border-color:color-mix(in srgb,var(--recipe-group) 48%,var(--la-line));background:color-mix(in srgb,var(--recipe-group) 3%,var(--la-panel));box-shadow:var(--la-shadow)}.recipe-result-link{position:absolute;z-index:1;inset:0}.recipe-result-icon{position:relative;display:grid;width:54px;height:54px;flex:0 0 auto;place-items:center;overflow:hidden;border:1px solid color-mix(in srgb,var(--recipe-group) 35%,var(--la-line));border-radius:9px;background:var(--la-panel-2);color:var(--recipe-group);font-size:24px}.recipe-result-icon img{width:100%;height:100%;object-fit:contain}.recipe-result-icon small{position:absolute;right:2px;bottom:2px;border-radius:3px;background:rgba(15,23,42,.78);padding:1px 3px;color:#fff;font-size:10px}.recipe-result-body{min-width:0;flex:1}.recipe-result-title{display:flex;gap:7px;align-items:center}.recipe-result-title h2{overflow:hidden;min-width:0;margin:0;color:var(--la-text);font-size:15px;font-weight:500;text-overflow:ellipsis;white-space:nowrap}.recipe-result-title>span{margin-left:auto;color:var(--recipe-group);font-size:12px;white-space:nowrap}.recipe-result-body>p{overflow:hidden;margin:7px 0;color:var(--la-muted);font-size:12px;text-overflow:ellipsis;white-space:nowrap}.recipe-result-meta{display:flex;flex-wrap:wrap;gap:4px}.recipe-result-meta>span{display:inline-flex;align-items:center;gap:3px;border-radius:4px;background:var(--la-panel-2);padding:2px 5px;color:var(--la-muted);font-size:12px}.recipe-result-id{margin-top:6px;color:var(--la-muted);font-family:ui-monospace,monospace;font-size:12px}.recipe-result-card.is-loading{border-color:transparent;background:var(--la-panel-2);animation:item-pulse 1.3s ease-in-out infinite}.recipe-result-card.is-loading>i{width:54px;height:54px;border-radius:9px;background:var(--la-line)}.recipe-result-card.is-loading>div{display:grid;flex:1;gap:7px;align-content:start}.recipe-result-card.is-loading span{display:block;height:11px;border-radius:4px;background:var(--la-line)}.recipe-result-card.is-loading span:nth-child(2){width:76%}.recipe-result-card.is-loading span:nth-child(3){width:48%}.recipe-pagination{display:flex;justify-content:center;gap:14px;align-items:center;padding:14px;border-top:1px solid var(--la-line)}.recipe-pagination button{padding:7px 14px;border:0;border-radius:15px;background:var(--la-panel-2);color:var(--la-text);cursor:pointer}.recipe-pagination button:disabled{opacity:.4}.recipe-pagination span{color:var(--la-muted);font-size:12px}.recipe-empty{grid-column:1/-1;display:grid;min-height:320px;place-content:center;justify-items:center;color:var(--la-muted)}.recipe-empty>span{font-size:34px}.recipe-empty strong{margin-top:8px;color:var(--la-text);font-weight:500}.recipe-empty p{margin-top:4px;font-size:12px}
.recipe-detail-breadcrumb{display:flex;gap:8px;margin-bottom:12px;color:var(--la-muted);font-size:12px}.recipe-detail-breadcrumb a{color:var(--la-brand)}.recipe-detail-breadcrumb em{font-style:normal}.recipe-detail-title{min-width:0;flex:1}.recipe-detail-title h1{font-size:27px}.recipe-detail-summary{display:flex;gap:16px;margin-left:auto}.recipe-detail-summary div{min-width:80px;text-align:center}.recipe-detail-summary strong{display:block;color:var(--la-text);font-size:19px;font-weight:500}.recipe-detail-summary span{color:var(--la-muted);font-size:12px}.recipe-detail-layout{display:grid;grid-template-columns:280px minmax(0,1fr);gap:13px;align-items:start}.recipe-detail-aside,.recipe-detail-main{display:grid;gap:13px}.recipe-detail-aside{position:sticky;top:76px}.recipe-panel{overflow:hidden}.recipe-panel>header{display:flex;min-height:46px;gap:8px;align-items:center;padding:8px 14px;border-bottom:1px solid var(--la-line);background:var(--la-panel-2)}.recipe-panel>header>span{color:var(--recipe-group);font-size:18px}.recipe-panel>header h2{margin:0;color:var(--la-text);font-size:15px;font-weight:500}.recipe-panel>header p{margin:2px 0 0;color:var(--la-muted);font-size:12px}.recipe-panel>header small{margin-left:auto;color:var(--la-muted);font-size:12px}.recipe-property-list{margin:0;padding:7px 14px}.recipe-property-list div{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px dashed var(--la-line)}.recipe-property-list div:last-child{border-bottom:0}.recipe-property-list dt{color:var(--la-muted)}.recipe-property-list dd{margin:0;color:var(--la-text);text-align:right}
.recipe-product-card{display:grid;grid-template-columns:56px minmax(0,1fr) auto 20px;gap:11px;align-items:center;margin:13px;border-radius:7px;background:var(--la-panel-2);padding:11px}.recipe-product-card:hover{background:color-mix(in srgb,var(--recipe-group) 7%,var(--la-panel-2))}.recipe-product-card>span,.recipe-material-grid a>span,.recipe-chance-panel a>span{display:grid;overflow:hidden;place-items:center;border:1px solid color-mix(in srgb,var(--recipe-group) 28%,var(--la-line));border-radius:6px;background:var(--la-panel);color:var(--recipe-group)}.recipe-product-card>span{width:56px;height:56px;font-size:24px}.recipe-product-card img,.recipe-material-grid img,.recipe-chance-panel img{width:100%;height:100%;object-fit:contain}.recipe-product-card div,.recipe-material-grid a>div,.recipe-chance-panel a>div{min-width:0}.recipe-product-card strong,.recipe-product-card small,.recipe-material-grid strong,.recipe-material-grid small,.recipe-chance-panel strong,.recipe-chance-panel small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recipe-product-card strong,.recipe-material-grid strong{color:var(--la-text);font-size:14px;font-weight:500}.recipe-product-card small,.recipe-material-grid small,.recipe-chance-panel small{margin-top:3px;color:var(--la-muted);font-size:12px}.recipe-product-card b,.recipe-material-grid b,.recipe-chance-panel b{color:var(--recipe-group);font-weight:500;white-space:nowrap}.recipe-product-card>i{color:var(--la-muted)}
.recipe-material-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;padding:13px}.recipe-material-grid a{display:grid;grid-template-columns:46px minmax(0,1fr) auto;gap:9px;align-items:center;border-radius:6px;background:var(--la-panel-2);padding:8px}.recipe-material-grid a:hover{background:color-mix(in srgb,var(--recipe-group) 7%,var(--la-panel-2))}.recipe-material-grid a>span{width:46px;height:46px;font-size:21px}.recipe-chance-panel>div,.recipe-unlock-panel>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;padding:13px}.recipe-chance-panel a{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:9px;align-items:center;border-radius:6px;background:var(--la-panel-2);padding:8px}.recipe-chance-panel a>span{width:44px;height:44px}.recipe-chance-panel strong{color:var(--recipe-group);font-size:12px;font-weight:500}.recipe-unlock-panel a{display:grid;grid-template-columns:40px minmax(0,1fr);gap:9px;align-items:center;border-radius:6px;background:var(--la-panel-2);padding:10px}.recipe-unlock-panel a>span{color:var(--recipe-group);font-size:22px}.recipe-unlock-panel strong,.recipe-unlock-panel small{display:block}.recipe-unlock-panel strong{color:var(--la-text);font-weight:500}.recipe-unlock-panel small{margin-top:3px;color:var(--la-muted);font-size:12px}
.lostark-recipe-tip{width:min(450px,calc(100vw - 24px))}.lostark-recipe-tip-product{display:flex;align-items:center;gap:11px;padding:13px 17px;border-bottom:1px solid #2b3442}.lostark-recipe-tip-product>span{display:grid;width:48px;height:48px;flex:0 0 auto;place-items:center;overflow:hidden;border:1px solid color-mix(in srgb,var(--tip-grade) 50%,#303a47);border-radius:7px;background:#1c2531;color:var(--tip-grade);font-size:22px}.lostark-recipe-tip-product img{width:100%;height:100%;object-fit:contain}.lostark-recipe-tip-product strong{display:block;color:#f1f5f9;font-size:14px;font-weight:500}.lostark-recipe-tip-product p{margin:4px 0 0;color:#aab4c3;font-size:12px}.lostark-recipe-tip-materials{display:grid;gap:6px}.lostark-recipe-tip-materials>div{display:grid;grid-template-columns:32px minmax(0,1fr) auto;gap:8px;align-items:center}.lostark-recipe-tip-materials>div>span{display:grid;width:32px;height:32px;place-items:center;overflow:hidden;border-radius:4px;background:#1c2531;color:var(--tip-grade)}.lostark-recipe-tip-materials img{width:100%;height:100%;object-fit:contain}.lostark-recipe-tip-materials p{overflow:hidden;margin:0;color:#d7dfe9;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.lostark-recipe-tip-materials b{color:#f1f5f9;font-size:12px;font-weight:400}
@media(max-width:900px){.recipe-list-layout,.recipe-detail-layout{grid-template-columns:1fr}.recipe-category-panel,.recipe-detail-aside{position:static;max-height:none}.recipe-category-panel{display:flex;gap:6px;overflow-x:auto}.recipe-category-panel button{min-width:145px}.recipe-category-section{display:contents}.recipe-category-title{display:none}.recipe-filter-bar{flex-wrap:wrap}.recipe-filter-search{flex-basis:100%}.recipe-detail-summary{display:none}}@media(max-width:650px){.recipe-list-hero,.recipe-detail-hero{padding:15px}.recipe-list-hero-icon{display:none}.recipe-list-total{display:none}.recipe-list-hero h1,.recipe-detail-hero h1{font-size:22px}.recipe-results-grid,.recipe-material-grid,.recipe-chance-panel>div,.recipe-unlock-panel>div{grid-template-columns:1fr}.recipe-detail-product-icon{width:58px;height:58px}}

/* Rapport NPC database */
.rapport-list-page,.rapport-detail-page{font-size:14px}.rapport-list-hero,.rapport-detail-hero{display:flex;align-items:center;gap:18px;margin-bottom:14px;padding:21px 23px;border:1px solid var(--la-line);border-radius:9px;background:linear-gradient(115deg,var(--la-panel),color-mix(in srgb,#d8587b 7%,var(--la-panel)))}.rapport-list-hero-icon,.rapport-detail-image{display:grid;width:68px;height:68px;flex:0 0 auto;place-items:center;overflow:hidden;border-radius:15px;background:color-mix(in srgb,#d8587b 13%,var(--la-panel));color:#d04f74;font-size:32px}.rapport-detail-image{border:1px solid color-mix(in srgb,var(--rapport-tier) 35%,var(--la-line));background:var(--la-panel)}.rapport-detail-image img{width:100%;height:100%;object-fit:cover}.rapport-list-kicker,.rapport-detail-kicker{margin-bottom:4px;color:#c9496d;font-size:12px;letter-spacing:.13em}.rapport-list-hero h1,.rapport-detail-hero h1{margin:0;color:var(--la-text);font-size:27px;font-weight:600}.rapport-list-hero p,.rapport-detail-hero p{margin:7px 0 0;color:var(--la-muted);line-height:1.65}.rapport-list-total{margin-left:auto;text-align:right}.rapport-list-total strong{display:block;color:#c9496d;font-size:25px;font-weight:500}.rapport-list-total span{color:var(--la-muted);font-size:12px}
.rapport-list-layout{display:grid;grid-template-columns:238px minmax(0,1fr);gap:13px;align-items:start}.rapport-category-panel,.rapport-results-panel,.rapport-panel{border:1px solid var(--la-line);border-radius:7px;background:var(--la-panel)}.rapport-category-panel{position:sticky;top:76px;max-height:calc(100vh - 92px);overflow:auto;padding:9px}.rapport-category-panel button{display:grid;width:100%;grid-template-columns:22px minmax(0,1fr) auto;gap:8px;align-items:center;padding:8px 9px;border:0;border-radius:5px;background:transparent;color:var(--la-muted);text-align:left;cursor:pointer}.rapport-category-panel button>span:first-child{color:var(--rapport-tier,#b16d82);font-size:17px}.rapport-category-panel button:hover{background:var(--la-panel-2);color:var(--la-text)}.rapport-category-panel button.is-active{background:color-mix(in srgb,var(--rapport-tier,#d8587b) 11%,var(--la-panel));color:var(--rapport-tier,#c9496d)}.rapport-category-panel button small{font-size:12px}.rapport-category-title{padding:12px 9px 5px;color:var(--la-muted);font-size:12px}.rapport-category-section+.rapport-category-section{margin-top:5px;border-top:1px solid var(--la-line)}
.rapport-results-panel{min-width:0;overflow:hidden}.rapport-filter-bar{display:flex;gap:9px;align-items:flex-end;padding:12px;border-bottom:1px solid var(--la-line)}.rapport-filter-bar label{display:flex;min-width:145px;flex-direction:column;gap:5px;color:var(--la-muted);font-size:12px}.rapport-filter-bar input,.rapport-filter-bar select{height:35px;border:1px solid var(--la-line-strong);border-radius:5px;background:var(--la-panel);padding:0 9px;color:var(--la-text);font-size:14px}.rapport-filter-search{position:relative;min-width:260px!important;flex:1}.rapport-filter-search>span{position:absolute;bottom:9px;left:10px;color:var(--la-muted);font-size:17px}.rapport-filter-search input{width:100%;padding-left:35px}.rapport-filter-bar button{height:35px;border:0;border-radius:5px;background:var(--la-panel-2);padding:0 12px;color:var(--la-muted);cursor:pointer}.rapport-results-head{display:flex;align-items:center;justify-content:space-between;padding:10px 13px;border-bottom:1px solid var(--la-line)}.rapport-results-head strong{color:var(--la-text);font-size:16px;font-weight:500}.rapport-results-head span,.rapport-results-head label{color:var(--la-muted);font-size:12px}.rapport-results-head em{margin-left:8px;padding:3px 8px;border-radius:10px;background:color-mix(in srgb,#d8587b 10%,var(--la-panel));color:#c9496d;font-size:12px;font-style:normal}.rapport-results-head select{margin-left:5px;border:0;background:transparent;color:var(--la-text)}
.rapport-results-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;padding:10px}.rapport-result-card{position:relative;display:flex;min-width:0;min-height:142px;gap:11px;border:1px solid var(--la-line);border-radius:6px;padding:11px;transition:.15s}.rapport-result-card:hover{border-color:color-mix(in srgb,var(--rapport-tier) 48%,var(--la-line));background:color-mix(in srgb,var(--rapport-tier) 3%,var(--la-panel));box-shadow:var(--la-shadow)}.rapport-result-link{position:absolute;z-index:1;inset:0}.rapport-result-icon{display:grid;width:62px;height:72px;flex:0 0 auto;place-items:center;overflow:hidden;border:1px solid color-mix(in srgb,var(--rapport-tier) 35%,var(--la-line));border-radius:9px;background:var(--la-panel-2);color:var(--rapport-tier);font-size:25px}.rapport-result-icon img{width:100%;height:100%;object-fit:cover}.rapport-result-body{min-width:0;flex:1}.rapport-result-title{display:flex;gap:7px;align-items:center}.rapport-result-title h2{overflow:hidden;min-width:0;margin:0;color:var(--la-text);font-size:15px;font-weight:500;text-overflow:ellipsis;white-space:nowrap}.rapport-result-title>span{margin-left:auto;color:var(--rapport-tier);font-size:12px;white-space:nowrap}.rapport-result-body>p{display:-webkit-box;overflow:hidden;margin:7px 0;color:var(--la-muted);font-size:12px;line-height:1.55;-webkit-box-orient:vertical;-webkit-line-clamp:2}.rapport-result-meta{display:flex;flex-wrap:wrap;gap:4px}.rapport-result-meta>span{display:inline-flex;align-items:center;gap:3px;border-radius:4px;background:var(--la-panel-2);padding:2px 5px;color:var(--la-muted);font-size:12px}.rapport-result-id{margin-top:6px;color:var(--la-muted);font-family:ui-monospace,monospace;font-size:12px}.rapport-result-card.is-loading{border-color:transparent;background:var(--la-panel-2);animation:item-pulse 1.3s ease-in-out infinite}.rapport-result-card.is-loading>i{width:62px;height:72px;border-radius:9px;background:var(--la-line)}.rapport-result-card.is-loading>div{display:grid;flex:1;gap:7px;align-content:start}.rapport-result-card.is-loading span{display:block;height:11px;border-radius:4px;background:var(--la-line)}.rapport-result-card.is-loading span:nth-child(2){width:76%}.rapport-result-card.is-loading span:nth-child(3){width:48%}.rapport-pagination{display:flex;justify-content:center;gap:14px;align-items:center;padding:14px;border-top:1px solid var(--la-line)}.rapport-pagination button{padding:7px 14px;border:0;border-radius:15px;background:var(--la-panel-2);color:var(--la-text);cursor:pointer}.rapport-pagination button:disabled{opacity:.4}.rapport-pagination span{color:var(--la-muted);font-size:12px}.rapport-empty{grid-column:1/-1;display:grid;min-height:320px;place-content:center;justify-items:center;color:var(--la-muted)}.rapport-empty>span{font-size:34px}.rapport-empty strong{margin-top:8px;color:var(--la-text);font-weight:500}.rapport-empty p{margin-top:4px;font-size:12px}
.rapport-detail-breadcrumb{display:flex;gap:8px;margin-bottom:12px;color:var(--la-muted);font-size:12px}.rapport-detail-breadcrumb a{color:var(--la-brand)}.rapport-detail-breadcrumb em{font-style:normal}.rapport-detail-title{min-width:0;flex:1}.rapport-detail-title h1{font-size:27px}.rapport-detail-summary{display:flex;gap:16px;margin-left:auto}.rapport-detail-summary div{min-width:84px;text-align:center}.rapport-detail-summary strong{display:block;color:var(--la-text);font-size:18px;font-weight:500}.rapport-detail-summary span{color:var(--la-muted);font-size:12px}.rapport-detail-layout{display:grid;grid-template-columns:280px minmax(0,1fr);gap:13px;align-items:start}.rapport-detail-aside,.rapport-detail-main{display:grid;gap:13px}.rapport-detail-aside{position:sticky;top:76px}.rapport-panel{overflow:hidden}.rapport-panel>header{display:flex;min-height:46px;gap:8px;align-items:center;padding:8px 14px;border-bottom:1px solid var(--la-line);background:var(--la-panel-2)}.rapport-panel>header>span{color:var(--rapport-tier);font-size:18px}.rapport-panel>header h2{margin:0;color:var(--la-text);font-size:15px;font-weight:500}.rapport-panel>header p{margin:2px 0 0;color:var(--la-muted);font-size:12px}.rapport-panel>header small{margin-left:auto;color:var(--la-muted);font-size:12px}.rapport-property-list{margin:0;padding:7px 14px}.rapport-property-list div{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px dashed var(--la-line)}.rapport-property-list div:last-child{border-bottom:0}.rapport-property-list dt{color:var(--la-muted)}.rapport-property-list dd{margin:0;color:var(--la-text);text-align:right}.rapport-virtue-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:7px;padding:12px}.rapport-virtue-grid div{border-radius:6px;background:var(--la-panel-2);padding:9px}.rapport-virtue-grid span{display:block;color:var(--la-muted);font-size:12px}.rapport-virtue-grid strong{display:block;margin-top:3px;color:var(--la-text);font-weight:500}.rapport-quest-link{display:grid;grid-template-columns:32px minmax(0,1fr) auto;gap:8px;align-items:center;padding:12px 14px}.rapport-quest-link>span{color:var(--rapport-tier);font-size:21px}.rapport-quest-link strong,.rapport-quest-link small{display:block}.rapport-quest-link strong{color:var(--la-text);font-weight:500}.rapport-quest-link small{margin-top:3px;color:var(--la-muted);font-size:12px}.rapport-quest-link>i{color:var(--la-muted)}
.rapport-stage-track{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;padding:13px}.rapport-stage-track>div{position:relative;display:grid;grid-template-columns:28px minmax(0,1fr);gap:9px;overflow:hidden;border-radius:6px;background:var(--la-panel-2);padding:9px}.rapport-stage-track>div>span{position:relative;z-index:1;display:grid;width:28px;height:28px;place-items:center;border-radius:50%;background:color-mix(in srgb,var(--rapport-tier) 14%,var(--la-panel));color:var(--rapport-tier);font-size:12px}.rapport-stage-track>div>i{position:absolute;bottom:0;left:0;width:var(--stage-width);height:2px;background:var(--rapport-tier)}.rapport-stage-track p{position:relative;z-index:1;margin:0;color:var(--la-text)}.rapport-stage-track small{display:block;margin-top:2px;color:var(--la-muted);font-size:12px}
.rapport-reward-stages{padding:0 13px 13px}.rapport-reward-stages>article{display:grid;grid-template-columns:145px minmax(0,1fr);gap:12px;padding:13px 0;border-bottom:1px solid var(--la-line)}.rapport-reward-stages>article:last-child{border-bottom:0}.rapport-reward-stage{display:flex;gap:9px}.rapport-reward-stage>span{display:grid;width:38px;height:38px;flex:0 0 auto;place-items:center;border-radius:50%;background:color-mix(in srgb,var(--rapport-tier) 13%,var(--la-panel));color:var(--rapport-tier)}.rapport-reward-stage h3{margin:1px 0 3px;font-size:14px;font-weight:500}.rapport-reward-stage p{margin:0;color:var(--la-muted);font-size:12px}.rapport-reward-items{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.rapport-reward-items>a{display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:8px;align-items:center;border-radius:6px;background:var(--la-panel-2);padding:7px}.rapport-reward-items>a>span{display:grid;width:42px;height:42px;place-items:center;overflow:hidden;border-radius:5px;background:var(--la-panel);color:var(--rapport-tier)}.rapport-reward-items img{width:100%;height:100%;object-fit:contain}.rapport-reward-items div{min-width:0}.rapport-reward-items strong,.rapport-reward-items small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rapport-reward-items strong{color:var(--la-text);font-weight:500}.rapport-reward-items small{margin-top:2px;color:var(--la-muted);font-size:12px}.rapport-reward-items b{color:var(--rapport-tier);font-size:12px;font-weight:500}.rapport-action-panel>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;padding:13px}.rapport-action-panel article{display:grid;grid-template-columns:36px minmax(0,1fr) auto;gap:8px;align-items:center;border-radius:6px;background:var(--la-panel-2);padding:9px}.rapport-action-panel article>span{color:var(--rapport-tier);font-size:21px}.rapport-action-panel strong,.rapport-action-panel small{display:block}.rapport-action-panel strong{color:var(--la-text);font-weight:500}.rapport-action-panel small{margin-top:2px;color:var(--la-muted);font-size:12px}.rapport-action-panel b{color:var(--rapport-tier);font-weight:500}
.lostark-rapport-tip{width:min(450px,calc(100vw - 24px))}.lostark-rapport-tip-core{display:flex;gap:11px;padding:13px 17px;border-bottom:1px solid #2b3442}.lostark-rapport-tip-core>img,.lostark-rapport-tip-core>span{width:58px;height:66px;flex:0 0 auto;border-radius:7px;object-fit:cover}.lostark-rapport-tip-core>span{display:grid;place-items:center;background:#1c2531;color:var(--tip-grade);font-size:24px}.lostark-rapport-tip-core p{display:-webkit-box;overflow:hidden;margin:0;color:#d7dfe9;font-size:12px;line-height:1.6;-webkit-box-orient:vertical;-webkit-line-clamp:3}.lostark-rapport-tip-core div div{display:flex;gap:6px;margin-top:7px}.lostark-rapport-tip-core b,.lostark-rapport-tip-virtues span{border-radius:4px;background:#1c2531;padding:3px 6px;color:#bfc9d6;font-size:12px;font-weight:400}.lostark-rapport-tip-virtues{display:flex;flex-wrap:wrap;gap:5px}
@media(max-width:900px){.rapport-list-layout,.rapport-detail-layout{grid-template-columns:1fr}.rapport-category-panel,.rapport-detail-aside{position:static;max-height:none}.rapport-category-panel{display:flex;gap:6px;overflow-x:auto}.rapport-category-panel button{min-width:145px}.rapport-category-section{display:contents}.rapport-category-title{display:none}.rapport-filter-bar{flex-wrap:wrap}.rapport-filter-search{flex-basis:100%}.rapport-detail-summary{display:none}.rapport-reward-stages>article{grid-template-columns:1fr}}@media(max-width:650px){.rapport-list-hero,.rapport-detail-hero{padding:15px}.rapport-list-hero-icon{display:none}.rapport-list-total{display:none}.rapport-list-hero h1,.rapport-detail-hero h1{font-size:22px}.rapport-results-grid,.rapport-stage-track,.rapport-reward-items,.rapport-action-panel>div{grid-template-columns:1fr}.rapport-detail-image{width:58px;height:64px}}

/* Achievement database */
.achievement-list-page,.achievement-detail-page{font-size:14px}.achievement-list-hero,.achievement-detail-hero{display:flex;align-items:center;gap:18px;margin-bottom:14px;padding:21px 23px;border:1px solid var(--la-line);border-radius:9px;background:linear-gradient(115deg,var(--la-panel),color-mix(in srgb,#c48a25 7%,var(--la-panel)))}.achievement-list-hero-icon,.achievement-detail-icon{display:grid;width:66px;height:66px;flex:0 0 auto;place-items:center;overflow:hidden;border-radius:14px;background:color-mix(in srgb,#c48a25 13%,var(--la-panel));color:#b47718;font-size:32px}.achievement-detail-icon{border:1px solid color-mix(in srgb,var(--achievement-category) 35%,var(--la-line));background:var(--la-panel)}.achievement-detail-icon img{width:100%;height:100%;object-fit:contain}.achievement-list-kicker,.achievement-detail-kicker{margin-bottom:4px;color:#ad7118;font-size:12px;letter-spacing:.13em}.achievement-list-hero h1,.achievement-detail-hero h1{margin:0;color:var(--la-text);font-size:27px;font-weight:600}.achievement-list-hero p,.achievement-detail-hero p{margin:7px 0 0;color:var(--la-muted);line-height:1.65}.achievement-list-total{margin-left:auto;text-align:right}.achievement-list-total strong{display:block;color:#ad7118;font-size:25px;font-weight:500}.achievement-list-total span{color:var(--la-muted);font-size:12px}
.achievement-list-layout{display:grid;grid-template-columns:238px minmax(0,1fr);gap:13px;align-items:start}.achievement-category-panel,.achievement-results-panel,.achievement-panel{border:1px solid var(--la-line);border-radius:7px;background:var(--la-panel)}.achievement-category-panel{position:sticky;top:76px;max-height:calc(100vh - 92px);overflow:auto;padding:9px}.achievement-category-panel button{display:grid;width:100%;grid-template-columns:22px minmax(0,1fr) auto;gap:8px;align-items:center;padding:8px 9px;border:0;border-radius:5px;background:transparent;color:var(--la-muted);text-align:left;cursor:pointer}.achievement-category-panel button>span:first-child{color:var(--achievement-category,#79879a);font-size:17px}.achievement-category-panel button:hover{background:var(--la-panel-2);color:var(--la-text)}.achievement-category-panel button.is-active{background:color-mix(in srgb,var(--achievement-category,#c48a25) 11%,var(--la-panel));color:var(--achievement-category,#ad7118)}.achievement-category-panel button small{font-size:12px}.achievement-category-title{padding:12px 9px 5px;color:var(--la-muted);font-size:12px}.achievement-category-section+.achievement-category-section{margin-top:5px;border-top:1px solid var(--la-line)}
.achievement-results-panel{min-width:0;overflow:hidden}.achievement-filter-bar{display:flex;gap:9px;align-items:flex-end;padding:12px;border-bottom:1px solid var(--la-line)}.achievement-filter-bar label{display:flex;min-width:145px;flex-direction:column;gap:5px;color:var(--la-muted);font-size:12px}.achievement-filter-bar input,.achievement-filter-bar select{height:35px;border:1px solid var(--la-line-strong);border-radius:5px;background:var(--la-panel);padding:0 9px;color:var(--la-text);font-size:14px}.achievement-filter-search{position:relative;min-width:260px!important;flex:1}.achievement-filter-search>span{position:absolute;bottom:9px;left:10px;color:var(--la-muted);font-size:17px}.achievement-filter-search input{width:100%;padding-left:35px}.achievement-filter-bar button{height:35px;border:0;border-radius:5px;background:var(--la-panel-2);padding:0 12px;color:var(--la-muted);cursor:pointer}.achievement-results-head{display:flex;align-items:center;justify-content:space-between;padding:10px 13px;border-bottom:1px solid var(--la-line)}.achievement-results-head strong{color:var(--la-text);font-size:16px;font-weight:500}.achievement-results-head span,.achievement-results-head label{color:var(--la-muted);font-size:12px}.achievement-results-head em{margin-left:8px;padding:3px 8px;border-radius:10px;background:color-mix(in srgb,#c48a25 10%,var(--la-panel));color:#ad7118;font-size:12px;font-style:normal}.achievement-results-head select{margin-left:5px;border:0;background:transparent;color:var(--la-text)}
.achievement-results-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;padding:10px}.achievement-result-card{position:relative;display:flex;min-width:0;min-height:136px;gap:11px;border:1px solid var(--la-line);border-radius:6px;padding:11px;transition:.15s}.achievement-result-card:hover{border-color:color-mix(in srgb,var(--achievement-category) 48%,var(--la-line));background:color-mix(in srgb,var(--achievement-category) 3%,var(--la-panel));box-shadow:var(--la-shadow)}.achievement-result-link{position:absolute;z-index:1;inset:0}.achievement-result-icon{display:grid;width:58px;height:58px;flex:0 0 auto;place-items:center;overflow:hidden;border:1px solid color-mix(in srgb,var(--achievement-category) 35%,var(--la-line));border-radius:10px;background:var(--la-panel-2);color:var(--achievement-category);font-size:26px}.achievement-result-icon img{width:100%;height:100%;object-fit:contain}.achievement-result-body{min-width:0;flex:1}.achievement-result-title{display:flex;gap:7px;align-items:center}.achievement-result-title h2{overflow:hidden;min-width:0;margin:0;color:var(--la-text);font-size:15px;font-weight:500;text-overflow:ellipsis;white-space:nowrap}.achievement-result-title>span{margin-left:auto;color:var(--achievement-category);font-size:12px;white-space:nowrap}.achievement-result-body>p{display:-webkit-box;overflow:hidden;margin:7px 0;color:var(--la-muted);font-size:12px;line-height:1.55;-webkit-box-orient:vertical;-webkit-line-clamp:2}.achievement-result-meta{display:flex;flex-wrap:wrap;gap:4px}.achievement-result-meta>span{display:inline-flex;align-items:center;gap:3px;border-radius:4px;background:var(--la-panel-2);padding:2px 5px;color:var(--la-muted);font-size:12px}.achievement-result-id{margin-top:6px;color:var(--la-muted);font-family:ui-monospace,monospace;font-size:12px}.achievement-result-card.is-loading{border-color:transparent;background:var(--la-panel-2);animation:item-pulse 1.3s ease-in-out infinite}.achievement-result-card.is-loading>i{width:58px;height:58px;border-radius:9px;background:var(--la-line)}.achievement-result-card.is-loading>div{display:grid;flex:1;gap:7px;align-content:start}.achievement-result-card.is-loading span{display:block;height:11px;border-radius:4px;background:var(--la-line)}.achievement-result-card.is-loading span:nth-child(2){width:76%}.achievement-result-card.is-loading span:nth-child(3){width:48%}.achievement-pagination{display:flex;justify-content:center;gap:14px;align-items:center;padding:14px;border-top:1px solid var(--la-line)}.achievement-pagination button{padding:7px 14px;border:0;border-radius:15px;background:var(--la-panel-2);color:var(--la-text);cursor:pointer}.achievement-pagination button:disabled{opacity:.4}.achievement-pagination span{color:var(--la-muted);font-size:12px}.achievement-empty{grid-column:1/-1;display:grid;min-height:320px;place-content:center;justify-items:center;color:var(--la-muted)}.achievement-empty>span{font-size:34px}.achievement-empty strong{margin-top:8px;color:var(--la-text);font-weight:500}.achievement-empty p{margin-top:4px;font-size:12px}
.achievement-detail-breadcrumb{display:flex;gap:8px;margin-bottom:12px;color:var(--la-muted);font-size:12px}.achievement-detail-breadcrumb a{color:var(--la-brand)}.achievement-detail-breadcrumb em{font-style:normal}.achievement-detail-title{min-width:0;flex:1}.achievement-detail-title h1{font-size:27px}.achievement-detail-summary{display:flex;gap:16px;margin-left:auto}.achievement-detail-summary div{min-width:84px;text-align:center}.achievement-detail-summary strong{display:block;color:var(--la-text);font-size:18px;font-weight:500}.achievement-detail-summary span{color:var(--la-muted);font-size:12px}.achievement-detail-layout{display:grid;grid-template-columns:280px minmax(0,1fr);gap:13px;align-items:start}.achievement-detail-aside,.achievement-detail-main{display:grid;gap:13px}.achievement-detail-aside{position:sticky;top:76px}.achievement-panel{overflow:hidden}.achievement-panel>header{display:flex;min-height:46px;gap:8px;align-items:center;padding:8px 14px;border-bottom:1px solid var(--la-line);background:var(--la-panel-2)}.achievement-panel>header>span{color:var(--achievement-category);font-size:18px}.achievement-panel>header h2{margin:0;color:var(--la-text);font-size:15px;font-weight:500}.achievement-panel>header p{margin:2px 0 0;color:var(--la-muted);font-size:12px}.achievement-panel>header small{margin-left:auto;color:var(--la-muted);font-size:12px}.achievement-property-list{margin:0;padding:7px 14px}.achievement-property-list div{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px dashed var(--la-line)}.achievement-property-list div:last-child{border-bottom:0}.achievement-property-list dt{color:var(--la-muted)}.achievement-property-list dd{margin:0;color:var(--la-text);text-align:right}.achievement-progress-guide>div{padding:9px 14px}.achievement-progress-guide>div>span{position:relative;display:grid;grid-template-columns:1fr auto;overflow:hidden;margin:7px 0;border-radius:5px;background:var(--la-panel-2);padding:8px 9px}.achievement-progress-guide i{position:absolute;inset:0 auto 0 0;background:color-mix(in srgb,var(--achievement-category) 10%,transparent)}.achievement-progress-guide b,.achievement-progress-guide small{position:relative;font-weight:400}.achievement-progress-guide small{color:var(--la-muted);font-size:12px}
.achievement-stage-list{padding:0 14px 14px}.achievement-stage-list>article{padding:15px 0;border-bottom:1px solid var(--la-line)}.achievement-stage-list>article:last-child{border-bottom:0}.achievement-stage-heading{display:flex;gap:10px;align-items:center}.achievement-stage-heading>span{display:grid;width:40px;height:40px;place-items:center;border-radius:50%;background:color-mix(in srgb,var(--achievement-category) 13%,var(--la-panel));color:var(--achievement-category);font-size:17px}.achievement-stage-heading h3{margin:0;font-size:15px;font-weight:500}.achievement-stage-heading p{margin:3px 0 0;color:var(--la-muted);font-size:12px}.achievement-objective-list{margin:10px 0 0 50px}.achievement-objective-list>div{display:grid;grid-template-columns:20px minmax(0,1fr) auto;gap:8px;align-items:center;padding:9px 10px;border-radius:5px;background:var(--la-panel-2);margin-top:6px}.achievement-objective-list>div>span{color:var(--achievement-category);font-size:17px}.achievement-objective-list p{margin:0;color:var(--la-text);line-height:1.55}.achievement-objective-list p a{display:inline-block;margin-left:7px;color:var(--la-brand)}.achievement-objective-list b{color:var(--la-muted);font-size:12px;font-weight:500}.achievement-stage-rewards{display:flex;flex-wrap:wrap;gap:7px;align-items:center;margin:9px 0 0 50px}.achievement-stage-rewards>span{color:var(--la-muted);font-size:12px}.achievement-stage-rewards>a{display:flex;min-width:170px;gap:7px;align-items:center;border-radius:5px;background:color-mix(in srgb,var(--achievement-category) 7%,var(--la-panel-2));padding:6px 8px}.achievement-stage-rewards a>i{display:grid;width:30px;height:30px;place-items:center;overflow:hidden;border-radius:4px;background:var(--la-panel);color:var(--achievement-category);font-style:normal}.achievement-stage-rewards img{width:100%;height:100%;object-fit:contain}.achievement-stage-rewards strong{overflow:hidden;min-width:0;color:var(--la-text);font-size:12px;font-weight:500;text-overflow:ellipsis;white-space:nowrap}.achievement-stage-rewards b{margin-left:auto;color:var(--achievement-category);font-size:12px;font-weight:500}.achievement-stage-rewards em{color:var(--achievement-category);font-size:12px;font-style:normal}
.lostark-achievement-tip{width:100%}.lostark-achievement-tip-core{display:flex;gap:11px;padding:13px 17px;border-bottom:1px solid #2b3442}.lostark-achievement-tip-core>span{display:grid;width:54px;height:54px;flex:0 0 auto;place-items:center;overflow:hidden;border:1px solid color-mix(in srgb,var(--tip-grade) 48%,#303a47);border-radius:8px;background:#1c2531;color:var(--tip-grade);font-size:24px}.lostark-achievement-tip-core img{width:100%;height:100%;object-fit:contain}.lostark-achievement-tip-core p{display:-webkit-box;overflow:hidden;margin:0;color:#d7dfe9;font-size:12px;line-height:1.6;-webkit-box-orient:vertical;-webkit-line-clamp:3}.lostark-achievement-tip-core div div{display:flex;gap:6px;margin-top:7px}.lostark-achievement-tip-core b{border-radius:4px;background:#1c2531;padding:3px 6px;color:#bfc9d6;font-size:12px;font-weight:400}.lostark-achievement-tip-objectives{display:grid;gap:6px}.lostark-achievement-tip-objectives p{display:flex;gap:7px;margin:0;color:#d7dfe9;font-size:12px;line-height:1.55}.lostark-achievement-tip-objectives span{flex:0 0 auto;color:var(--tip-grade);font-size:15px}
@media(max-width:900px){.achievement-list-layout,.achievement-detail-layout{grid-template-columns:1fr}.achievement-category-panel,.achievement-detail-aside{position:static;max-height:none}.achievement-category-panel{display:flex;gap:6px;overflow-x:auto}.achievement-category-panel button{min-width:145px}.achievement-category-section{display:contents}.achievement-category-title{display:none}.achievement-filter-bar{flex-wrap:wrap}.achievement-filter-search{flex-basis:100%}.achievement-detail-summary{display:none}}@media(max-width:650px){.achievement-list-hero,.achievement-detail-hero{padding:15px}.achievement-list-hero-icon{display:none}.achievement-list-total{display:none}.achievement-list-hero h1,.achievement-detail-hero h1{font-size:22px}.achievement-results-grid{grid-template-columns:1fr}.achievement-detail-icon{width:58px;height:58px}.achievement-objective-list,.achievement-stage-rewards{margin-left:0}.achievement-stage-rewards{align-items:stretch;flex-direction:column}.achievement-stage-rewards>a{width:100%}}
.adventure-list-page,.adventure-detail-page{font-size:14px;color:#183153}.adventure-list-hero,.adventure-detail-hero{display:flex;align-items:center;gap:18px;padding:24px;border:1px solid #d9e4f1;border-radius:12px;background:linear-gradient(120deg,#f5f9ff,#fff8ed)}.adventure-list-hero-icon,.adventure-detail-emblem{display:grid;width:66px;height:66px;flex:0 0 66px;place-items:center;border-radius:18px;background:#fff0d5;color:#b96d15;font-size:32px}.adventure-list-kicker,.adventure-detail-kicker{font-size:12px;letter-spacing:.14em;color:#b96d15}.adventure-list-hero h1,.adventure-detail-hero h1{margin:4px 0 5px;font-size:28px;font-weight:500;color:#10294b}.adventure-list-hero p,.adventure-detail-hero p{margin:0;color:#617594}.adventure-list-stats,.adventure-detail-summary{display:flex;gap:28px;margin-left:auto;text-align:center}.adventure-list-stats div,.adventure-detail-summary div{display:flex;flex-direction:column}.adventure-list-stats strong,.adventure-detail-summary strong{font-size:22px;font-weight:500;color:#10294b}.adventure-list-stats span,.adventure-detail-summary span{font-size:12px;color:#71839c}.adventure-list-layout,.adventure-detail-layout{display:grid;grid-template-columns:250px minmax(0,1fr);gap:16px;margin-top:16px}.adventure-category-panel,.adventure-panel,.adventure-results-panel{border:1px solid #d9e4f1;border-radius:10px;background:#fff}.adventure-category-panel{padding:10px;height:max-content}.adventure-category-panel button{display:grid;grid-template-columns:24px 1fr auto;align-items:center;width:100%;padding:10px;border:0;border-radius:7px;background:transparent;color:#435979;text-align:left}.adventure-category-panel button:hover,.adventure-category-panel button.is-active{background:#edf5ff;color:#1769d1}.adventure-category-panel small{font-size:12px}.adventure-category-section{margin-top:10px;padding-top:10px;border-top:1px solid #e7edf5}.adventure-category-title{padding:0 9px 6px;font-size:12px;color:#8796aa}.adventure-type-legend{display:grid;grid-template-columns:24px 1fr;align-items:center;padding:7px 9px;color:#526781}.adventure-filter-bar{display:flex;gap:10px;padding:12px;border-bottom:1px solid #e4ebf3}.adventure-filter-bar label{display:flex;align-items:center;gap:8px}.adventure-filter-search{flex:1;padding:0 12px;border:1px solid #d6e0ec;border-radius:7px}.adventure-filter-search input{width:100%;height:38px;border:0;outline:0}.adventure-filter-bar select,.adventure-filter-bar button{height:40px;border:1px solid #d6e0ec;border-radius:7px;background:#fff;padding:0 12px}.adventure-results-head{display:flex;justify-content:space-between;align-items:center;padding:12px 14px}.adventure-results-head strong{font-size:18px;font-weight:500}.adventure-results-head em{margin-left:10px;color:#b96d15;font-style:normal}.adventure-results-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:0 12px 12px}.adventure-result-card{position:relative;display:flex;gap:14px;min-height:158px;padding:15px;border:1px solid #dce5f0;border-radius:9px;overflow:hidden}.adventure-result-card>a{position:absolute;inset:0;z-index:2}.adventure-result-card:hover{border-color:#8bb7ec;box-shadow:0 7px 18px #214b7514}.adventure-result-visual{display:grid;position:relative;width:76px;height:76px;flex:0 0 76px;place-items:center;border-radius:18px;background:linear-gradient(145deg,#fff0cf,#e6f2ff);color:#b96d15;font-size:34px}.adventure-result-visual img{width:100%;height:100%;object-fit:cover}.adventure-result-visual span{position:absolute;right:-4px;bottom:-5px;padding:2px 6px;border-radius:8px;background:#17375e;color:#fff;font-size:11px}.adventure-result-body{min-width:0;flex:1}.adventure-result-body>div:first-child{display:flex;align-items:center;gap:8px}.adventure-result-body h2{margin:0;font-size:17px;font-weight:500;color:#12345b}.adventure-result-body em{padding:2px 6px;border-radius:5px;background:#fff0d5;color:#a96416;font-size:12px;font-style:normal}.adventure-result-body p{margin:7px 0;color:#657991;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.adventure-result-metrics{display:flex;flex-wrap:wrap;gap:6px}.adventure-result-metrics span{padding:4px 7px;border-radius:5px;background:#f2f6fa;font-size:12px;color:#6c7f97}.adventure-result-metrics b{margin-right:3px;font-weight:500;color:#234d78}.adventure-result-body>small{display:block;margin-top:8px;font-size:12px;color:#8a99ac}.adventure-pagination{display:flex;justify-content:center;align-items:center;gap:12px;padding:12px}.adventure-pagination button{border:0;border-radius:6px;background:#edf3fa;padding:7px 14px}.adventure-loading,.adventure-empty{grid-column:1/-1;padding:70px;text-align:center;color:#71839a}.adventure-detail-breadcrumb{margin-bottom:12px;color:#6f829b}.adventure-detail-breadcrumb span{margin:0 8px}.adventure-detail-breadcrumb em{font-style:normal}.adventure-detail-emblem img{width:100%;height:100%;object-fit:cover}.adventure-detail-aside{display:flex;flex-direction:column;gap:14px}.adventure-panel>header{display:flex;align-items:center;gap:9px;min-height:48px;padding:10px 14px;border-bottom:1px solid #e2eaf3}.adventure-panel>header>span{font-size:20px;color:#b96d15}.adventure-panel>header h2{margin:0;font-size:15px;font-weight:500}.adventure-panel>header p{margin:2px 0 0;font-size:12px;color:#8090a5}.adventure-panel>header small{margin-left:auto}.adventure-overview-list{padding:8px}.adventure-overview-list a{display:flex;align-items:center;gap:9px;padding:8px;border-radius:6px}.adventure-overview-list a:hover{background:#f3f7fb}.adventure-overview-list>a>span{font-size:20px}.adventure-overview-list div{display:flex;flex-direction:column}.adventure-overview-list strong{font-weight:400}.adventure-overview-list small{font-size:12px;color:#7c8da2}.adventure-property-list{margin:0;padding:7px 14px 12px}.adventure-property-list div{display:flex;justify-content:space-between;padding:9px 0;border-bottom:1px dashed #e2e9f2}.adventure-property-list dt{color:#71839a}.adventure-property-list dd{margin:0;color:#183b64}.adventure-detail-main{display:flex;min-width:0;flex-direction:column;gap:14px}.adventure-reward-track{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;padding:12px}.adventure-reward-track article{min-width:0;padding:10px;border-radius:8px;background:#f5f8fc}.adventure-reward-percent{font-size:20px;color:#b96d15}.adventure-reward-percent small{font-size:12px}.adventure-reward-item a,.adventure-reward-item>span{display:flex;align-items:center;gap:7px;margin:8px 0}.adventure-reward-item img,.adventure-reward-item i{width:34px;height:34px}.adventure-reward-item span span{min-width:0}.adventure-reward-item strong{display:block;overflow:hidden;font-weight:400;white-space:nowrap;text-overflow:ellipsis}.adventure-reward-item small,.adventure-reward-track article>p{font-size:12px;color:#72849b}.adventure-task-panel{scroll-margin-top:80px}.adventure-task-panel>header>span{color:var(--adventure-type)}.adventure-task-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:12px}.adventure-task-grid article{display:flex;position:relative;align-items:center;gap:10px;min-height:76px;padding:9px;border-radius:7px;background:#f6f8fb}.adventure-task-grid article>a{position:absolute;inset:0;z-index:1}.adventure-task-icon{display:grid;width:44px;height:44px;flex:0 0 44px;place-items:center;border-radius:7px;background:#fff;color:var(--adventure-type);font-size:22px}.adventure-task-icon img{width:100%;height:100%;object-fit:contain}.adventure-task-grid article>div:nth-child(3){min-width:0;flex:1}.adventure-task-grid strong{display:block;font-weight:500}.adventure-task-grid p{margin:2px 0;font-size:12px;color:#708198;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.adventure-task-grid small{font-size:12px;color:#8291a5}.adventure-task-grid article>b{font-size:12px;font-weight:400;color:var(--adventure-type)}.lostark-adventure-tip-core{display:flex;gap:12px;padding:14px}.lostark-adventure-tip-core>span{display:grid;width:52px;height:52px;place-items:center;border-radius:12px;background:#332a22;color:#f3b657;font-size:27px}.lostark-adventure-tip-core p{margin:0 0 7px}.lostark-adventure-tip-core b{font-weight:400;color:#f3b657}.lostark-adventure-tip-types{display:grid;grid-template-columns:repeat(2,1fr);gap:6px}.lostark-adventure-tip-types span{display:flex;align-items:center;gap:6px}.lostark-adventure-tip-types b{margin-left:auto;font-weight:400;color:#f3b657}@media(max-width:1000px){.adventure-list-layout,.adventure-detail-layout{grid-template-columns:1fr}.adventure-category-panel{display:none}.adventure-reward-track{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.adventure-list-hero,.adventure-detail-hero{align-items:flex-start;flex-wrap:wrap}.adventure-list-stats,.adventure-detail-summary{width:100%;justify-content:space-around;margin-left:0}.adventure-results-grid,.adventure-task-grid{grid-template-columns:1fr}.adventure-filter-bar{flex-wrap:wrap}.adventure-filter-search{flex-basis:100%}.adventure-reward-track{grid-template-columns:1fr}}
.tw-dark .adventure-list-page,.tw-dark .adventure-detail-page{color:var(--la-text)}.tw-dark .adventure-list-hero,.tw-dark .adventure-detail-hero{border-color:rgba(217,137,36,.16);background:linear-gradient(120deg,#202630,#2a241c)}.tw-dark .adventure-list-hero-icon,.tw-dark .adventure-detail-emblem{background:rgba(217,137,36,.14);color:#f0a844}.tw-dark .adventure-list-kicker,.tw-dark .adventure-detail-kicker{color:#f0a844}.tw-dark .adventure-list-hero h1,.tw-dark .adventure-detail-hero h1,.tw-dark .adventure-list-stats strong,.tw-dark .adventure-detail-summary strong{color:var(--la-text)}.tw-dark .adventure-list-hero p,.tw-dark .adventure-detail-hero p,.tw-dark .adventure-list-stats span,.tw-dark .adventure-detail-summary span{color:var(--la-muted)}.tw-dark .adventure-category-panel,.tw-dark .adventure-panel,.tw-dark .adventure-results-panel{border-color:var(--la-line);background:var(--la-panel)}.tw-dark .adventure-category-panel button,.tw-dark .adventure-type-legend{color:var(--la-muted)}.tw-dark .adventure-category-panel button:hover,.tw-dark .adventure-category-panel button.is-active{background:rgba(59,130,246,.13);color:#93c5fd}.tw-dark .adventure-category-section,.tw-dark .adventure-filter-bar,.tw-dark .adventure-panel>header,.tw-dark .adventure-property-list div{border-color:var(--la-line)}.tw-dark .adventure-category-title,.tw-dark .adventure-panel>header p,.tw-dark .adventure-overview-list small,.tw-dark .adventure-property-list dt{color:var(--la-muted)}.tw-dark .adventure-filter-search{border-color:var(--la-line-strong);background:var(--la-panel-2)}.tw-dark .adventure-filter-search input{background:transparent;color:var(--la-text)}.tw-dark .adventure-filter-search input::placeholder{color:#8994a1}.tw-dark .adventure-filter-bar select,.tw-dark .adventure-filter-bar button{border-color:var(--la-line-strong);background:var(--la-panel-2);color:var(--la-text);color-scheme:dark}.tw-dark .adventure-results-head em{color:#f0a844}.tw-dark .adventure-result-card{border-color:var(--la-line);background:transparent}.tw-dark .adventure-result-card:hover{border-color:#507fb1;background:rgba(59,130,246,.035);box-shadow:0 7px 18px rgba(0,0,0,.16)}.tw-dark .adventure-result-visual{background:linear-gradient(145deg,rgba(217,137,36,.14),rgba(59,130,246,.11));color:#f0a844}.tw-dark .adventure-result-visual span{background:#254a73}.tw-dark .adventure-result-body h2,.tw-dark .adventure-result-metrics b,.tw-dark .adventure-property-list dd{color:var(--la-text)}.tw-dark .adventure-result-body em{background:rgba(217,137,36,.13);color:#ffc46b}.tw-dark .adventure-result-body p,.tw-dark .adventure-result-body>small,.tw-dark .adventure-result-metrics span,.tw-dark .adventure-loading,.tw-dark .adventure-empty,.tw-dark .adventure-detail-breadcrumb{color:var(--la-muted)}.tw-dark .adventure-result-metrics span{background:var(--la-panel-2)}.tw-dark .adventure-pagination button{background:var(--la-panel-2);color:var(--la-text)}.tw-dark .adventure-overview-list a:hover{background:var(--la-panel-2)}.tw-dark .adventure-overview-list strong,.tw-dark .adventure-panel>header h2,.tw-dark .adventure-reward-item strong,.tw-dark .adventure-task-grid strong{color:var(--la-text)}.tw-dark .adventure-reward-track article,.tw-dark .adventure-task-grid article{background:var(--la-panel-2)}.tw-dark .adventure-reward-item small,.tw-dark .adventure-reward-track article>p,.tw-dark .adventure-task-grid p,.tw-dark .adventure-task-grid small{color:var(--la-muted)}.tw-dark .adventure-task-icon{background:#30343a}.tw-dark .adventure-task-grid article:hover{background:color-mix(in srgb,var(--adventure-type) 6%,var(--la-panel-2))}
.title-list-page,.title-detail-page{font-size:14px;color:var(--la-text)}.title-list-hero,.title-detail-hero{display:flex;align-items:center;gap:18px;padding:22px;border:1px solid var(--la-line);border-radius:10px;background:linear-gradient(115deg,var(--la-panel),color-mix(in srgb,#d07828 7%,var(--la-panel)))}.title-list-hero-icon,.title-detail-icon{display:grid;width:64px;height:64px;flex:0 0 64px;place-items:center;border-radius:15px;background:#fff1dc;color:#bc6b16;font-size:32px}.title-list-kicker,.title-detail-kicker{font-size:12px;letter-spacing:.13em;color:#b76b19}.title-list-hero h1,.title-detail-hero h1{margin:3px 0 5px;font-size:27px;font-weight:500}.title-list-hero p,.title-detail-hero p{margin:0;color:var(--la-muted)}.title-list-total{margin-left:auto;text-align:right}.title-list-total strong{display:block;font-size:25px;font-weight:500;color:#b76b19}.title-list-total span{font-size:12px;color:var(--la-muted)}.title-list-layout,.title-detail-layout{display:grid;grid-template-columns:245px minmax(0,1fr);gap:14px;margin-top:14px;align-items:start}.title-category-panel,.title-results-panel,.title-panel{border:1px solid var(--la-line);border-radius:8px;background:var(--la-panel)}.title-category-panel{position:sticky;top:76px;padding:9px}.title-category-panel button{display:grid;width:100%;grid-template-columns:22px 1fr auto;gap:8px;align-items:center;padding:8px 9px;border:0;border-radius:6px;background:transparent;color:var(--la-muted);text-align:left}.title-category-panel button:hover,.title-category-panel button.is-active{background:var(--la-brand-soft);color:var(--la-brand)}.title-category-panel [data-title-grade]>span:first-child{color:var(--title-color)}.title-category-panel small{font-size:12px}.title-category-section{margin-top:8px;padding-top:8px;border-top:1px solid var(--la-line)}.title-category-title{padding:4px 9px 6px;color:var(--la-muted);font-size:12px}.title-results-panel{min-width:0;overflow:hidden}.title-filter-bar{display:flex;gap:9px;align-items:flex-end;padding:12px;border-bottom:1px solid var(--la-line)}.title-filter-bar label{display:flex;min-width:110px;flex-direction:column;gap:5px;color:var(--la-muted);font-size:12px}.title-filter-search{position:relative;min-width:240px!important;flex:1}.title-filter-search>span{position:absolute;left:10px;bottom:9px;font-size:17px}.title-filter-bar input,.title-filter-bar select{height:36px;border:1px solid var(--la-line-strong);border-radius:6px;background:var(--la-panel);padding:0 9px;color:var(--la-text)}.title-filter-search input{width:100%;padding-left:34px}.title-filter-bar button{height:36px;border:0;border-radius:6px;background:var(--la-panel-2);padding:0 12px}.title-results-head{display:flex;justify-content:space-between;align-items:center;padding:11px 13px;border-bottom:1px solid var(--la-line)}.title-results-head strong{font-size:17px;font-weight:500}.title-results-head span,.title-results-head label{font-size:12px;color:var(--la-muted)}.title-results-head em{margin-left:9px;padding:3px 7px;border-radius:10px;background:var(--la-brand-soft);color:var(--la-brand);font-size:12px;font-style:normal}.title-results-head select{border:0;background:transparent}.title-results-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:10px}.title-result-card{display:flex;position:relative;min-height:112px;gap:11px;padding:12px;border:1px solid var(--la-line);border-radius:7px}.title-result-card:hover{border-color:color-mix(in srgb,var(--title-grade) 48%,var(--la-line));box-shadow:var(--la-shadow)}.title-result-card>a{position:absolute;inset:0;z-index:1}.title-result-icon{display:grid;width:52px;height:52px;flex:0 0 52px;place-items:center;border-radius:12px;background:color-mix(in srgb,var(--title-grade) 12%,var(--la-panel));color:var(--title-grade);font-size:26px}.title-result-body{min-width:0;flex:1}.title-result-name{display:flex;align-items:center;gap:7px}.title-result-name h2{overflow:hidden;margin:0;font-size:15px;font-weight:500;color:var(--title-grade);white-space:nowrap;text-overflow:ellipsis}.title-result-name em{margin-left:auto;padding:2px 6px;border-radius:5px;background:color-mix(in srgb,var(--title-grade) 10%,var(--la-panel));color:var(--title-grade);font-size:12px;font-style:normal}.title-result-body>p{overflow:hidden;margin:5px 0;color:var(--la-muted);font-size:12px;white-space:nowrap;text-overflow:ellipsis}.title-result-meta{display:flex;flex-wrap:wrap;gap:5px}.title-result-meta span{display:inline-flex;align-items:center;gap:3px;padding:2px 5px;border-radius:4px;background:var(--la-panel-2);font-size:12px}.title-result-body>small{display:block;margin-top:5px;color:var(--la-muted);font-size:12px}.title-pagination{display:flex;justify-content:center;align-items:center;gap:13px;padding:13px;border-top:1px solid var(--la-line)}.title-pagination button{border:0;border-radius:14px;background:var(--la-panel-2);padding:7px 14px}.title-loading,.title-empty{grid-column:1/-1;display:grid;min-height:300px;place-content:center;justify-items:center;color:var(--la-muted)}.title-detail-breadcrumb{display:flex;gap:8px;margin-bottom:12px;color:var(--la-muted);font-size:12px}.title-detail-title{min-width:0;flex:1}.title-detail-title h1{color:var(--title-grade)}.title-detail-flags{display:flex;gap:6px;margin-top:8px}.title-detail-flags span{display:inline-flex;align-items:center;gap:4px;padding:3px 7px;border-radius:5px;background:var(--la-panel-2);font-size:12px}.title-detail-preview{display:grid;min-width:250px;justify-items:end;margin-left:auto}.title-detail-preview small,.title-detail-preview span{color:var(--la-muted);font-size:12px}.title-detail-preview strong{margin:8px 0;font-size:18px;font-weight:400}.title-detail-preview em{color:var(--title-grade);font-style:normal}.title-detail-aside,.title-detail-main{display:grid;gap:14px}.title-detail-aside{position:sticky;top:76px}.title-panel{overflow:hidden}.title-panel>header{display:flex;min-height:47px;gap:8px;align-items:center;padding:9px 14px;border-bottom:1px solid var(--la-line);background:var(--la-panel-2)}.title-panel>header>span{color:var(--title-grade);font-size:19px}.title-panel>header h2{margin:0;font-size:15px;font-weight:500}.title-panel>header p{margin:2px 0 0;color:var(--la-muted);font-size:12px}.title-panel>header small{margin-left:auto}.title-property-list{margin:0;padding:7px 14px}.title-property-list div{display:flex;justify-content:space-between;padding:9px 0;border-bottom:1px dashed var(--la-line)}.title-property-list dt{color:var(--la-muted)}.title-property-list dd{margin:0}.title-tendency-card{display:flex;align-items:center;gap:10px;padding:15px}.title-tendency-card>span{font-size:27px;color:var(--tendency-color)}.title-tendency-card div{display:grid;flex:1}.title-tendency-card strong{font-weight:500;color:var(--tendency-color)}.title-tendency-card small{font-size:12px;color:var(--la-muted)}.title-tendency-card b{font-size:21px;font-weight:500;color:var(--tendency-color)}.title-no-tendency{padding:20px 14px;color:var(--la-muted)}.title-obtain-content{padding:15px}.title-obtain-content p{margin:0;line-height:1.75}.title-obtain-content blockquote{margin:10px 0 0;padding:10px 12px;border-left:3px solid var(--title-grade);background:var(--la-panel-2);color:var(--la-muted)}.title-achievement-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:13px}.title-achievement-grid>a{display:flex;align-items:center;gap:10px;padding:10px;border-radius:7px;background:var(--la-panel-2)}.title-achievement-grid>a>span{display:grid;width:45px;height:45px;flex:0 0 45px;place-items:center;overflow:hidden;border-radius:8px;background:var(--la-panel);color:var(--title-grade);font-size:22px}.title-achievement-grid img{width:100%;height:100%;object-fit:contain}.title-achievement-grid div{min-width:0;flex:1}.title-achievement-grid strong,.title-achievement-grid p{display:block;overflow:hidden;margin:0;white-space:nowrap;text-overflow:ellipsis}.title-achievement-grid strong{font-weight:500}.title-achievement-grid p,.title-achievement-grid small{color:var(--la-muted);font-size:12px}.title-animation-note{display:flex;align-items:center;gap:12px;padding:16px}.title-animation-note>span{font-size:28px;color:var(--title-grade)}.title-animation-note strong{font-weight:500}.title-animation-note p{margin:3px 0 0;color:var(--la-muted)}.lostark-title-tip-core{display:flex;gap:12px;padding:14px 18px;border-bottom:1px solid rgba(148,163,184,.15)}.lostark-title-tip-core>span{display:grid;width:54px;height:54px;flex:0 0 54px;place-items:center;border-radius:12px;background:color-mix(in srgb,var(--tip-grade) 17%,#1b2028);color:var(--tip-grade);font-size:27px}.lostark-title-tip-core p{margin:0 0 7px}.lostark-title-tip-core b{display:inline-flex;align-items:center;gap:5px;font-weight:400}.lostark-title-tip-achievements{display:grid;gap:5px}.lostark-title-tip-achievements a{padding:5px 7px;border-radius:4px;background:#202a38;color:#c9dcf6}@media(max-width:900px){.title-list-layout,.title-detail-layout{grid-template-columns:1fr}.title-category-panel,.title-detail-aside{position:static}.title-category-panel{display:flex;overflow-x:auto}.title-category-section{display:contents}.title-category-title{display:none}.title-category-panel button{min-width:145px}.title-filter-bar{flex-wrap:wrap}.title-filter-search{flex-basis:100%}}@media(max-width:680px){.title-list-hero,.title-detail-hero{align-items:flex-start;flex-wrap:wrap}.title-list-hero-icon{display:none}.title-list-total{display:none}.title-results-grid,.title-achievement-grid{grid-template-columns:1fr}.title-detail-preview{width:100%;justify-items:start;margin-left:0}}
.lostark-tip-host{position:fixed;z-index:1480;width:min(400px,calc(100vw - 24px));pointer-events:auto;filter:drop-shadow(0 14px 28px rgba(0,0,0,.32))}
.lostark-tip-host[hidden]{display:none!important}
.lostark-tip-host>.lostark-client-tip{width:100%;max-width:100%;border:1px solid #354052;border-radius:3px}
.lostark-tip-host>.lostark-tip-loading{display:grid;height:auto;min-height:72px;place-items:center;align-content:center;padding:18px;border:1px solid #354052;border-radius:3px;background:#111318;color:#cbd5e1;font-size:12px}
.lostark-achievement-tip-host{left:0!important;top:0!important;width:min(380px,calc(100vw - 24px));pointer-events:none;filter:none;will-change:transform}
.lostark-achievement-tip-host>.lostark-client-tip{border-color:#303a47;box-shadow:0 14px 32px rgba(0,0,0,.38)}
.lostark-achievement-tip .lostark-tip-header{padding:15px 17px 10px;border-bottom:0}
.lostark-achievement-tip .lostark-tip-header h2{font-size:19px}
.lostark-achievement-tip .lostark-tip-subline{margin-top:5px}
.lostark-achievement-tip .lostark-achievement-tip-core{gap:10px;padding:10px 17px 13px;border-bottom:0}
.lostark-achievement-tip .lostark-tip-section{padding:10px 17px;border-top-color:rgba(148,163,184,.1)}
.lostark-achievement-tip .lostark-tip-section h3{margin-bottom:7px}
.lostark-achievement-tip .lostark-tip-footer{padding:9px 17px 11px;background:transparent;border-top-color:rgba(148,163,184,.1)}

/* Map catalogue, detail and TIP. */
.map-list-page,.map-detail-page{color:var(--la-text);font-size:14px}.map-list-page strong,.map-list-page b,.map-detail-page strong,.map-detail-page b,.map-list-page h1,.map-list-page h2,.map-detail-page h1,.map-detail-page h2{font-weight:500}
.map-list-hero,.map-detail-hero{display:flex;align-items:center;gap:17px;border:1px solid var(--la-line);border-radius:9px;background:linear-gradient(112deg,#f7fbff,#fff 58%,#fff8ec);padding:19px 21px}.map-list-hero-icon,.map-detail-icon{display:grid;width:62px;height:62px;flex:0 0 62px;place-items:center;border-radius:15px;background:#e9f4ff;color:#2875c4;font-size:30px}.map-list-kicker,.map-detail-kicker{color:#2875c4;font-size:12px;letter-spacing:.13em}.map-list-hero h1,.map-detail-hero h1{margin:3px 0 4px;color:var(--la-text);font-size:27px;line-height:1.25}.map-list-hero p,.map-detail-hero p{margin:0;color:var(--la-muted);line-height:1.65}.map-list-total{margin-left:auto;text-align:right}.map-list-total strong{display:block;color:#2875c4;font-size:25px}.map-list-total span{color:var(--la-muted);font-size:12px}
.map-list-layout{display:grid;grid-template-columns:240px minmax(0,1fr);gap:12px;align-items:start;margin-top:12px}.map-category-panel,.map-results-panel,.map-panel{border:1px solid var(--la-line);border-radius:7px;background:var(--la-panel)}.map-category-panel{position:sticky;top:76px;max-height:calc(100vh - 92px);overflow-y:auto;padding:9px}.map-category-panel button{display:grid;width:100%;min-height:36px;grid-template-columns:23px minmax(0,1fr) auto;align-items:center;gap:7px;border:0;border-radius:5px;background:transparent;padding:6px 8px;color:var(--la-muted);font-size:14px;text-align:left;cursor:pointer}.map-category-panel button>span:first-child{color:var(--map-continent,#718198);font-size:18px}.map-category-panel button small{font-size:12px}.map-category-panel button:hover{background:var(--la-panel-2);color:var(--la-text)}.map-category-panel button.is-active{background:#edf6ff;color:#1769c2}.map-category-section{margin-top:8px;border-top:1px solid var(--la-line);padding-top:8px}.map-category-title{padding:4px 8px 6px;color:var(--la-muted);font-size:12px}
.map-results-panel{min-width:0;overflow:hidden}.map-filter-bar{display:flex;align-items:end;gap:8px;border-bottom:1px solid var(--la-line);padding:11px}.map-filter-bar label{display:grid;min-width:125px;gap:4px;color:var(--la-muted);font-size:12px}.map-filter-search{position:relative;min-width:240px!important;flex:1}.map-filter-search>span{position:absolute;bottom:9px;left:10px;color:var(--la-muted);font-size:17px}.map-filter-bar input,.map-filter-bar select{height:36px;border:1px solid var(--la-line-strong);border-radius:5px;background:var(--la-panel);padding:0 9px;color:var(--la-text);font-size:14px}.map-filter-search input{width:100%;padding-left:34px}.map-filter-bar button{display:flex;height:36px;align-items:center;gap:5px;border:0;border-radius:5px;background:var(--la-panel-2);padding:0 12px;color:var(--la-muted)}.map-results-head{display:flex;align-items:center;justify-content:space-between;padding:10px 12px}.map-results-head strong{font-size:17px}.map-results-head span,.map-results-head label{color:var(--la-muted);font-size:12px}.map-results-head em{margin-left:8px;border-radius:12px;background:#edf6ff;padding:3px 8px;color:#1769c2;font-size:12px;font-style:normal}.map-results-head select{border:0;background:transparent;color:var(--la-text)}
.map-results-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:0 11px 11px}.map-result-card{position:relative;display:flex;min-width:0;min-height:148px;gap:11px;overflow:hidden;border:1px solid var(--la-line);border-radius:6px;padding:11px}.map-result-card:before{position:absolute;inset:0 auto 0 0;width:3px;background:var(--map-continent);content:""}.map-result-card:hover{border-color:color-mix(in srgb,var(--map-continent) 45%,var(--la-line));background:color-mix(in srgb,var(--map-continent) 3%,var(--la-panel));box-shadow:0 6px 16px rgba(27,55,85,.08)}.map-result-link{position:absolute;z-index:2;inset:0}.map-result-visual{display:grid;width:62px;height:70px;flex:0 0 62px;place-items:center;border-radius:8px;background:color-mix(in srgb,var(--map-continent) 10%,var(--la-panel-2));color:var(--map-continent);font-size:27px}.map-result-visual small{overflow:hidden;width:54px;color:var(--la-muted);font-size:12px;text-align:center;text-overflow:ellipsis;white-space:nowrap}.map-result-body{min-width:0;flex:1}.map-result-title{display:flex;align-items:center;gap:6px}.map-result-title h2{overflow:hidden;min-width:0;margin:0;color:var(--la-text);font-size:15px;text-overflow:ellipsis;white-space:nowrap}.map-result-title em{margin-left:auto;color:var(--map-continent);font-size:12px;font-style:normal;white-space:nowrap}.map-result-body>p{display:-webkit-box;overflow:hidden;margin:5px 0;color:var(--la-muted);font-size:12px;line-height:18px;-webkit-box-orient:vertical;-webkit-line-clamp:2}.map-result-counts,.map-result-features{display:flex;flex-wrap:wrap;gap:4px}.map-result-counts span,.map-result-features span{display:inline-flex;align-items:center;gap:3px;border-radius:4px;background:var(--la-panel-2);padding:2px 5px;color:var(--la-muted);font-size:12px}.map-result-counts b{color:var(--la-text)}.map-result-features{margin-top:4px}.map-result-features span{color:var(--map-continent)}.map-result-body>small{display:block;margin-top:5px;color:var(--la-muted);font-family:ui-monospace,monospace;font-size:12px}.map-pagination{display:flex;align-items:center;justify-content:center;gap:13px;border-top:1px solid var(--la-line);padding:12px}.map-pagination button{border:0;border-radius:14px;background:var(--la-panel-2);padding:7px 14px;color:var(--la-text)}.map-pagination button:disabled{opacity:.45}.map-pagination span{color:var(--la-muted);font-size:12px}.map-loading,.map-empty{grid-column:1/-1;display:grid;min-height:350px;place-content:center;justify-items:center;gap:8px;color:var(--la-muted)}.map-loading>span,.map-empty>span{color:#2875c4;font-size:28px}.map-empty strong{font-size:15px}.map-empty p{margin:0;font-size:12px}
.map-detail-breadcrumb{display:flex;gap:8px;margin-bottom:12px;color:var(--la-muted);font-size:12px}.map-detail-breadcrumb em{overflow:hidden;font-style:normal;text-overflow:ellipsis;white-space:nowrap}.map-detail-hero{border-left:4px solid var(--map-continent);background:linear-gradient(110deg,var(--la-panel),color-mix(in srgb,var(--map-continent) 8%,var(--la-panel)))}.map-detail-icon{background:color-mix(in srgb,var(--map-continent) 11%,var(--la-panel));color:var(--map-continent)}.map-detail-title{min-width:0;flex:1}.map-detail-kicker{color:var(--map-continent)}.map-detail-title>p{max-width:760px}.map-detail-tags{display:flex;flex-wrap:wrap;gap:5px;margin-top:9px}.map-detail-tags span{display:inline-flex;align-items:center;gap:4px;border-radius:4px;background:var(--la-panel-2);padding:3px 7px;color:var(--la-muted);font-size:12px}.map-detail-tags i{color:var(--map-continent);font-size:14px}.map-detail-summary{display:grid;grid-template-columns:repeat(3,74px);gap:17px;margin-left:auto;text-align:center}.map-detail-summary strong{display:block;color:var(--map-continent);font-size:22px}.map-detail-summary span{color:var(--la-muted);font-size:12px}.map-detail-layout{display:grid;grid-template-columns:280px minmax(0,1fr);gap:12px;align-items:start;margin-top:12px}.map-detail-aside,.map-detail-main{display:grid;gap:12px}.map-detail-aside{position:sticky;top:76px}.map-panel{min-width:0;overflow:hidden}.map-panel>header{display:flex;min-height:46px;align-items:center;gap:8px;border-bottom:1px solid var(--la-line);padding:8px 13px}.map-panel>header>span{color:var(--map-continent);font-size:19px}.map-panel>header h2{margin:0;font-size:14px}.map-panel>header p{margin:2px 0 0;color:var(--la-muted);font-size:12px}.map-panel>header small{margin-left:auto;color:var(--la-muted);font-size:12px}.map-property-list{margin:0;padding:5px 13px}.map-property-list>div{display:flex;justify-content:space-between;gap:12px;border-bottom:1px dashed var(--la-line);padding:9px 0}.map-property-list>div:last-child{border:0}.map-property-list dt{color:var(--la-muted)}.map-property-list dd{margin:0;text-align:right}.map-property-list a{color:var(--map-continent)}.map-feature-grid{display:flex;flex-wrap:wrap;gap:6px;padding:12px}.map-feature-grid span{display:inline-flex;align-items:center;gap:5px;border-radius:5px;background:var(--la-panel-2);padding:6px 8px;color:var(--la-muted);font-size:12px}.map-feature-grid i{color:var(--map-continent);font-size:16px}.map-feature-grid .is-life i{color:#2b9b70}.map-floor-list{display:grid;gap:5px;padding:10px}.map-floor-list span{display:flex;align-items:center;gap:8px;border-radius:5px;background:var(--la-panel-2);padding:7px}.map-floor-list b{display:grid;width:24px;height:24px;place-items:center;border-radius:50%;background:color-mix(in srgb,var(--map-continent) 13%,var(--la-panel));color:var(--map-continent);font-size:12px}.map-floor-list i{overflow:hidden;color:var(--la-muted);font-size:12px;font-style:normal;text-overflow:ellipsis;white-space:nowrap}
.map-related-grid,.map-entity-grid,.map-achievement-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;padding:11px}.map-related-grid>a,.map-entity-grid>a,.map-achievement-grid>a{display:flex;min-width:0;align-items:center;gap:9px;border-radius:6px;background:var(--la-panel-2);padding:8px 9px}.map-related-grid>a>span,.map-entity-grid>a>span{display:grid;width:38px;height:38px;flex:0 0 38px;place-items:center;border-radius:7px;background:var(--la-panel);color:var(--map-continent);font-size:19px}.map-related-grid div,.map-entity-grid div,.map-achievement-grid div{min-width:0;flex:1}.map-related-grid strong,.map-related-grid small,.map-entity-grid strong,.map-entity-grid small,.map-achievement-grid strong,.map-achievement-grid small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.map-related-grid strong,.map-entity-grid strong,.map-achievement-grid strong{font-size:14px}.map-related-grid small,.map-entity-grid small,.map-achievement-grid small{margin-top:2px;color:var(--la-muted);font-size:12px}.map-related-grid>a>i,.map-entity-grid>a>i{color:var(--la-muted);font-size:15px}.map-npc-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;padding:11px}.map-npc-grid>a{display:flex;min-width:0;align-items:center;gap:8px;border-radius:6px;background:var(--la-panel-2);padding:7px}.map-npc-grid>a>span,.map-achievement-grid>a>span{display:grid;width:40px;height:40px;flex:0 0 40px;place-items:center;overflow:hidden;border-radius:6px;background:var(--la-panel);color:var(--npc-grade,var(--map-continent));font-size:19px}.map-npc-grid img,.map-achievement-grid img{width:100%;height:100%;object-fit:contain}.map-npc-grid div{min-width:0}.map-npc-grid strong,.map-npc-grid small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.map-npc-grid strong{color:var(--npc-grade);font-size:14px}.map-npc-grid small{margin-top:2px;color:var(--la-muted);font-size:12px}.map-achievement-grid>a>span{color:var(--map-continent)}.map-neighbor-list{display:flex;flex-wrap:wrap;gap:6px;padding:11px}.map-neighbor-list a{display:inline-flex;align-items:center;gap:6px;border-radius:5px;background:var(--la-panel-2);padding:6px 8px}.map-neighbor-list a>span{color:var(--map-continent);font-size:16px}.map-neighbor-list small{color:var(--la-muted);font-size:12px}.map-panel-empty{padding:30px;text-align:center;color:var(--la-muted)}
.lostark-map-tip-host{left:0!important;top:0!important;width:min(380px,calc(100vw - 24px));pointer-events:none;filter:none;will-change:transform}.lostark-map-tip-host>.lostark-client-tip{box-shadow:0 14px 32px rgba(0,0,0,.38)}.lostark-map-tip-core{display:flex;gap:11px;padding:12px 17px}.lostark-map-tip-core>span{display:grid;width:52px;height:52px;flex:0 0 52px;place-items:center;border-radius:9px;background:color-mix(in srgb,var(--tip-grade) 16%,#1b2028);color:var(--tip-grade);font-size:25px}.lostark-map-tip-core>div{min-width:0}.lostark-map-tip-core p{display:-webkit-box;overflow:hidden;margin:0;color:#d7dfe9;font-size:12px;line-height:1.55;-webkit-box-orient:vertical;-webkit-line-clamp:2}.lostark-map-tip-core>div>div{display:flex;flex-wrap:wrap;gap:5px;margin-top:7px}.lostark-map-tip-core b{border-radius:4px;background:#202a38;padding:3px 6px;color:#bfc9d6;font-size:12px;font-weight:400}.lostark-map-tip-features{display:flex;flex-wrap:wrap;gap:5px}.lostark-map-tip-features span{display:inline-flex;align-items:center;gap:4px;border-radius:4px;background:#202a38;padding:4px 6px;color:#cbd5e1;font-size:12px}.lostark-map-tip-features i{color:var(--tip-grade);font-size:14px}
.tw-dark .map-list-hero{border-color:rgba(59,130,246,.16);background:linear-gradient(112deg,#192431,#1e242b 58%,#29231c)}.tw-dark .map-list-hero-icon{background:rgba(59,130,246,.14);color:#78b7ff}.tw-dark .map-list-kicker,.tw-dark .map-list-total strong{color:#78b7ff}.tw-dark .map-category-panel button.is-active{background:rgba(59,130,246,.14);color:#93c5fd}.tw-dark .map-category-panel button.is-active>span:first-child{color:#78b7ff}.tw-dark .map-results-head em{background:rgba(59,130,246,.14);color:#93c5fd}.tw-dark .map-filter-bar input,.tw-dark .map-filter-bar select,.tw-dark .map-results-head select{background:var(--la-panel-2);color-scheme:dark}.tw-dark .map-filter-bar input::placeholder{color:#8994a1}.tw-dark .map-filter-bar button:hover,.tw-dark .map-pagination button:hover:not(:disabled){background:#2d3744;color:#93c5fd}.tw-dark .map-result-card:hover{box-shadow:0 6px 16px rgba(0,0,0,.18)}
@media(max-width:1100px){.map-results-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.map-npc-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:900px){.map-list-layout,.map-detail-layout{grid-template-columns:1fr}.map-category-panel,.map-detail-aside{position:static;max-height:none}.map-category-panel{display:flex;overflow-x:auto}.map-category-section{display:contents}.map-category-title{display:none}.map-category-panel button{min-width:145px}.map-detail-summary{display:none}}@media(max-width:700px){.map-list-hero,.map-detail-hero{align-items:flex-start;flex-wrap:wrap;padding:15px}.map-list-hero-icon{display:none}.map-list-total{display:none}.map-filter-bar{flex-wrap:wrap}.map-filter-search{flex-basis:100%}.map-results-grid,.map-related-grid,.map-entity-grid,.map-achievement-grid,.map-npc-grid{grid-template-columns:1fr}.map-detail-icon{width:54px;height:54px;flex-basis:54px}.map-result-card{min-height:138px}}

/* Map result cards: roomy two-column information layout. */
.map-results-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.map-result-card{display:block;min-height:164px;padding:13px 14px 11px 16px}
.map-result-head{display:grid;grid-template-columns:45px minmax(0,1fr) auto;align-items:center;gap:10px}
.map-result-icon{display:grid;width:45px;height:45px;place-items:center;border-radius:9px;background:color-mix(in srgb,var(--map-continent) 11%,var(--la-panel-2));color:var(--map-continent);font-size:23px}
.map-result-icon i{font-size:23px}
.map-result-heading{min-width:0}
.map-result-heading small{display:flex;align-items:center;gap:4px;margin-bottom:2px;color:var(--map-continent);font-size:12px;line-height:18px;white-space:normal}
.map-result-heading small i{flex:0 0 auto;font-size:14px}
.map-result-heading h2{overflow:hidden;margin:0;color:var(--la-text);font-size:16px;font-weight:500;line-height:22px;text-overflow:ellipsis;white-space:nowrap}
.map-result-head>em{align-self:start;margin-top:2px;border-radius:4px;background:color-mix(in srgb,var(--map-continent) 9%,var(--la-panel-2));padding:3px 6px;color:var(--map-continent);font-size:12px;font-style:normal;white-space:nowrap}
.map-result-description{display:-webkit-box;overflow:hidden;min-height:38px;margin:9px 0 8px;color:var(--la-muted);font-size:12px;line-height:19px;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.map-result-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px}
.map-result-bottom .map-result-counts{min-width:0}
.map-result-bottom>small{flex:0 0 auto;color:var(--la-muted);font-family:ui-monospace,monospace;font-size:12px}
.map-result-card>.map-result-features{margin-top:6px}
.news-detail-content{max-width:none;min-height:180px;margin:0;text-align:left}
@media(max-width:1050px){.map-results-grid{grid-template-columns:1fr}.map-result-card{min-height:154px}}@media(max-width:560px){.map-result-head{grid-template-columns:42px minmax(0,1fr)}.map-result-head>em{grid-column:2;justify-self:start;margin-top:0}.map-result-icon{grid-row:1/3;width:42px;height:42px}.map-result-bottom{align-items:flex-start;flex-direction:column;gap:5px}}
.feedback-page{padding-top:18px}.feedback-overview{overflow:hidden;border:1px solid var(--la-line);border-radius:8px;background:var(--la-panel);box-shadow:var(--la-shadow)}.feedback-overview-main{display:grid;grid-template-columns:52px minmax(0,1fr) auto;align-items:center;gap:16px;padding:22px 24px}.feedback-overview-icon{display:grid;width:52px;height:52px;place-items:center;border-radius:12px;background:var(--la-brand-soft);color:var(--la-brand);font-size:27px}.feedback-overview-copy{min-width:0}.feedback-overview-copy h1{margin:3px 0 4px;color:var(--la-text);font-size:25px;font-weight:500;line-height:1.3}.feedback-overview-copy p{max-width:760px;margin:0;color:var(--la-muted);font-size:14px;line-height:1.65}.feedback-jump{display:inline-flex;height:38px;align-items:center;gap:7px;border:1px solid color-mix(in srgb,var(--la-brand) 45%,var(--la-line));border-radius:6px;background:var(--la-brand-soft);padding:0 14px;color:var(--la-brand);font-size:13px;transition:border-color .15s,background .15s}.feedback-jump:hover{border-color:var(--la-brand);background:color-mix(in srgb,var(--la-brand-soft) 72%,var(--la-brand) 28%)}.feedback-jump>span{font-size:17px}.feedback-format{display:grid;grid-template-columns:28px auto minmax(280px,1fr) auto;align-items:center;gap:12px;border-top:1px solid var(--la-line);background:var(--la-panel-2);padding:13px 24px}.feedback-format>span{color:var(--la-brand);font-size:21px}.feedback-format strong{display:block;color:var(--la-text);font-size:13px;font-weight:500}.feedback-format p{margin:1px 0 0;color:var(--la-muted);font-size:12px}.feedback-format code{overflow:hidden;border:1px solid var(--la-line);border-radius:5px;background:var(--la-panel);padding:8px 10px;color:var(--la-muted);font-family:inherit;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.feedback-format button{display:inline-flex;height:34px;align-items:center;gap:5px;border:1px solid var(--la-line-strong);border-radius:5px;background:var(--la-panel);padding:0 11px;color:var(--la-muted);font-size:12px;cursor:pointer}.feedback-format button:hover{border-color:var(--la-brand);color:var(--la-brand)}.feedback-format button>span{font-size:16px}.feedback-comments{margin-top:12px}.tw-dark .feedback-overview-icon{background:rgba(59,130,246,.14);color:#78b4ff}.tw-dark .feedback-jump{border-color:#334f70;background:#1b2a3c;color:#8fc2ff}.tw-dark .feedback-jump:hover{border-color:#4e78a6;background:#22364d}@media(max-width:760px){.feedback-page{padding-top:10px}.feedback-overview-main{grid-template-columns:42px minmax(0,1fr);gap:12px;padding:17px 15px}.feedback-overview-icon{width:42px;height:42px;border-radius:9px;font-size:23px}.feedback-overview-copy h1{font-size:22px}.feedback-overview-copy p{font-size:13px}.feedback-jump{grid-column:1/-1;width:100%;justify-content:center}.feedback-format{grid-template-columns:24px minmax(0,1fr);gap:9px;padding:13px 15px}.feedback-format code{grid-column:1/-1;white-space:normal;line-height:1.55}.feedback-format button{grid-column:1/-1;justify-content:center}.feedback-comments{margin-top:10px}}
.feedback-overview-icon{border:1px solid #4d8cff;background:#2563eb;color:#fff;box-shadow:0 4px 12px rgba(37,99,235,.3)}.feedback-format{grid-template-columns:30px auto minmax(280px,1fr) auto}.feedback-format>span{display:grid;width:30px;height:30px;place-items:center;border:1px solid #4d8cff;border-radius:7px;background:#2563eb;color:#fff;font-size:18px;box-shadow:0 3px 9px rgba(37,99,235,.28)}.tw-dark .feedback-overview-icon{border-color:#4e9bea;background:#176bb7;color:#fff;box-shadow:0 4px 14px rgba(22,107,183,.44)}.tw-dark .feedback-format>span{border-color:#4e9bea;background:#176bb7;color:#fff;box-shadow:0 3px 11px rgba(22,107,183,.42)}@media(max-width:760px){.feedback-format{grid-template-columns:30px minmax(0,1fr)}}