body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Segoe UI,system-ui,sans-serif}#root{text-align:left;border:none;width:100%;max-width:100%;min-height:100vh;display:block}*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#f6f8fa;--surface:#fff;--surface2:#f0f3f6;--surface3:#e8ecf0;--border:#1f23281f;--text:#1f2328;--muted:#656d76;--accent:#dc2626;--accent-hover:#b91c1c;--shadow:0 1px 4px #1f23281a;--radius:8px;--radius-sm:5px;--topbar-bg:#24292f;--topbar-text:#f0f6fc;--topbar-muted:#8b949e;--topbar-border:#ffffff14;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}[data-theme=dark]{--bg:#0d1117;--surface:#161b22;--surface2:#1c2128;--surface3:#2d333b;--border:#ffffff12;--text:#e6edf3;--muted:#7d8590;--accent:#f85149;--accent-hover:#da3633;--shadow:0 1px 4px #00000080;--topbar-bg:#161b22;--topbar-text:#e6edf3;--topbar-muted:#7d8590;--topbar-border:#ffffff12;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}body{background:var(--bg);color:var(--text);min-height:100vh;font-family:Segoe UI,system-ui,sans-serif;font-size:14px;transition:background .2s,color .2s}#root{flex-direction:column;min-height:100vh;display:flex}.topbar{z-index:50;background:var(--topbar-bg);border-bottom:1px solid var(--topbar-border);flex-shrink:0;align-items:center;height:52px;display:flex;position:sticky;top:0}.topbar-inner{justify-content:space-between;align-items:center;width:100%;max-width:1100px;margin:0 auto;padding:0 1.25rem;display:flex}.topbar-brand{color:var(--topbar-text);letter-spacing:-.2px;align-items:center;gap:.5rem;font-size:.9rem;font-weight:600;display:flex}.topbar-brand-icon{background:var(--accent);border-radius:var(--radius-sm);flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;display:flex}.topbar-subtitle{color:var(--topbar-muted);border-left:1px solid var(--topbar-border);white-space:nowrap;margin-left:.75rem;padding-left:.75rem;font-size:.75rem}.theme-toggle{border:1px solid var(--topbar-border);border-radius:var(--radius-sm);color:var(--topbar-muted);cursor:pointer;background:0 0;align-items:center;gap:.4rem;padding:.3rem .7rem;font-size:.75rem;font-weight:500;transition:color .12s,border-color .12s;display:flex}.theme-toggle:hover{color:var(--topbar-text);border-color:#fff3}.app{width:100%;max-width:1100px;margin:0 auto;padding:1.75rem 1.25rem 4rem}.search-row{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow);gap:0;margin-bottom:1.25rem;display:flex;overflow:hidden}.search-icon{color:var(--muted);flex-shrink:0;align-items:center;padding-left:.85rem;display:flex}.map-input{color:var(--text);background:0 0;border:none;outline:none;flex:1;padding:.7rem .75rem;font-size:.88rem}.map-input::placeholder{color:var(--muted);font-size:.82rem}.tag-input-wrap{cursor:text;flex-wrap:wrap;flex:1;align-items:center;gap:.35rem;min-height:42px;padding:.4rem .5rem;display:flex}.tag-chip{background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);align-items:center;gap:.2rem;padding:.18rem .3rem .18rem .55rem;font-family:Cascadia Code,Consolas,monospace;font-size:.76rem;font-weight:600;transition:border-color .1s;display:inline-flex}.tag-chip:hover{border-color:var(--accent)}.tag-chip-remove{color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:3px;justify-content:center;align-items:center;padding:.1rem;line-height:1;transition:color .1s,background .1s;display:inline-flex}.tag-chip-remove:hover{color:var(--accent);background:#dc26261a}.tag-input-field{min-width:130px;color:var(--text);background:0 0;border:none;outline:none;flex:1;padding:.15rem .25rem;font-size:.85rem}.tag-input-field::placeholder{color:var(--muted);font-size:.82rem}.tag-input-field:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--accent);color:#fff;cursor:pointer;white-space:nowrap;border:none;border-left:1px solid #00000026;padding:.7rem 1.4rem;font-size:.82rem;font-weight:600;transition:background .15s}.btn-primary:hover:not(:disabled){background:var(--accent-hover)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.stat-grid{background:var(--border);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);grid-template-columns:repeat(4,1fr);gap:1px;margin-bottom:1.5rem;display:grid;overflow:hidden}@media (width<=640px){.stat-grid{grid-template-columns:repeat(2,1fr)}}.stat-card{background:var(--surface);border-left:3px solid var(--stat-color,#60a5fa);padding:1rem 1.25rem}.stat-label{letter-spacing:.07em;text-transform:uppercase;color:var(--muted);margin-bottom:.35rem;font-size:.67rem;font-weight:700}.stat-value{color:var(--stat-color,#60a5fa);font-variant-numeric:tabular-nums;font-size:1.75rem;font-weight:700;line-height:1}.stat-value-sub{color:var(--muted);margin-top:.25rem;font-size:.72rem}.map-tags{flex-wrap:wrap;gap:.35rem;margin-bottom:1rem;display:flex}.map-tag{background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--muted);padding:.15rem .55rem;font-family:Cascadia Code,Consolas,monospace;font-size:.72rem;font-weight:600}.error-box{border-radius:var(--radius);color:var(--accent);background:#dc262614;border:1px solid #dc26264d;margin-bottom:1.25rem;padding:.65rem 1rem;font-size:.84rem}.toolbar{flex-wrap:wrap;align-items:center;gap:.75rem;margin-bottom:.75rem;display:flex}.segmented{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface2);display:inline-flex;overflow:hidden}.seg-btn{border:none;border-right:1px solid var(--border);color:var(--muted);cursor:pointer;white-space:nowrap;background:0 0;align-items:center;gap:.3rem;padding:.35rem .8rem;font-size:.78rem;font-weight:500;transition:background .1s,color .1s;display:inline-flex}.seg-btn:last-child{border-right:none}.seg-btn:hover{background:var(--surface3);color:var(--text)}.seg-btn.active{background:var(--accent);color:#fff;font-weight:600}.seg-badge{text-align:center;background:#ffffff40;min-width:1.2rem;padding:.05rem .4rem;font-size:.67rem;font-weight:700}.seg-btn:not(.active) .seg-badge{background:var(--surface3);color:var(--muted)}.tabs{border-bottom:1px solid var(--border);gap:0;margin-bottom:1.25rem;display:flex}.tab{color:var(--muted);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px;padding:.5rem 1rem;font-size:.82rem;font-weight:500;transition:color .12s,border-color .12s}.tab:hover{color:var(--text)}.tab.active{border-bottom-color:var(--accent);color:var(--accent);font-weight:600}.filter-input{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;color:var(--text);box-shadow:var(--shadow);outline:none;margin-bottom:1rem;padding:.55rem .9rem;font-size:.85rem;transition:border-color .12s}.filter-input:focus{border-color:var(--accent)}.filter-input::placeholder{color:var(--muted)}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton{background:linear-gradient(90deg, var(--surface2) 0%, var(--surface3) 50%, var(--surface2) 100%);background-size:200% 100%;border-radius:4px;animation:1.4s ease-in-out infinite shimmer}.skel-img{border-radius:6px;width:64px;height:64px}.skel-name{width:75%;height:9px;margin-top:3px}.skel-id{width:48%;height:7px;margin-top:2px}.skel-tag{border-radius:3px;width:44px;height:13px;margin-top:1px}.monsters-section{flex-direction:column;gap:1rem;display:flex}.monster-toolbar{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.monster-sel-count{color:var(--muted);font-size:.8rem}.monster-copy-section{flex-direction:column;gap:.75rem;display:flex}.monster-grid{background:var(--border);border:1px solid var(--border);border-radius:var(--radius);grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:1px;display:grid;overflow:hidden}.card{background:var(--surface);color:var(--text);cursor:pointer;-webkit-user-select:none;user-select:none;isolation:isolate;flex-direction:column;align-items:center;gap:.2rem;padding:.7rem .5rem .55rem;transition:background .1s;display:flex;position:relative;overflow:visible}.card--selected{background:var(--surface)}.card--selected:before{content:"";background:var(--accent);height:2px;position:absolute;top:0;left:0;right:0}.card--unselected{opacity:.35}.card:hover{background:var(--surface2);opacity:1}.card-check{color:var(--accent);align-items:center;display:flex;position:absolute;top:5px;right:5px}.card img{object-fit:contain;width:64px;height:64px}.monster-name{text-align:center;color:var(--text);font-size:.72rem;font-weight:600;line-height:1.3}.monster-id{color:var(--muted);font-family:Cascadia Code,Consolas,monospace;font-size:.64rem}.element-badge{color:#fff;letter-spacing:.03em;text-transform:uppercase;border-radius:3px;padding:.1rem .45rem;font-size:.6rem;font-weight:700}.race-label{color:var(--muted);font-size:.63rem}.card-badge{color:#b45309;letter-spacing:.04em;text-transform:uppercase;vertical-align:middle;background:#fbbf2426;border:1px solid #fbbf2466;border-radius:3px;margin-left:.4rem;padding:.03rem .3rem;font-size:.62rem;font-weight:700;display:inline-block}[data-theme=dark] .card-badge{color:#fbbf24}.icon-cell{text-align:center;width:36px;padding:.25rem .25rem .25rem .75rem!important}.item-icon{object-fit:contain;width:24px;height:24px;margin:0 auto;display:block}.table-wrap{border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.drop-table{border-collapse:collapse;background:var(--surface);width:100%;font-size:.84rem}.drop-table th{border-bottom:1px solid var(--border);background:var(--surface2);color:var(--muted);letter-spacing:.07em;text-align:left;text-transform:uppercase;padding:.55rem 1rem;font-size:.7rem;font-weight:700}.drop-table td{border-bottom:1px solid var(--border);padding:.5rem 1rem}.drop-table tr:last-child td{border-bottom:none}.drop-table tr:hover td{background:var(--surface2)}.drop-table a{color:var(--text);font-weight:500;text-decoration:none}.drop-table a:hover{color:var(--accent)}.monster-col{color:var(--muted);font-size:.8rem}.chance-col{font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap;color:var(--text);font-family:Cascadia Code,Consolas,monospace;font-size:.8rem;font-weight:600}.price-col{font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap;color:#4ade80;font-family:Cascadia Code,Consolas,monospace;font-size:.8rem}.price-na{color:var(--muted)}.boost-panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);flex-wrap:wrap;align-items:flex-end;gap:1rem;margin-bottom:.75rem;padding:.75rem 1rem;display:flex}.boost-group{flex-direction:column;gap:.35rem;display:flex}.boost-label{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-size:.68rem;font-weight:600}.boost-toggles{flex-wrap:wrap;gap:.4rem;display:flex}.boost-btn{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface2);color:var(--text);cursor:pointer;align-items:center;gap:.35rem;padding:.25rem .65rem;font-size:.8rem;transition:border-color .15s,background .15s,color .15s;display:flex}.boost-btn:hover{border-color:#16a34a}.boost-btn.active{color:#4ade80;background:#16a34a26;border-color:#16a34a}.boost-btn-pct{opacity:.75;font-size:.7rem}.boost-server{align-items:center;gap:.5rem;display:flex}.server-rate-input{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface2);width:4.5rem;color:var(--text);text-align:center;padding:.27rem .4rem;font-family:Cascadia Code,Consolas,monospace;font-size:.85rem}.server-rate-input:focus{border-color:#16a34a;outline:none}.server-rate-suffix{color:var(--muted);font-family:Cascadia Code,Consolas,monospace;font-size:.85rem}.boost-summary{border-radius:var(--radius-sm);color:#4ade80;white-space:nowrap;background:#4ade801f;border:1px solid #4ade804d;flex-direction:column;align-self:flex-end;padding:.35rem .75rem;font-family:Cascadia Code,Consolas,monospace;font-size:1rem;font-weight:700;line-height:1.3;display:flex}.boost-summary-detail{opacity:.75;font-size:.65rem;font-weight:400}.rate-effective-wrap{flex-direction:column;align-items:flex-end;gap:.05rem;display:flex}.rate-effective{color:#4ade80;font-weight:700}.rate-base{color:var(--muted);font-size:.72rem}.export-section{flex-direction:column;gap:1rem;display:flex}.export-desc{color:var(--muted);font-size:.82rem}.copy-block{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow);overflow:hidden}.copy-block-header{background:var(--surface2);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:.45rem .85rem;display:flex}.copy-label{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-size:.72rem;font-weight:700}.btn-copy{background:var(--accent);border-radius:var(--radius-sm);color:#fff;cursor:pointer;border:none;align-items:center;gap:.3rem;padding:.25rem .75rem;font-size:.72rem;font-weight:600;transition:background .12s;display:inline-flex}.btn-copy:hover{background:var(--accent-hover)}.btn-copy.copied{background:#16a34a}.copy-pre{color:var(--text);white-space:pre-wrap;word-break:break-all;max-height:240px;padding:.75rem 1rem;font-family:Cascadia Code,Consolas,monospace;font-size:.8rem;line-height:1.6;overflow-y:auto}.copy-row-list{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow);overflow:hidden}.copy-row{border-bottom:1px solid var(--border);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:.6rem;padding:.38rem .9rem;transition:background .1s;display:flex;position:relative}.copy-row:last-child{border-bottom:none}.copy-row:hover{background:var(--surface2)}.copy-row--copied{background:#16a34a0f}.copy-row-name{color:var(--text);flex:1;font-size:.84rem}.copy-row .item-icon{flex-shrink:0;margin:0}.copy-row-id{color:var(--muted);flex-shrink:0;font-family:Cascadia Code,Consolas,monospace;font-size:.7rem}.copy-row-action{color:var(--muted);justify-content:flex-end;align-items:center;gap:.3rem;min-width:56px;font-size:.7rem;font-weight:600;transition:color .1s;display:flex}.copy-row:hover .copy-row-action{color:var(--accent)}.copy-row--copied .copy-row-action{color:#16a34a}[data-tooltip]{position:relative}[data-tooltip]:before,[data-tooltip]:after{pointer-events:none;opacity:0;z-index:200;transition:opacity .15s;position:absolute;left:50%;transform:translate(-50%)}[data-tooltip]:after{content:attr(data-tooltip);color:#fff;white-space:nowrap;background:#1c1c1c;border-radius:5px;padding:.28rem .6rem;font-size:.7rem;font-weight:500;line-height:1.4;bottom:calc(100% + 7px);box-shadow:0 2px 8px #0000004d}[data-tooltip]:before{content:"";border:5px solid #0000;border-top-color:#1c1c1c;bottom:calc(100% + 1px)}[data-tooltip]:hover:before,[data-tooltip]:hover:after{opacity:1}[data-tooltip-dir=down]:after{top:calc(100% + 7px);bottom:auto}[data-tooltip-dir=down]:before{border-top-color:#0000;border-bottom-color:#1c1c1c;top:calc(100% + 1px);bottom:auto}