:root{--bg:#090c12;--panel:#131824;--panel2:#171d2b;--line:#263247;--line2:#33415a;--text:#edf4ff;--muted:#94a3b8;--blue:#6ea8ff;--gold:#e8c766;--green:#37c77f;--red:#ef5b68;--cyan:#35d3d3;--shadow:0 18px 50px rgba(0,0,0,.35)}
*{box-sizing:border-box}body{margin:0;font-family:Tahoma,Arial,sans-serif;background:radial-gradient(circle at 20% -10%,#172238 0,#090c12 42%,#07090e 100%);color:var(--text);font-size:15px}a{color:inherit}.site-header{padding:26px 34px;background:linear-gradient(180deg,#171d2a,#101520);border-bottom:1px solid var(--line);position:relative}.site-header h1{margin:0 0 6px;font-size:30px;letter-spacing:.2px}.site-header p{margin:0;color:var(--muted)}.detail-header{display:flex;gap:22px;align-items:flex-start}.back-link{color:#9fc2ff;text-decoration:none;font-weight:bold;margin-top:6px}.back-link:hover{text-decoration:underline}.toolbar{display:flex;gap:10px;padding:18px 34px;background:rgba(12,16,24,.85);backdrop-filter:blur(8px);position:sticky;top:0;z-index:5;border-bottom:1px solid var(--line)}.toolbar input{flex:1}.toolbar input,.toolbar select,.toolbar button{padding:12px 14px;border-radius:12px;border:1px solid var(--line2);background:#0b0f17;color:var(--text);outline:none}.toolbar input:focus,.toolbar select:focus{border-color:var(--blue)}.toolbar button{background:linear-gradient(180deg,#4266eb,#2f4fc7);border-color:#5875ff;font-weight:bold;cursor:pointer}.summary{padding:0 34px 14px;color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:14px;padding:0 34px 34px}.card{display:flex;gap:13px;text-decoration:none;background:linear-gradient(180deg,var(--panel2),#121722);border:1px solid var(--line);border-radius:16px;padding:12px;min-height:122px;transition:.15s ease;box-shadow:0 8px 24px rgba(0,0,0,.16)}.card:hover{transform:translateY(-2px);border-color:#5e78d8;box-shadow:0 14px 34px rgba(0,0,0,.26)}.thumb{width:82px;height:96px;background:#070a10;border:1px solid #0f1520;border-radius:12px;display:grid;place-items:center;flex:0 0 auto;overflow:hidden}.monster{width:100%;height:100%;object-fit:contain}.card-body{display:flex;flex-direction:column;gap:6px;min-width:0}.card-body b{font-size:16px}.card-body small,small{color:var(--muted)}.mini-stat{font-weight:bold;color:#dce8ff}.tag{display:inline-block;width:max-content;padding:4px 9px;border-radius:999px;font-size:12px;font-weight:900;letter-spacing:.3px}.boss{background:rgba(239,91,104,.22);color:#ffb6bf;border:1px solid rgba(239,91,104,.45)}.normal{background:rgba(55,199,127,.18);color:#c9ffe2;border:1px solid rgba(55,199,127,.42)}.pages{padding:0 34px 40px;display:flex;gap:10px}.pages a{color:#b7ccff;background:#121824;border:1px solid var(--line);border-radius:10px;padding:9px 13px;text-decoration:none}.monster-page{padding:24px 34px 42px;max-width:1280px;margin:0 auto}.panel{background:linear-gradient(180deg,var(--panel2),var(--panel));border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow)}.monster-profile{display:grid;grid-template-columns:160px 1fr;gap:22px;padding:18px 20px;margin-bottom:18px}.monster-portrait-wrap{width:160px;height:190px;background:#06080d;border:1px solid #101827;border-radius:16px;display:grid;place-items:center;overflow:hidden}.monster-portrait{max-width:100%;max-height:100%;object-fit:contain}.monster-summary{align-self:center}.title-row{display:flex;align-items:center;gap:12px;margin-bottom:14px}.title-row h2{margin:0;font-size:28px}.quick-stats{display:grid;grid-template-columns:repeat(5,minmax(88px,1fr));gap:10px;max-width:760px}.quick-stats div{background:#0e1421;border:1px solid var(--line);border-radius:12px;padding:10px 12px;text-align:center}.quick-stats span{display:block;color:var(--muted);font-size:12px}.quick-stats b{display:block;margin-top:3px;font-size:17px;color:#fff}.asset-path{margin:14px 0 0;font-family:Consolas,monospace;color:#8ea0b9;font-size:13px}.content-grid{display:grid;grid-template-columns:minmax(360px,1fr) minmax(440px,1.25fr);gap:18px}.left-col{display:grid;gap:18px;align-content:start}.compact-panel,.drops-panel{padding:18px}.panel h2{margin:0 0 14px;font-size:22px}.stat-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.stat-grid div{display:flex;justify-content:space-between;align-items:center;background:#0e1421;border:1px solid var(--line);border-radius:10px;padding:10px 12px}.stat-grid span{color:#aab6cc;font-weight:bold}.stat-grid b{color:#fff}.map-chips{display:flex;flex-wrap:wrap;gap:8px}.map-chip{background:#0e1421;border:1px solid #3b4c68;color:#eaf2ff;border-radius:999px;padding:7px 11px;font-weight:bold}.boss-meta{margin-top:12px;display:grid;gap:8px}.boss-meta div{padding:10px 12px;border-radius:10px;background:#0e1421;border:1px solid var(--line)}.boss-meta small{display:block;margin-top:3px}.panel-title-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.muted{color:var(--muted)}.drop-list{display:grid;gap:10px}.drop-row{display:grid;grid-template-columns:54px 1fr 96px;gap:12px;align-items:center;background:#0e1421;border:1px solid var(--line);border-radius:12px;padding:9px 10px}.drop-row:hover{border-color:#526b98;background:#111a2a}.item-icon-box{width:44px;height:44px;border-radius:9px;background:#05070b;border:1px solid #27344a;display:grid;place-items:center;overflow:hidden}.item-icon{max-width:38px;max-height:38px;object-fit:contain}.item-name b{display:block;color:#fff}.item-name small{display:block;margin-top:3px}.drop-rate{text-align:right}.drop-rate b{display:block;color:#52ffd0}.drop-rate small{display:block;color:#a7b2c7;margin-top:3px}.empty{color:var(--muted);margin:0;background:#0e1421;border:1px dashed #34435d;border-radius:12px;padding:14px}
table{width:100%;border-collapse:collapse;margin-top:10px}th,td{border-bottom:1px solid var(--line);padding:10px;text-align:left;vertical-align:top}th{color:#c5d3eb;background:#101622}.icon{width:36px;height:36px;object-fit:contain}
@media(max-width:900px){.content-grid{grid-template-columns:1fr}.quick-stats{grid-template-columns:repeat(2,1fr)}.monster-profile{grid-template-columns:1fr}.monster-portrait-wrap{margin:auto}.toolbar{flex-wrap:wrap}.toolbar input{flex-basis:100%}}

/* V5.1 fixed/sticky controls */
body{padding-bottom:92px}
.toolbar{top:0;z-index:1000;box-shadow:0 12px 28px rgba(0,0,0,.35)}
.pages{position:fixed;left:50%;bottom:18px;transform:translateX(-50%);z-index:1100;display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 14px;background:rgba(13,18,29,.96);border:1px solid #263247;border-radius:16px;box-shadow:0 18px 60px rgba(0,0,0,.55);backdrop-filter:blur(10px);width:max-content;max-width:calc(100vw - 40px)}
.pages a,.pages button,.page-info,.jump-form input{height:38px;display:inline-flex;align-items:center;justify-content:center;border-radius:10px;border:1px solid #33415a;background:#111827;color:#eaf2ff;text-decoration:none;font-weight:800}
.page-btn,.page-num{min-width:38px;padding:0 12px}.page-info{padding:0 16px;color:#d7e4ff;background:#0f1624}.page-num.active,.jump-form button{background:linear-gradient(180deg,#ffb11b,#ff6b00);border-color:#ff9a1f;color:#111827}.pages a.disabled{opacity:.38;pointer-events:none}.jump-form{display:flex;gap:8px;margin:0}.jump-form input{width:84px;padding:0 10px;color:#fff}.jump-form button{min-width:46px;cursor:pointer}.to-top{position:fixed;right:24px;bottom:22px;z-index:1110;width:44px;height:44px;border-radius:999px;background:linear-gradient(180deg,#ffb11b,#ff6b00);color:#111827;text-decoration:none;display:grid;place-items:center;font-size:22px;font-weight:900;box-shadow:0 12px 34px rgba(0,0,0,.45)}
@media(max-width:760px){.pages{gap:5px;padding:8px;bottom:10px}.page-info{display:none}.jump-form input{width:58px}.to-top{right:12px;bottom:72px}}

/* V5.2 reference-style filter bar */
.site-header{display:none}
.filterbar{position:sticky;top:0;z-index:1200;padding:24px 32px 18px;background:linear-gradient(180deg,rgba(9,12,18,.98),rgba(9,12,18,.88));border-bottom:1px solid rgba(255,138,32,.18);backdrop-filter:blur(10px);box-shadow:0 16px 36px rgba(0,0,0,.42)}
.filter-inner{max-width:1580px;margin:0 auto;display:flex;align-items:center;justify-content:center;gap:8px;background:linear-gradient(180deg,#151a24,#111722);border:1px solid rgba(255,139,32,.25);border-radius:14px;padding:14px 16px;box-shadow:0 18px 55px rgba(0,0,0,.35)}
.db-tab{height:42px;display:inline-flex;align-items:center;gap:9px;padding:0 22px;border-radius:10px;text-decoration:none;font-weight:900;white-space:nowrap;letter-spacing:.1px;border:1px solid transparent}.db-tab.inactive{color:#e7edf8;background:transparent;border-right:1px solid rgba(255,139,32,.22);border-radius:0;padding-right:28px}.db-tab.active{color:#121012;background:linear-gradient(90deg,#ffb11b,#ff3b2f);box-shadow:0 8px 24px rgba(255,91,0,.28)}.tab-icon{font-size:20px;line-height:1}.control,.searchbox input,.search-mode{height:42px;border-radius:8px;border:1px solid rgba(255,139,32,.28);background:#0e1421;color:#e9f1ff;outline:none}.control{padding:0 14px}.control:focus,.searchbox input:focus{border-color:#ff9b24;box-shadow:0 0 0 2px rgba(255,155,36,.13)}.control-map{width:190px}.control-lv{width:70px;text-align:center}.range-sep{color:#a47b4e;font-weight:900}.control-sort{width:118px}.control-type{width:112px}.searchbox{height:42px;display:flex;align-items:stretch;border:1px solid rgba(255,139,32,.28);border-radius:8px;background:#0e1421;overflow:hidden;min-width:290px}.searchbox .search-mode{width:82px;border:0;border-right:1px solid rgba(255,139,32,.22);border-radius:0;background:#111827;color:#d6b16d;font-size:13px}.searchbox input{border:0;border-radius:0;background:transparent;flex:1;min-width:0;padding:0 12px}.search-btn{width:44px;border:0;background:transparent;color:#d9b45e;font-size:22px;cursor:pointer}.search-btn:hover,.reset-btn:hover{color:#fff}.reset-btn{height:42px;width:42px;display:inline-grid;place-items:center;color:#caa65b;text-decoration:none;font-size:22px;border-radius:8px}.list-wrap{max-width:1120px;margin:22px auto 36px}.summary{padding:0 0 14px;color:#dce7f8}.summary b{color:#fff}.grid{padding:0;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.card{min-height:112px}.toolbar{display:none}
@media(max-width:1180px){.filter-inner{justify-content:flex-start;overflow-x:auto}.filterbar{padding-left:12px;padding-right:12px}.list-wrap{padding:0 16px}.grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}}
@media(max-width:760px){.filter-inner{padding:10px}.db-tab{height:38px;padding:0 14px}.control-map{width:160px}.searchbox{min-width:220px}.filterbar{padding-top:10px}.list-wrap{margin-top:12px}}


/* V6.2 modal/detail restore */
body.modal-open{overflow:hidden}.monster-modal-overlay{position:fixed;inset:0;z-index:5000;display:none;align-items:center;justify-content:center;padding:28px;background:rgba(0,0,0,.72);backdrop-filter:blur(8px)}.monster-modal-overlay.open{display:flex}.monster-modal-content{width:min(940px,calc(100vw - 42px));max-height:calc(100vh - 56px);overflow:auto}.monster-modal-card{position:relative;background:linear-gradient(180deg,#171e2c,#111827);border:1px solid #31405b;border-radius:18px;box-shadow:0 30px 120px rgba(0,0,0,.75);overflow:hidden}.modal-x{position:absolute;right:16px;top:14px;z-index:2;width:34px;height:34px;border:0;border-radius:10px;background:transparent;color:#dbe7ff;font-size:30px;font-weight:900;line-height:1;cursor:pointer}.modal-x:hover{background:#202a3d;color:#fff}.modal-head{display:flex;gap:16px;align-items:center;padding:18px 22px 14px}.modal-portrait{width:98px;height:98px;background:#05080d;border:1px solid #2d3e5a;border-radius:9px;display:grid;place-items:center;overflow:hidden;flex:0 0 auto}.modal-portrait img{max-width:100%;max-height:100%;object-fit:contain}.modal-title-block h1{margin:0 0 6px;font-size:30px;line-height:1.1}.modal-title-block small{display:block;margin-top:8px}.top-stat-strip{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;padding:0 22px 18px}.top-stat-strip div{background:#111a2c;border:1px solid #263755;border-radius:6px;text-align:center;padding:9px 8px}.top-stat-strip span{display:block;color:#abb9ce;font-size:12px}.top-stat-strip b{display:block;margin-top:3px;color:#fff;font-size:16px}.modal-cols{display:grid;grid-template-columns:1.05fr 1fr;border-top:1px solid #2b3a52}.modal-left{border-right:1px solid #2b3a52;padding:18px 20px 22px}.modal-drops{padding:18px 20px 22px}.modal-section{margin:0 0 18px}.modal-section h2{margin:0 0 10px;color:#e8c766;font-size:14px;letter-spacing:.3px}.base-stat-table{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}.base-stat-table div{display:flex;justify-content:space-between;gap:10px;padding:9px 0;border-bottom:1px solid #263247}.base-stat-table span{color:#aab6cc}.base-stat-table b{color:#fff}.modal-map-chips{display:flex;flex-wrap:wrap;gap:8px}.modal-map-chips span{background:#40281b;border:1px solid #8a552a;color:#ffdca6;border-radius:7px;padding:6px 10px;font-weight:800}.muted-section p,.empty-mini{margin:0;color:#8d99ad}.modal-drop-list{display:grid;gap:8px}.modal-drop-row{display:grid;grid-template-columns:44px 1fr 100px;gap:10px;align-items:center;background:#111a2c;border:1px solid #263755;border-radius:8px;padding:8px}.modal-item-icon{width:38px;height:38px;border-radius:6px;background:#05080d;border:1px solid #334861;display:grid;place-items:center;overflow:hidden}.modal-item-icon img{max-width:34px;max-height:34px;object-fit:contain}.modal-item-name b{display:block;color:#fff;font-size:14px}.modal-item-name small{display:block;color:#8390a4;font-size:12px;margin-top:2px}.modal-rate{text-align:right}.modal-rate b{display:block;color:#48f0c8;font-size:16px}.modal-rate small{display:block;color:#9aa8bd;font-size:12px}.modal-loading,.modal-error{padding:40px;background:#121824;border:1px solid #33415a;border-radius:16px;color:#eaf2ff;text-align:center}.detail-body{padding:24px;background:radial-gradient(circle at 20% -10%,#172238 0,#090c12 42%,#07090e 100%)}.detail-standalone{max-width:940px;margin:0 auto}.detail-standalone .back-link{display:inline-block;margin:0 0 14px;color:#9fc2ff;text-decoration:none}.detail-standalone .monster-modal-card{overflow:hidden}@media(max-width:760px){.monster-modal-overlay{padding:10px}.monster-modal-content{width:100%;max-height:calc(100vh - 20px)}.modal-cols{grid-template-columns:1fr}.modal-left{border-right:0;border-bottom:1px solid #2b3a52}.top-stat-strip{grid-template-columns:repeat(2,1fr)}.modal-head{align-items:flex-start}.modal-title-block h1{font-size:24px}.modal-drop-row{grid-template-columns:40px 1fr 86px}}

/* Item DB V1: purple/gold item database + modal */
.item-db-page{background:radial-gradient(circle at 70% 8%,rgba(85,20,22,.28),transparent 34%),radial-gradient(circle at 30% 10%,rgba(52,18,70,.18),transparent 30%),#07070b}.item-filterbar{background:linear-gradient(180deg,rgba(13,8,16,.98),rgba(13,8,16,.88));border-bottom-color:rgba(255,160,32,.16)}.item-filter-inner{background:linear-gradient(180deg,#15101c,#100b16);border-color:rgba(255,168,32,.18)}.db-tab.item-active{background:linear-gradient(90deg,#ffc02a,#f05a21);color:#111}.item-searchbox{min-width:230px}.item-list-wrap{max-width:980px;margin:22px auto 38px}.item-summary{padding:0 0 14px;color:#dce7f8}.item-summary b{color:#fff}.item-grid{display:grid;grid-template-columns:repeat(6,132px);gap:14px;justify-content:center}.item-card{position:relative;min-height:166px;background:linear-gradient(180deg,#171020,#130d19);border:1px solid rgba(142,70,91,.35);border-radius:12px;padding:14px 12px;text-decoration:none;color:#eaf2ff;display:flex;flex-direction:column;align-items:center;box-shadow:0 14px 32px rgba(0,0,0,.28);transition:.14s ease}.item-card:hover{transform:translateY(-2px);border-color:rgba(255,128,75,.65);box-shadow:0 18px 45px rgba(0,0,0,.42)}.bookmark{position:absolute;left:10px;top:8px;color:#65718a;font-size:18px}.item-id-badge{position:absolute;right:9px;top:8px;color:#4e5770;font-size:10px}.item-thumb{width:58px;height:58px;border-radius:8px;background:#08080c;border:1px solid #3a2b3f;display:grid;place-items:center;margin:6px 0 10px;overflow:hidden}.item-thumb img{max-width:52px;max-height:52px;object-fit:contain}.item-card-name{width:100%;min-height:34px;text-align:center;font-size:13px;line-height:1.22;color:#fff;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.item-card small{font-size:10px;color:#7d8aa0;margin:3px 0 10px}.item-card-meta{margin-top:auto;width:100%;display:flex;gap:6px;justify-content:center;flex-wrap:wrap}.item-card-meta span{display:flex;align-items:center;gap:12px;justify-content:space-between;min-width:84px;padding:4px 7px;border-radius:4px;background:#30151b;border:1px solid #5c2630;color:#ff8d91;font-size:10px}.item-card-meta b{color:#ffced0;font-size:10px}.item-pages{background:rgba(17,11,24,.96);border-color:#382543}.item-pages .page-num.active,.item-pages .jump-form button{background:linear-gradient(180deg,#ffc02a,#ff6b00);color:#140d15}
.item-modal-card{position:relative;width:min(450px,calc(100vw - 38px));background:linear-gradient(180deg,#17101c,#100b15);border:1px solid #322139;border-radius:14px;box-shadow:0 30px 120px rgba(0,0,0,.76);overflow:hidden;color:#eaf2ff}.item-modal-head{display:grid;grid-template-columns:76px 1fr;gap:14px;align-items:center;padding:18px 18px 16px}.item-modal-icon{width:72px;height:72px;background:#07070b;border:1px solid #49304d;border-radius:6px;display:grid;place-items:center;overflow:hidden}.item-modal-icon img{max-width:66px;max-height:66px;object-fit:contain}.item-modal-head h1{margin:0 0 2px;font-size:26px;line-height:1.15}.item-modal-head small{display:block;color:#718099;margin-bottom:8px}.item-chip-row{display:flex;flex-wrap:wrap;gap:8px}.price{display:inline-flex;align-items:center;height:25px;padding:0 8px;border-radius:5px;font-size:12px;font-weight:900;border:1px solid #332445;background:#1b1224}.price.buy{color:#ffbf32;border-color:#5a3014;background:#2b1810}.price.sell{color:#1ee59f;border-color:#13543c;background:#10271e}.price.lv{color:#d8ccff;border-color:#37254c;background:#211631}.price.type{color:#f0d6ff}.item-modal-body{border-top:1px solid #2e2034;padding:14px 18px 18px}.item-stat-list{display:grid;gap:0}.item-stat-list div{display:flex;justify-content:space-between;gap:20px;padding:11px 0;border-bottom:1px solid rgba(255,255,255,.07)}.item-stat-list span{color:#9ca5b6}.item-stat-list b{color:#fff}.where-box{margin-top:14px;border-top:1px solid rgba(255,255,255,.08);padding-top:14px}.where-box h2{font-size:13px;margin:0 0 10px;color:#9da7bc;font-weight:900;text-align:center}.drop-source-list{display:flex;flex-wrap:wrap;gap:7px}.source-chip{display:inline-flex;gap:6px;align-items:center;padding:7px 9px;border-radius:7px;background:#211526;border:1px solid #392741;color:#e7dff0;text-decoration:none;font-size:12px}.source-chip:hover{border-color:#a85b35;background:#2a1a26}.source-chip small{color:#49f3c5}@media(max-width:1080px){.item-grid{grid-template-columns:repeat(auto-fill,132px)}.item-list-wrap{padding:0 16px}}@media(max-width:760px){.item-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.item-card{min-height:158px}.item-modal-head{grid-template-columns:64px 1fr}.item-modal-icon{width:62px;height:62px}.item-modal-icon img{max-width:56px;max-height:56px}.item-modal-head h1{font-size:22px}}
.monster-modal-content .item-modal-card{margin:0 auto}

/* Item Modal V3 - richer item detail layout */
.item-modal-card-v3{width:min(470px,calc(100vw - 38px));background:linear-gradient(180deg,#18101f,#100b15);border:1px solid #3a2942;border-radius:14px;box-shadow:0 30px 120px rgba(0,0,0,.78);overflow:hidden;color:#edf4ff}.item-v3-head{display:grid;grid-template-columns:76px 1fr;gap:14px;align-items:center;padding:18px 18px 16px}.item-v3-icon{width:72px;height:72px;background:#07070b;border:1px solid #513659;border-radius:7px;display:grid;place-items:center;overflow:hidden}.item-v3-icon img{max-width:66px;max-height:66px;object-fit:contain}.item-v3-title h1{margin:0 0 2px;font-size:27px;line-height:1.15}.item-v3-title small{display:block;color:#718099;margin-bottom:8px}.item-badges{display:flex;flex-wrap:wrap;gap:8px}.item-v3-body{border-top:1px solid #32213a;padding:14px 18px 18px}.item-v3-section{margin:0 0 15px}.item-v3-section h2{margin:0 0 9px;color:#b9a3c5;font-size:13px;font-weight:900}.item-stats{display:grid;grid-template-columns:1fr;gap:0}.item-stats div{display:flex;justify-content:space-between;gap:20px;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.07)}.item-stats span{color:#9fa8ba}.item-stats b{color:#fff;text-align:right}.item-extra-stats{grid-template-columns:1fr 1fr;gap:0 16px}.item-extra-stats div{min-width:0}.item-element{display:flex;flex-wrap:wrap;gap:7px}.item-element span{display:inline-flex;align-items:center;min-height:28px;padding:5px 10px;border-radius:7px;background:#211526;border:1px solid #3b2744;color:#e7dff0;font-size:12px}.item-tags{display:flex;flex-wrap:wrap;gap:7px}.job-tag,.item-tags .tag{background:#2a1a31;border:1px solid #493354;color:#f0d6ff;border-radius:7px;padding:6px 10px;font-size:12px}.where-box.item-v3-section{margin-top:6px;border-top:1px solid rgba(255,255,255,.08);padding-top:14px}.where-box.item-v3-section h2{text-align:center}.item-modal-card-v3 .source-chip{font-size:12px}.item-modal-card-v3 .modal-x{top:14px;right:14px}@media(max-width:520px){.item-modal-card-v3{width:calc(100vw - 18px)}.item-v3-head{grid-template-columns:64px 1fr;padding:14px}.item-v3-icon{width:62px;height:62px}.item-v3-icon img{max-width:56px;max-height:56px}.item-v3-title h1{font-size:22px}.item-v3-body{padding:12px 14px}.item-extra-stats{grid-template-columns:1fr}}

/* Item Modal V4 - wide layout fix: prevent text overlap */
.item-modal-card-v3{
  width:min(760px,calc(100vw - 44px));
  max-height:calc(100vh - 56px);
  display:flex;
  flex-direction:column;
  overflow:hidden;
}
.item-modal-card-v3 .item-v3-head{
  grid-template-columns:86px minmax(0,1fr);
  padding:18px 22px 16px;
  flex:0 0 auto;
}
.item-modal-card-v3 .item-v3-icon{
  width:78px;
  height:78px;
}
.item-modal-card-v3 .item-v3-icon img{
  max-width:72px;
  max-height:72px;
}
.item-modal-card-v3 .item-v3-title{
  min-width:0;
  padding-right:36px;
}
.item-modal-card-v3 .item-v3-title h1,
.item-modal-card-v3 .item-v3-title small{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.item-modal-card-v3 .item-v3-body{
  overflow:auto;
  padding:16px 22px 22px;
  flex:1 1 auto;
}
.item-modal-card-v3 .item-stats{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:0 20px;
}
.item-modal-card-v3 .item-stats div{
  min-width:0;
  display:grid;
  grid-template-columns:minmax(120px,1fr) minmax(90px,1.1fr);
  align-items:center;
  gap:14px;
  padding:10px 0;
}
.item-modal-card-v3 .item-stats span{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.item-modal-card-v3 .item-stats b{
  min-width:0;
  text-align:right;
  overflow-wrap:anywhere;
  word-break:break-word;
  white-space:normal;
  line-height:1.35;
}
.item-modal-card-v3 .item-extra-stats{
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:0 22px;
}
.item-modal-card-v3 .item-extra-stats div{
  grid-template-columns:minmax(110px,.9fr) minmax(120px,1.2fr);
}
.item-modal-card-v3 .item-element,
.item-modal-card-v3 .item-tags,
.item-modal-card-v3 .drop-source-list{
  gap:8px;
}
.item-modal-card-v3 .source-chip{
  max-width:100%;
  overflow-wrap:anywhere;
}
.item-modal-card-v3 .modal-x{
  right:18px;
  top:16px;
}
@media(max-width:820px){
  .item-modal-card-v3{width:calc(100vw - 22px)}
  .item-modal-card-v3 .item-stats,
  .item-modal-card-v3 .item-extra-stats{grid-template-columns:1fr}
  .item-modal-card-v3 .item-stats div,
  .item-modal-card-v3 .item-extra-stats div{grid-template-columns:minmax(120px,1fr) minmax(100px,1fr)}
}
@media(max-width:520px){
  .item-modal-card-v3 .item-v3-head{grid-template-columns:64px minmax(0,1fr);padding:14px}
  .item-modal-card-v3 .item-v3-icon{width:62px;height:62px}
  .item-modal-card-v3 .item-v3-icon img{max-width:56px;max-height:56px}
  .item-modal-card-v3 .item-v3-body{padding:12px 14px 16px}
  .item-modal-card-v3 .item-stats div{grid-template-columns:1fr;gap:4px}
  .item-modal-card-v3 .item-stats b{text-align:left}
}

/* V_THEME_STICKY_FIX: force top filter bar + bottom pager to stay on screen */
html, body { min-height: 100%; }
body{
  padding-top: 112px !important;
  padding-bottom: 104px !important;
}
.filterbar,
.item-filterbar{
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  z-index: 4200 !important;
  padding: 22px 28px 16px !important;
  background:
    linear-gradient(180deg, rgba(19, 6, 0, .98), rgba(31, 8, 0, .92) 70%, rgba(18, 4, 0, .78)) !important;
  border-bottom: 1px solid rgba(255, 142, 34, .32) !important;
  box-shadow: 0 10px 34px rgba(0,0,0,.62), inset 0 -1px 0 rgba(255,177,45,.10) !important;
  backdrop-filter: blur(10px) !important;
}
.filter-inner,
.item-filter-inner{
  max-width: 1580px !important;
  margin: 0 auto !important;
}
.pages,
.item-pages{
  position: fixed !important;
  left: 50% !important;
  bottom: 18px !important;
  transform: translateX(-50%) !important;
  z-index: 4300 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: max-content !important;
  max-width: calc(100vw - 40px) !important;
  padding: 10px 14px !important;
  background: linear-gradient(180deg, rgba(31,12,4,.97), rgba(12,9,12,.96)) !important;
  border: 1px solid rgba(255,142,34,.35) !important;
  border-radius: 16px !important;
  box-shadow: 0 18px 60px rgba(0,0,0,.68), 0 0 30px rgba(255,91,0,.11) !important;
  backdrop-filter: blur(10px) !important;
}
.to-top{
  position: fixed !important;
  right: 24px !important;
  bottom: 22px !important;
  z-index: 4310 !important;
}
.monster-modal-overlay{
  z-index: 9000 !important;
}
.list-wrap,
.item-list-wrap{
  margin-top: 18px !important;
}
@media(max-width: 760px){
  body{ padding-top: 96px !important; padding-bottom: 96px !important; }
  .filterbar,.item-filterbar{ padding: 10px 12px !important; }
  .pages,.item-pages{ bottom: 10px !important; max-width: calc(100vw - 16px) !important; }
  .to-top{ right: 12px !important; bottom: 74px !important; }
}

/* =========================================================
   3K ORIGIN PRODUCTION THEME V2
   Goal: match main site tone (black / blood-red / gold / fire)
   and keep sticky filter + fixed pagination intact.
   ========================================================= */
:root{
  --origin-bg:#050302;
  --origin-black:#070606;
  --origin-panel:#160c08;
  --origin-panel2:#21110a;
  --origin-panel3:#2b1308;
  --origin-red:#5e1106;
  --origin-red2:#8f1f0a;
  --origin-gold:#ffd35c;
  --origin-gold2:#ff9f18;
  --origin-fire:#ff5a12;
  --origin-line:rgba(255,155,44,.34);
  --origin-line-soft:rgba(255,155,44,.18);
  --origin-text:#fff6dd;
  --origin-muted:#caa879;
  --origin-shadow:0 22px 70px rgba(0,0,0,.72), 0 0 32px rgba(151,38,0,.18);
}

html{background:#050302;}
body{
  color:var(--origin-text) !important;
  background:
    radial-gradient(circle at 50% -10%, rgba(175,58,10,.30) 0, rgba(55,12,2,.62) 22%, rgba(8,3,1,.95) 56%, #030202 100%),
    linear-gradient(90deg, rgba(0,0,0,.95), rgba(54,11,2,.68) 50%, rgba(0,0,0,.95)) !important;
  padding-top:118px !important;
  padding-bottom:112px !important;
}
body::before{
  content:"";
  position:fixed;
  inset:0;
  z-index:-2;
  pointer-events:none;
  background:
    linear-gradient(90deg, rgba(255,105,22,.045) 1px, transparent 1px),
    linear-gradient(180deg, rgba(255,105,22,.035) 1px, transparent 1px),
    radial-gradient(circle at 50% 100%, rgba(255,72,0,.18), transparent 28%);
  background-size:96px 96px,96px 96px,100% 100%;
  opacity:.75;
}
body::after{
  content:"";
  position:fixed;
  left:0; right:0; bottom:0;
  height:92px;
  z-index:-1;
  pointer-events:none;
  background:
    radial-gradient(ellipse at center bottom, rgba(255,123,0,.50), transparent 58%),
    linear-gradient(180deg, transparent, rgba(67,9,0,.90));
  filter:saturate(1.2);
}

/* fixed top bar: keeps theme + blur, no CSS override loss */
.filterbar,
.item-filterbar{
  position:fixed !important;
  top:0 !important;
  left:0 !important;
  right:0 !important;
  z-index:4200 !important;
  width:100% !important;
  padding:22px 28px 16px !important;
  background:
    linear-gradient(180deg, rgba(7,4,3,.99), rgba(36,9,2,.96) 66%, rgba(79,14,0,.58)) !important;
  border-bottom:1px solid rgba(255,160,38,.38) !important;
  box-shadow:
    0 16px 42px rgba(0,0,0,.76),
    0 0 34px rgba(255,86,0,.14),
    inset 0 -1px 0 rgba(255,213,96,.12) !important;
  backdrop-filter:blur(12px) saturate(1.05) !important;
}
.filterbar::after,
.item-filterbar::after{
  content:"";
  position:absolute;
  left:0; right:0; bottom:-1px;
  height:2px;
  pointer-events:none;
  background:linear-gradient(90deg, transparent, rgba(255,187,54,.68), rgba(255,75,12,.55), rgba(255,187,54,.68), transparent);
  opacity:.65;
}
.filter-inner,
.item-filter-inner{
  max-width:1580px !important;
  margin:0 auto !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:9px !important;
  background:
    linear-gradient(180deg, rgba(25,17,15,.94), rgba(15,10,11,.96)),
    radial-gradient(circle at 20% 0, rgba(255,141,26,.20), transparent 32%) !important;
  border:1px solid rgba(255,158,42,.38) !important;
  border-radius:16px !important;
  padding:14px 16px !important;
  box-shadow:
    inset 0 1px 0 rgba(255,222,135,.08),
    0 16px 48px rgba(0,0,0,.48),
    0 0 26px rgba(121,28,0,.18) !important;
}

/* navigation tabs */
.db-tab{
  height:42px !important;
  border-radius:10px !important;
  color:#f8ead0 !important;
  text-shadow:0 1px 0 rgba(0,0,0,.9) !important;
  transition:transform .14s ease, filter .14s ease, box-shadow .14s ease !important;
}
.db-tab.inactive{
  background:linear-gradient(180deg, rgba(34,26,22,.40), rgba(15,12,13,.28)) !important;
  border:1px solid rgba(255,157,45,.12) !important;
  border-right:1px solid rgba(255,157,45,.28) !important;
  color:#f4dfbc !important;
}
.db-tab.active,
.db-tab.item-active{
  color:#210d02 !important;
  background:linear-gradient(90deg, #ffd85e 0%, #ff9b18 42%, #ff3b27 100%) !important;
  border:1px solid rgba(255,211,92,.84) !important;
  box-shadow:
    0 8px 28px rgba(255,76,0,.38),
    inset 0 1px 0 rgba(255,255,255,.38) !important;
}
.db-tab:hover{transform:translateY(-1px);filter:brightness(1.08)}
.tab-icon{filter:drop-shadow(0 1px 2px rgba(0,0,0,.75));}

/* controls */
.control,
.searchbox,
.searchbox input,
.search-mode{
  background:#120d0d !important;
  border-color:rgba(255,162,50,.32) !important;
  color:#fff5df !important;
}
.control{
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04), 0 0 0 1px rgba(0,0,0,.14) !important;
}
.control:focus,
.searchbox:focus-within,
.searchbox input:focus{
  border-color:rgba(255,204,82,.90) !important;
  box-shadow:0 0 0 2px rgba(255,165,30,.16), 0 0 18px rgba(255,103,0,.15) !important;
}
.searchbox{
  overflow:hidden !important;
  border-radius:9px !important;
}
.searchbox input::placeholder{color:rgba(255,229,190,.48) !important;}
.search-btn,
.reset-btn{color:#f4c257 !important;}
.search-btn:hover,
.reset-btn:hover{color:#fff3bb !important;text-shadow:0 0 10px rgba(255,185,42,.60)}
.range-sep{color:#e5a040 !important;}

/* layout containers */
.list-wrap,
.item-list-wrap{
  margin-top:22px !important;
  position:relative;
}
.summary,
.item-summary{
  color:#f7dfad !important;
  text-shadow:0 2px 8px rgba(0,0,0,.9);
}
.summary b,
.item-summary b{color:#fff8d9 !important;}

/* monster cards */
.grid{gap:16px !important;}
.card{
  background:
    linear-gradient(180deg, rgba(38,23,15,.96), rgba(16,13,13,.96)) !important;
  border:1px solid rgba(255,151,35,.24) !important;
  box-shadow:0 12px 32px rgba(0,0,0,.36), inset 0 1px 0 rgba(255,210,108,.05) !important;
}
.card:hover{
  transform:translateY(-3px) !important;
  border-color:rgba(255,196,76,.72) !important;
  box-shadow:0 18px 48px rgba(0,0,0,.52), 0 0 22px rgba(255,91,0,.18) !important;
}
.thumb,
.monster-portrait-wrap,
.modal-portrait{
  background:radial-gradient(circle at 50% 40%, rgba(255,112,22,.10), rgba(0,0,0,.92) 62%) !important;
  border-color:rgba(255,159,31,.28) !important;
  box-shadow:inset 0 0 18px rgba(0,0,0,.58) !important;
}
.card-body b,
.item-card-name{color:#fff8dd !important;text-shadow:0 2px 4px rgba(0,0,0,.88)}
.card-body small,
small{color:#d0ad79 !important;}
.mini-stat{color:#fff0ca !important;}
.tag.normal,
.normal{
  background:linear-gradient(180deg, rgba(39,135,83,.32), rgba(20,78,51,.38)) !important;
  color:#caffdf !important;
  border-color:rgba(89,227,145,.55) !important;
}
.tag.boss,
.boss{
  background:linear-gradient(180deg, rgba(159,31,21,.52), rgba(93,18,15,.62)) !important;
  color:#ffd1c9 !important;
  border-color:rgba(255,90,70,.72) !important;
}

/* item grid/cards */
.item-db-page{
  background:
    radial-gradient(circle at 50% -12%, rgba(167,50,8,.34), rgba(56,10,2,.55) 28%, rgba(7,3,2,.98) 68%),
    linear-gradient(90deg, #050302, #270800 50%, #050302) !important;
}
.item-card{
  background:linear-gradient(180deg, rgba(36,18,15,.98), rgba(18,9,12,.98)) !important;
  border:1px solid rgba(255,123,51,.26) !important;
  box-shadow:0 14px 34px rgba(0,0,0,.38), inset 0 1px 0 rgba(255,207,98,.05) !important;
}
.item-card:hover{
  border-color:rgba(255,188,70,.75) !important;
  box-shadow:0 20px 48px rgba(0,0,0,.58), 0 0 22px rgba(255,67,0,.18) !important;
}
.item-thumb,
.item-modal-icon,
.item-v3-icon,
.modal-item-icon{
  background:radial-gradient(circle at 50% 45%, rgba(255,165,42,.12), rgba(0,0,0,.92) 64%) !important;
  border-color:rgba(255,159,31,.30) !important;
}
.item-card-meta span{
  background:linear-gradient(180deg, rgba(93,19,13,.58), rgba(47,12,11,.72)) !important;
  border-color:rgba(255,92,60,.40) !important;
  color:#ffb4a5 !important;
}
.item-card-meta b{color:#ffd4ca !important;}
.bookmark{color:#ab8a59 !important;}
.item-id-badge{color:#947246 !important;}

/* modal: monster + item */
.monster-modal-overlay{
  background:rgba(0,0,0,.74) !important;
  backdrop-filter:blur(9px) saturate(1.02) !important;
}
.monster-modal-card,
.item-modal-card,
.item-modal-card-v3{
  background:
    linear-gradient(180deg, rgba(34,19,15,.98), rgba(13,10,12,.985)) !important;
  border:1px solid rgba(255,159,44,.36) !important;
  box-shadow:0 34px 130px rgba(0,0,0,.82), 0 0 34px rgba(255,79,0,.15), inset 0 1px 0 rgba(255,230,142,.06) !important;
}
.modal-head,
.item-modal-head,
.item-v3-head{
  background:linear-gradient(180deg, rgba(41,20,13,.72), rgba(18,11,12,.10)) !important;
}
.modal-title-block h1,
.item-modal-head h1,
.item-v3-title h1{
  color:#fff8dd !important;
  text-shadow:0 3px 10px rgba(0,0,0,.86), 0 0 18px rgba(255,101,0,.14) !important;
}
.modal-x{
  color:#ffe4b6 !important;
  text-shadow:0 0 10px rgba(255,122,0,.35) !important;
}
.modal-x:hover{background:rgba(255,143,35,.12) !important;color:#fff !important;}
.top-stat-strip div,
.quick-stats div{
  background:linear-gradient(180deg, rgba(34,19,14,.92), rgba(14,12,13,.94)) !important;
  border-color:rgba(255,155,44,.24) !important;
}
.top-stat-strip span,
.quick-stats span{color:#d3b78b !important;}
.top-stat-strip b,
.quick-stats b{color:#fff8e0 !important;}
.modal-cols{border-top-color:rgba(255,155,44,.22) !important;}
.modal-left{border-right-color:rgba(255,155,44,.20) !important;}
.modal-section h2,
.panel h2,
.item-v3-section h2{
  color:#ffd35c !important;
  text-shadow:0 0 9px rgba(255,145,22,.18);
}
.base-stat-table div,
.item-stats div,
.item-extra-stats div,
.item-stat-list div{
  border-bottom-color:rgba(255,196,86,.13) !important;
}
.base-stat-table span,
.item-stats span,
.item-stat-list span{color:#d1b58a !important;}
.base-stat-table b,
.item-stats b,
.item-stat-list b{color:#fff9e8 !important;}
.modal-map-chips span,
.source-chip,
.item-element span,
.job-tag,
.item-tags .tag{
  background:linear-gradient(180deg, rgba(97,48,20,.82), rgba(55,26,18,.82)) !important;
  border-color:rgba(255,154,60,.42) !important;
  color:#ffe0aa !important;
}
.modal-drop-row{
  background:linear-gradient(180deg, rgba(31,19,16,.94), rgba(15,13,15,.95)) !important;
  border-color:rgba(255,155,44,.22) !important;
}
.modal-drop-row:hover{border-color:rgba(255,204,82,.62) !important;}
.modal-rate b,
.drop-rate b,
.source-chip small{color:#56ffd4 !important;}
.price.buy{background:rgba(86,47,10,.78) !important;border-color:rgba(255,182,45,.48) !important;color:#ffd057 !important;}
.price.sell{background:rgba(9,63,42,.80) !important;border-color:rgba(35,229,151,.45) !important;color:#33efad !important;}
.price.lv,.price.type{background:rgba(59,32,66,.72) !important;border-color:rgba(185,126,214,.36) !important;color:#f0d6ff !important;}

/* fixed bottom pager: theme preserved */
.pages,
.item-pages{
  position:fixed !important;
  left:50% !important;
  bottom:18px !important;
  transform:translateX(-50%) !important;
  z-index:4300 !important;
  background:
    linear-gradient(180deg, rgba(35,17,11,.98), rgba(10,9,11,.98)) !important;
  border:1px solid rgba(255,157,45,.42) !important;
  border-radius:16px !important;
  box-shadow:0 18px 60px rgba(0,0,0,.72), 0 0 34px rgba(255,82,0,.13) !important;
  backdrop-filter:blur(10px) !important;
}
.pages a,
.pages button,
.item-pages a,
.item-pages button,
.page-info,
.jump-form input{
  background:#111111 !important;
  border-color:rgba(255,157,45,.30) !important;
  color:#fff0ca !important;
}
.page-num.active,
.jump-form button,
.item-pages .page-num.active,
.item-pages .jump-form button{
  background:linear-gradient(180deg,#ffd45b,#ff9d17 45%,#ff4b14) !important;
  border-color:#ffd35c !important;
  color:#190800 !important;
  box-shadow:0 0 18px rgba(255,93,0,.28) !important;
}
.to-top{
  background:linear-gradient(180deg,#ffd45b,#ff8a12 52%,#ff3d12) !important;
  border:1px solid rgba(255,236,152,.58) !important;
  box-shadow:0 14px 40px rgba(0,0,0,.56), 0 0 26px rgba(255,76,0,.34) !important;
  color:#1b0900 !important;
}

/* standalone detail fallback */
.detail-body{background:radial-gradient(circle at 50% -12%, rgba(167,50,8,.34), rgba(7,3,2,.98) 66%) !important;}
.panel{background:linear-gradient(180deg,rgba(35,19,14,.96),rgba(14,11,12,.98)) !important;border-color:rgba(255,155,44,.24) !important;}

@media(max-width:1180px){
  .filter-inner,.item-filter-inner{justify-content:flex-start !important;overflow-x:auto !important;}
}
@media(max-width:760px){
  body{padding-top:104px !important;padding-bottom:100px !important;}
  .filterbar,.item-filterbar{padding:10px 12px !important;}
  .filter-inner,.item-filter-inner{padding:10px !important;}
  .pages,.item-pages{bottom:10px !important;max-width:calc(100vw - 16px) !important;}
}