:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f7f7f4;--surface:#fff;--surface-muted:#f0f3ee;--card:#fbfcfa;--input-bg:#fff;--text:#1e2520;--text-muted:#687268;--border:#dfe4dc;--accent:#2d6a4f;--accent-soft:#dfeee6;--accent-contrast:#fff;--nav-bg:#f7f7f4f0;--focus-ring:#2d6a4f29;--highlight-bg:#fff1bd;--highlight-text:#3f3410;--warning-bg:#fff1bd;--warning-border:#e1c766;--warning-text:#4a3b00;--bucket-blue:#f5f7fb;--bucket-blue-card:#f2f5fb;--bucket-blue-row:#e6ecf6ad;--bucket-purple:#f7f5fb;--bucket-purple-card:#f6f2fb;--bucket-purple-row:#ede6f6a3;--bucket-amber:#fbf7f1;--bucket-amber-card:#fbf5ea;--bucket-amber-row:#f6eddba8;--bucket-green:#f6f8f1;--bucket-green-card:#f4f7ee;--bucket-green-row:#ebf1dda8;--bucket-teal:#f5f8f7;--bucket-teal-card:#f1f7f5;--bucket-teal-row:#e5f1eea8;--bucket-rose:#fbf5f3;--bucket-rose-card:#fbf2ef;--bucket-rose-row:#f6e5e09e;--bucket-border-blue:#9fb0c6;--bucket-border-purple:#b2a6c6;--bucket-border-amber:#c3ad83;--bucket-border-green:#abb989;--bucket-border-teal:#9fbdb6;--bucket-border-rose:#c1a091;--bucket-range-text:#526158;--shadow:0 14px 36px #18221b14;--filter-bg:color-mix(in srgb, var(--panel) 88%, transparent);--filter-border:var(--line);--filter-text:var(--muted);--filter-hover-bg:color-mix(in srgb, var(--accent-soft) 62%, var(--panel));--filter-hover-border:color-mix(in srgb, var(--accent) 54%, var(--line));--filter-hover-text:var(--accent);--filter-active-bg:var(--accent);--filter-active-border:color-mix(in srgb, var(--accent) 82%, #fff);--filter-active-text:var(--accent-contrast);--filter-active-shadow:0 0 0 3px var(--focus-ring), 0 5px 14px #2d6a4f2e;--exp-classic-primary:#9a6b24;--exp-classic-bg:#f7efe0;--exp-classic-border:#c79b56;--exp-classic-text:#68420f;--exp-kunark-primary:#2d7b57;--exp-kunark-bg:#eaf5ef;--exp-kunark-border:#8fbea7;--exp-kunark-text:#1f5b3e;--exp-velious-primary:#4d8c99;--exp-velious-bg:#edf6f8;--exp-velious-border:#95c4cb;--exp-velious-text:#2d6570;--panel:var(--surface);--panel-soft:var(--surface-muted);--muted:var(--text-muted);--line:var(--border)}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0d1411;--surface:#17211d;--surface-muted:#202d27;--card:#1b2722;--input-bg:#101a16;--text:#efeade;--text-muted:#aeb9ac;--border:#35463b;--accent:#7fc59b;--accent-soft:#203b2d;--accent-contrast:#07100b;--nav-bg:#0d1411f0;--focus-ring:#7fc59b2e;--highlight-bg:#443b20;--highlight-text:#fff1bf;--warning-bg:#4a3f1d;--warning-border:#9b842e;--warning-text:#fff0b2;--bucket-blue:#182332;--bucket-blue-card:#1a2636;--bucket-blue-row:#2b3d52a3;--bucket-purple:#221d31;--bucket-purple-card:#271f38;--bucket-purple-row:#392d4e9e;--bucket-amber:#2d2719;--bucket-amber-card:#332a1b;--bucket-amber-row:#4a3c229e;--bucket-green:#1c2b20;--bucket-green-card:#203122;--bucket-green-row:#30483099;--bucket-teal:#172a29;--bucket-teal-card:#19302e;--bucket-teal-row:#26484499;--bucket-rose:#2d211e;--bucket-rose-card:#332520;--bucket-rose-row:#46312a99;--bucket-border-blue:#637d9d;--bucket-border-purple:#7b679c;--bucket-border-amber:#9a7d45;--bucket-border-green:#78915d;--bucket-border-teal:#5f9189;--bucket-border-rose:#986d5d;--bucket-range-text:#c5cfbd;--shadow:0 16px 42px #00000052;--filter-bg:#080e0b57;--filter-border:#3b4b40;--filter-text:#98a795;--filter-hover-bg:#1f3229;--filter-hover-border:#5f8f72;--filter-hover-text:#d8f4df;--filter-active-bg:#7fc59b;--filter-active-border:#b7efc9;--filter-active-text:#06110b;--filter-active-shadow:0 0 0 1px #b7efc942, 0 0 16px #7fc59b47;--exp-classic-primary:#d1a04f;--exp-classic-bg:#5c421c6b;--exp-classic-border:#a97d3a;--exp-classic-text:#ffe4ad;--exp-kunark-primary:#74c89b;--exp-kunark-bg:#234e375c;--exp-kunark-border:#4c8a65;--exp-kunark-text:#d2f5df;--exp-velious-primary:#83cbd3;--exp-velious-bg:#2d4c5861;--exp-velious-border:#5e8f9c;--exp-velious-text:#d8f7fb;--panel:var(--surface);--panel-soft:var(--surface-muted);--muted:var(--text-muted);--line:var(--border)}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif}button,input,select{font:inherit}.app-nav{background:var(--nav-bg);border-bottom:1px solid var(--line);z-index:5;justify-content:space-between;align-items:center;gap:8px;padding:12px 18px;display:flex;position:sticky;top:0}.app-nav-links{gap:8px;margin:0 auto;display:flex}.app-nav-controls{align-items:center;gap:8px;display:flex}.app-nav a{border:1px solid var(--line);color:var(--accent);border-radius:999px;padding:8px 12px;font-size:.9rem;font-weight:800;text-decoration:none}.theme-toggle{border:1px solid var(--line);border-radius:999px;display:inline-flex;overflow:hidden}.item-preview-toggle{border:1px solid var(--line);border-radius:999px;align-items:center;display:inline-flex;overflow:hidden}.item-preview-toggle span{color:var(--muted);white-space:nowrap;padding:0 9px;font-size:.78rem;font-weight:900}.theme-toggle-button{background:var(--panel);color:var(--muted);cursor:pointer;border:0;min-height:34px;padding:0 10px;font-size:.82rem;font-weight:800}.theme-toggle-button:hover,.theme-toggle-button:focus{background:var(--accent-soft);color:var(--accent);outline:none}.theme-toggle-button.is-active{background:var(--accent);color:var(--accent-contrast)}.item-preview-tooltip{pointer-events:none;z-index:80;background:0 0;width:min(420px,100vw - 24px);max-height:min(520px,100vh - 24px);position:fixed;overflow:auto}.app-nav a:hover,.app-nav a:focus,.app-nav a.is-active{background:var(--accent-soft);outline:none}.app-nav a.is-active{border-color:var(--accent);color:var(--accent)}.page{max-width:1180px;margin:0 auto;padding:24px 18px 56px}.header{gap:10px;margin-bottom:10px;display:grid}.hero-header{aspect-ratio:2172/724;background:var(--panel);border:1px solid var(--line);border-radius:12px;width:100%;max-height:320px;margin-bottom:14px;display:block;position:relative;overflow:hidden}.hero-banner-image{object-fit:cover;object-position:center;width:100%;height:100%;display:block}.hero-header:after{content:"";pointer-events:none;z-index:1;background:linear-gradient(90deg,#05080685,#05080614 38%,#05080685),linear-gradient(#05080685,#05080605 52%,#05080680);position:absolute;inset:0}.home-reset-button{background:var(--panel);border:1px solid var(--line);color:var(--accent);cursor:pointer;border-radius:999px;flex:none;align-items:center;gap:7px;min-height:38px;padding:0 13px;font-size:.9rem;font-weight:800;display:inline-flex}.home-reset-button:hover,.home-reset-button:focus{background:var(--accent-soft);border-color:var(--accent);outline:none}.home-reset-button.is-danger{border-color:color-mix(in srgb, var(--bucket-border-rose,#b85e58) 58%, var(--line));color:color-mix(in srgb, var(--bucket-border-rose,#b85e58) 84%, var(--text))}.home-reset-button.is-danger:hover,.home-reset-button.is-danger:focus{background:color-mix(in srgb, var(--bucket-rose-card,#f2d9d9) 78%, transparent);border-color:var(--bucket-border-rose,#b85e58);color:var(--bucket-border-rose,#b85e58)}.eyebrow{color:var(--accent);letter-spacing:.08em;text-transform:uppercase;margin:0 0 8px;font-size:.78rem;font-weight:700}h1{max-width:820px;margin:0;font-size:clamp(2rem,6vw,4rem);line-height:1}.subhead{color:var(--muted);max-width:720px;margin:10px 0 0;font-size:1rem;line-height:1.55}.wip-line{color:var(--muted);margin:8px 0 0;font-size:1rem;font-style:italic;font-weight:500;line-height:1.35}.summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.summary-item{background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:14px}.summary-value{font-size:1.55rem;font-weight:800;display:block}.summary-label{color:var(--muted);margin-top:2px;font-size:.85rem;display:block}.toolbar{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:14px;margin:12px 0 18px;display:flex}.result-count{color:var(--muted);margin:-8px 0 16px;font-size:.92rem;display:block}.filter-button{background:var(--filter-bg);border:1px solid var(--filter-border);color:var(--filter-text);cursor:pointer;border-radius:999px;min-height:36px;padding:0 12px;font-size:.88rem;font-weight:700;transition:background-color .14s,border-color .14s,box-shadow .14s,color .14s}.filter-button:hover,.filter-button:focus{background:var(--filter-hover-bg);border-color:var(--filter-hover-border);color:var(--filter-hover-text);outline:none}.filter-button.is-active{background:var(--filter-active-bg);border-color:var(--filter-active-border);box-shadow:var(--filter-active-shadow);color:var(--filter-active-text)}.filter-button.is-active:hover,.filter-button.is-active:focus{background:var(--filter-active-bg);border-color:var(--filter-active-border);color:var(--filter-active-text)}.expansion-tone-classic{--exp-primary:var(--exp-classic-primary);--exp-bg:var(--exp-classic-bg);--exp-border:var(--exp-classic-border);--exp-text:var(--exp-classic-text)}.expansion-tone-kunark{--exp-primary:var(--exp-kunark-primary);--exp-bg:var(--exp-kunark-bg);--exp-border:var(--exp-kunark-border);--exp-text:var(--exp-kunark-text)}.expansion-tone-velious{--exp-primary:var(--exp-velious-primary);--exp-bg:var(--exp-velious-bg);--exp-border:var(--exp-velious-border);--exp-text:var(--exp-velious-text)}.expansion-filter-button{--filter-hover-bg:var(--exp-bg);--filter-hover-border:var(--exp-border);--filter-hover-text:var(--exp-text)}.expansion-filter-button.is-active{background:var(--exp-primary);border-color:color-mix(in srgb, var(--exp-primary) 74%, white);box-shadow:0 0 0 1px color-mix(in srgb, var(--exp-primary) 38%, transparent), 0 0 16px color-mix(in srgb, var(--exp-primary) 28%, transparent);color:#fff}:root[data-theme=dark] .expansion-filter-button.is-active{color:#06100d}.expansion-filter-button.is-active:hover,.expansion-filter-button.is-active:focus{background:var(--exp-primary);border-color:color-mix(in srgb, var(--exp-primary) 74%, white);color:#fff}:root[data-theme=dark] .expansion-filter-button.is-active:hover,:root[data-theme=dark] .expansion-filter-button.is-active:focus{color:#06100d}.expansion-pill-row{flex-wrap:wrap;gap:6px;margin-bottom:8px;display:flex}.expansion-pill{background:var(--exp-bg);border:1px solid var(--exp-border);color:var(--exp-text);letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;border-radius:999px;padding:6px 9px;font-size:.78rem;font-weight:900;line-height:1;display:inline-flex}.expansion-pill.is-compact{padding:4px 7px;font-size:.68rem}.expansion-filter,.loot-mode-filter,.zone-filter,.level-filter,.bulk-spell-add{gap:6px;min-width:min(300px,100%);display:grid}.use-filter-group{flex-wrap:wrap;flex:0 auto;align-items:flex-end;gap:8px;display:flex}.class-filter,.race-filter,.slot-filter,.stat-filter{gap:6px;min-width:96px;display:grid}.expansion-filter{min-width:min(330px,100%)}.loot-mode-filter{min-width:min(360px,100%)}.level-filter{min-width:120px}.bulk-spell-add{min-width:min(360px,100%)}.class-filter,.race-filter{min-width:110px}.slot-filter{min-width:132px}.stat-filter{min-width:118px}.expansion-filter span,.loot-mode-filter span,.zone-filter span,.class-filter span,.race-filter span,.slot-filter span,.stat-filter span,.level-filter span,.bulk-spell-add>span{color:var(--muted);font-size:.82rem;font-weight:700}.filter-button:disabled{cursor:not-allowed;opacity:.52}.zone-filter select,.class-filter select,.race-filter select,.slot-filter select,.stat-filter select,.level-filter input,.bulk-spell-add input{background:var(--input-bg);border:1px solid var(--line);color:var(--text);border-radius:8px;outline:none;width:100%;min-height:46px;padding:0 14px}.zone-filter select:focus,.class-filter select:focus,.race-filter select:focus,.slot-filter select:focus,.stat-filter select:focus,.level-filter input:focus,.bulk-spell-add input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--focus-ring)}.expansion-toggle-group{flex-wrap:wrap;gap:8px;display:flex}.zone-view{gap:18px;display:grid}.zone-view-header{background:linear-gradient(90deg, color-mix(in srgb, var(--exp-primary,var(--accent)) 8%, transparent), transparent 48%), var(--panel);border:1px solid var(--line);border-left:5px solid var(--exp-primary,var(--line));box-shadow:var(--shadow);border-radius:8px;justify-content:space-between;align-items:flex-start;gap:16px;padding:20px;display:flex}.zone-view-header h2{margin:0;font-size:clamp(1.8rem,5vw,3rem);line-height:1}.zone-summary-line{color:var(--muted);flex-wrap:wrap;align-items:center;gap:10px;margin-top:10px;display:flex}.zone-summary-line strong{color:var(--text)}.clear-zone-button{background:var(--accent);color:var(--accent-contrast);cursor:pointer;white-space:nowrap;border:0;border-radius:8px;min-height:40px;padding:0 14px;font-weight:800}.zone-panel{background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:8px;gap:12px;padding:18px;display:grid}.zone-panel-heading{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.zone-panel-heading h3{margin:0;font-size:1.25rem;line-height:1.1}.zone-panel-heading span{color:var(--muted);font-size:.9rem;font-weight:800}.zone-loot-actions{gap:6px;margin-left:auto;display:inline-flex}.zone-loot-actions button{background:var(--panel-soft);border:1px solid var(--line);color:var(--muted);cursor:pointer;border-radius:999px;min-height:30px;padding:0 9px;font-size:.78rem;font-weight:900}.zone-loot-actions button:hover,.zone-loot-actions button:focus{background:var(--accent-soft);color:var(--accent);outline:none}.zone-mob-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px 8px;display:grid}.zone-mob-item{background:var(--card);border:1px solid var(--line);color:var(--text);cursor:pointer;text-align:left;border-left:4px solid #c9d6cd;border-radius:6px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;width:100%;min-height:32px;padding:6px 8px;transition:background .14s,border-color .14s,box-shadow .14s;display:grid}.zone-mob-item.bucket-tone-0{background:var(--bucket-teal-card);border-color:color-mix(in srgb, var(--bucket-border-teal) 38%, var(--line));border-left-color:var(--bucket-border-teal)}.zone-mob-item.bucket-tone-1{background:var(--bucket-blue-card);border-color:color-mix(in srgb, var(--bucket-border-blue) 38%, var(--line));border-left-color:var(--bucket-border-blue)}.zone-mob-item.bucket-tone-2{background:var(--bucket-purple-card);border-color:color-mix(in srgb, var(--bucket-border-purple) 38%, var(--line));border-left-color:var(--bucket-border-purple)}.zone-mob-item.bucket-tone-3{background:var(--bucket-amber-card);border-color:color-mix(in srgb, var(--bucket-border-amber) 38%, var(--line));border-left-color:var(--bucket-border-amber)}.zone-mob-item.bucket-tone-4{background:var(--bucket-green-card);border-color:color-mix(in srgb, var(--bucket-border-green) 38%, var(--line));border-left-color:var(--bucket-border-green)}.zone-mob-item.bucket-tone-5{background:var(--bucket-rose-card);border-color:color-mix(in srgb, var(--bucket-border-rose) 38%, var(--line));border-left-color:var(--bucket-border-rose)}.zone-mob-item:hover,.zone-mob-item:focus{background:var(--highlight-bg);border-color:var(--bucket-border-amber);box-shadow:0 0 0 2px var(--focus-ring);outline:none}.zone-mob-item strong{text-overflow:ellipsis;white-space:nowrap;font-size:.9rem;line-height:1.2;overflow:hidden}.zone-mob-item span{color:var(--muted);text-align:right;white-space:nowrap;font-size:.82rem;font-weight:800}.zone-mob-item span b{color:var(--bucket-range-text);margin-right:6px;font-size:.72rem;font-weight:900;display:inline-block}.zone-loot-groups{gap:10px;display:grid}.zone-loot-group{background:var(--card);border:1px solid var(--line);border-left:4px solid #c9d6cd;border-radius:8px;gap:8px;padding:12px;display:grid}.zone-loot-group.bucket-tone-0{background:var(--bucket-teal);border-left-color:var(--bucket-border-teal)}.zone-loot-group.bucket-tone-1{background:var(--bucket-blue);border-left-color:var(--bucket-border-blue)}.zone-loot-group.bucket-tone-2{background:var(--bucket-purple);border-left-color:var(--bucket-border-purple)}.zone-loot-group.bucket-tone-3{background:var(--bucket-amber);border-left-color:var(--bucket-border-amber)}.zone-loot-group.bucket-tone-4{background:var(--bucket-green);border-left-color:var(--bucket-border-green)}.zone-loot-group.bucket-tone-5{background:var(--bucket-rose);border-left-color:var(--bucket-border-rose)}.zone-loot-group h4{margin:0;font-size:1rem}.zone-loot-summary{cursor:pointer;justify-content:space-between;align-items:center;gap:12px;margin:-12px;padding:12px;list-style:none;display:flex}.zone-loot-summary::-webkit-details-marker{display:none}.zone-loot-summary:after{color:var(--muted);content:"VIEW";margin-left:12px;font-size:.78rem;font-weight:900}.zone-loot-group[open] .zone-loot-summary:after{content:"HIDE"}.zone-loot-summary:hover,.zone-loot-summary:focus{background:color-mix(in srgb, var(--accent-soft) 48%, transparent);outline:none}.zone-loot-summary span{color:var(--text);font-size:1rem;font-weight:900}.zone-loot-summary strong{color:var(--muted);white-space:nowrap;margin-left:auto;font-size:.88rem}.zone-loot-group{scroll-margin-top:78px;transition:background .18s,border-color .18s,box-shadow .18s}.zone-loot-group.is-highlighted{background:var(--highlight-bg);border-color:var(--bucket-border-amber);box-shadow:0 0 0 3px var(--focus-ring), var(--shadow)}.zone-loot-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:0;padding:0;display:grid}.zone-loot-list li{list-style:none}@media (max-width:980px){.zone-mob-list,.zone-loot-list{grid-template-columns:repeat(2,minmax(0,1fr))}}.level-recommendations{background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:8px;gap:14px;margin-bottom:18px;padding:18px;display:grid}.item-farm-view{gap:16px;display:grid}.item-farm-header{background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:8px;justify-content:space-between;align-items:flex-start;gap:16px;padding:20px;display:flex}.item-farm-header h2{margin:0;font-size:clamp(1.8rem,5vw,3rem);line-height:1}.item-farm-grid{gap:16px;display:grid}.item-farm-card{background:linear-gradient(90deg, color-mix(in srgb, var(--exp-primary,var(--accent)) 8%, transparent), transparent 52%), var(--panel);border:1px solid color-mix(in srgb, var(--exp-border,var(--line)) 56%, var(--line));border-left:5px solid var(--exp-primary,var(--accent));box-shadow:var(--shadow);border-radius:8px;gap:14px;padding:18px;display:grid}.item-farm-card.is-highlighted{border-color:color-mix(in srgb, var(--exp-border,#e1c766) 70%, #e1c766);border-left-color:var(--exp-primary,#e1c766);box-shadow:0 0 0 3px #e1c7662e, var(--shadow)}.item-farm-card h3{margin:0;font-size:1.3rem}.item-farm-card p{color:var(--muted);flex-wrap:wrap;align-items:center;gap:6px;margin:6px 0 0;display:flex}.level-recommendations-header h2{margin:0;font-size:1.35rem;line-height:1.15}.recommendation-card-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;display:grid}.recommendation-card{background:linear-gradient(145deg, #50442b2e, transparent 48%), var(--bucket-amber);border:1px solid var(--bucket-border-amber);cursor:pointer;text-align:left;border-radius:8px;grid-template-columns:auto minmax(0,1fr);gap:3px 9px;min-height:68px;padding:9px 11px;transition:border-color .14s,box-shadow .14s,transform .14s;display:grid;box-shadow:inset 0 0 0 1px #ffffff94}.recommendation-card.is-top{background:linear-gradient(145deg, #9a7b363d, transparent 50%), var(--bucket-amber-card);border-color:var(--bucket-border-amber);box-shadow:inset 0 0 0 1px #ffffff9e,0 2px 8px #4e3a1c14}.recommendation-card:hover,.recommendation-card:focus{border-color:var(--accent);box-shadow:0 7px 18px #28322421, 0 0 0 3px var(--focus-ring), inset 0 0 0 1px #ffffff2e;outline:none;transform:translateY(-1px)}.recommendation-rank{color:var(--bucket-range-text);padding-top:1px;font-size:.9rem;font-weight:900;line-height:1.1}.recommendation-main{grid-column:2;gap:3px;min-width:0;display:grid}.recommendation-main strong{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:1.03rem;line-height:1.1;overflow:hidden}.recommendation-main span{color:var(--muted);text-transform:uppercase;flex-wrap:wrap;align-items:center;gap:6px;font-size:.78rem;font-weight:800;display:flex}.recommendation-expansions{flex-wrap:wrap;gap:4px;display:inline-flex}.recommendation-main .expansion-pill{color:var(--exp-text);font-size:.66rem}.recommendation-main b{color:var(--text);text-transform:none;font-size:.95rem;font-weight:950}.recommendation-ranges{color:var(--muted);white-space:nowrap;grid-column:2;font-size:.78rem;line-height:1.2}.bucket-grid{gap:16px;display:grid}.empty{background:var(--panel);border:1px solid var(--line);color:var(--muted);text-align:center;border-radius:8px;padding:28px}.spells-page{gap:16px}.spells-header{margin-bottom:0}.spells-toolbar{justify-content:flex-start;align-items:flex-end}.spell-view-actions{justify-content:flex-end;align-items:center;display:flex}.spell-view-actions .home-reset-button span{background:var(--accent-soft);color:var(--accent);border-radius:999px;justify-content:center;min-width:22px;padding:2px 7px;font-size:.76rem;font-weight:900;display:inline-flex}.bulk-spell-add-controls{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.bulk-spell-add input{width:72px;min-height:38px;padding:0 10px}.bulk-spell-add .spell-list-button{min-height:38px}.bulk-spell-message{color:var(--accent);margin:0;font-size:.82rem;font-weight:800}.bulk-spell-message.is-error{color:#d95e4d}.spell-list{gap:10px;display:grid}.spell-row{background:linear-gradient(90deg, color-mix(in srgb, var(--exp-primary,var(--accent)) 8%, transparent), transparent 54%), var(--panel);border:1px solid var(--line);border-left:4px solid var(--exp-primary,var(--accent));box-shadow:var(--shadow);border-radius:8px;grid-template-columns:68px minmax(0,1fr) auto auto;align-items:center;gap:14px;padding:12px 14px;display:grid}.spell-level-badge{--level-glow:#f0bf55;--level-ring:#c99b4a;--level-inner:#24190d;--level-facet:#eebd5357;aspect-ratio:1;background:radial-gradient(circle at 50% 50%, #050706e0 0 34%, transparent 35%), conic-gradient(from 22deg, transparent 0 7%, var(--level-facet) 7% 14%, transparent 14% 25%, var(--level-facet) 25% 33%, transparent 33% 48%, var(--level-facet) 48% 56%, transparent 56% 70%, var(--level-facet) 70% 79%, transparent 79% 100%), radial-gradient(circle at 35% 24%, color-mix(in srgb, var(--level-glow) 38%, transparent), transparent 26%), radial-gradient(circle, var(--level-inner) 0 52%, #060807 73%);border:3px solid var(--level-ring);box-shadow:inset 0 0 0 2px #fff6bd29, inset 0 0 0 9px #070a097a, inset 0 0 18px #000000b8, 0 0 0 1px color-mix(in srgb, var(--level-ring) 42%, transparent), 0 0 18px color-mix(in srgb, var(--level-glow) 38%, transparent), 0 6px 18px #0000005c;color:#f7f0d4;letter-spacing:0;text-shadow:0 1px #000,0 0 10px #f3d78847;border-radius:999px;justify-content:center;align-items:center;width:64px;font-size:1.65rem;font-weight:900;line-height:1;display:inline-flex;position:relative}.spell-level-badge:before{border:1px solid color-mix(in srgb, var(--level-ring) 62%, transparent);border-radius:inherit;content:"";opacity:.88;position:absolute;inset:8px}.spell-level-badge:after{background:linear-gradient(45deg, transparent 41%, color-mix(in srgb, var(--level-glow) 36%, transparent) 42% 58%, transparent 59%), linear-gradient(-45deg, transparent 41%, color-mix(in srgb, var(--level-glow) 26%, transparent) 42% 58%, transparent 59%);clip-path:polygon(50% 0,62% 36%,100% 50%,62% 64%,50% 100%,38% 64%,0 50%,38% 36%);content:"";opacity:.58;position:absolute;inset:10px}.spell-level-badge span{z-index:1;position:relative}.spell-level-tone-1{--level-glow:#ffc95a;--level-ring:#d79a31;--level-inner:#24190d;--level-facet:#ffcb5b5c}.spell-level-tone-2{--level-glow:#b9d8e3;--level-ring:#7899a6;--level-inner:#101c20;--level-facet:#b9d8e34d}.spell-level-tone-3{--level-glow:#e98a7f;--level-ring:#b85e58;--level-inner:#241214;--level-facet:#e98a7f52}.spell-level-tone-4{--level-glow:#9ce2c2;--level-ring:#68aa8d;--level-inner:#10231b;--level-facet:#9ce2c252}.spell-level-tone-5{--level-glow:#d898f0;--level-ring:#9d63ad;--level-inner:#211327;--level-facet:#d898f052}.spell-level-tone-6{--level-glow:#87e59a;--level-ring:#4f9c5f;--level-inner:#102417;--level-facet:#87e59a4d}.spell-row-main{gap:6px;min-width:0;display:grid}.spell-name{color:var(--text);font-size:1.03rem;font-weight:900;line-height:1.25;text-decoration:none}.spell-name:hover,.spell-name:focus{color:var(--accent);outline:none;text-decoration:underline}.spell-meta{color:var(--muted);white-space:nowrap;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:7px;font-size:.8rem;font-weight:800;line-height:1.2;display:flex}.spell-list-button{background:var(--panel-soft);border:1px solid var(--line);color:var(--text);cursor:pointer;white-space:nowrap;border-radius:999px;min-height:34px;padding:0 12px;font-size:.78rem;font-weight:900;transition:background-color .14s,border-color .14s,color .14s,box-shadow .14s}.spell-list-button:hover,.spell-list-button:focus{background:var(--accent-soft);border-color:var(--accent);color:var(--accent);outline:none}.spell-list-button.is-active{background:var(--accent);border-color:var(--accent);color:var(--accent-contrast)}.spell-shopping-list{gap:12px;display:grid}.spell-shopping-summary{background:var(--panel);border:1px solid var(--line);color:var(--text);border-radius:8px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 14px;padding:12px 14px;display:flex}.spell-shopping-summary span{color:var(--muted);font-size:.88rem;font-weight:700}.vendor-plan-view{gap:14px;display:grid}.vendor-plan-summary{background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:8px;grid-template-columns:minmax(0,1fr) auto;gap:12px;padding:14px;display:grid}.vendor-plan-summary h2,.vendor-zone-card h3{margin:0;font-size:1rem;line-height:1.15}.vendor-plan-summary ul,.vendor-entry ul{gap:6px;margin:8px 0 0;padding:0;list-style:none;display:grid}.vendor-plan-summary li{color:var(--text);flex-wrap:wrap;align-items:center;gap:8px;display:flex}.vendor-plan-summary p,.vendor-zone-card p{color:var(--muted);margin:6px 0 0}.vendor-plan-summary strong{color:var(--accent);align-self:start}.vendor-plan-summary button,.vendor-zone-actions button{background:var(--panel-soft);border:1px solid var(--line);color:var(--text);cursor:pointer;border-radius:999px;min-height:30px;padding:0 10px;font-size:.76rem;font-weight:900}.vendor-plan-summary button:hover,.vendor-plan-summary button:focus,.vendor-zone-actions button:hover,.vendor-zone-actions button:focus{background:var(--accent-soft);border-color:var(--accent);color:var(--accent);outline:none}.vendor-zone-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.vendor-zone-card{background:linear-gradient(145deg, color-mix(in srgb, var(--accent) 7%, transparent), transparent 55%), var(--panel);border:1px solid var(--line);border-left:4px solid var(--accent);box-shadow:var(--shadow);border-radius:8px;gap:12px;padding:14px;display:grid}.vendor-zone-card-header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.vendor-zone-card-header span{color:var(--muted);margin-top:8px;font-size:.8rem;font-weight:800;display:inline-block}.vendor-price-total{background:color-mix(in srgb, var(--exp-classic-bg) 72%, transparent);border:1px solid color-mix(in srgb, var(--exp-classic-border) 70%, var(--line));color:var(--exp-classic-text);white-space:nowrap;border-radius:999px;padding:7px 10px;font-size:.82rem;font-weight:900;line-height:1.1}.vendor-price-total.is-inline{padding:5px 8px;font-size:.74rem}.vendor-zone-title{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.vendor-zone-actions{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}.vendor-list,.vendor-entry{gap:8px;display:grid}.vendor-entry{background:var(--panel-soft);border:1px solid color-mix(in srgb, var(--line) 74%, transparent);border-radius:8px;padding:10px}.vendor-entry strong{font-size:.92rem}.vendor-entry li{color:var(--text);justify-content:space-between;align-items:baseline;gap:10px;display:flex}.vendor-entry em{color:var(--muted);white-space:nowrap;font-size:.78rem;font-style:normal}.vendor-route-view,.vendor-route-list{gap:14px;display:grid}.vendor-route-summary{align-items:start}.vendor-route-actions{place-items:flex-end end;gap:8px;display:grid}.vendor-route-total{color:var(--exp-classic-text);font-size:.86rem;font-weight:900}.vendor-route-card{border-left-color:var(--bucket-border-amber)}.spell-purchase-button{color:var(--text);cursor:pointer;text-align:left;background:0 0;border:0;align-items:center;gap:8px;min-width:0;padding:0;display:inline-flex}.spell-purchase-button span{background:var(--panel);border:1px solid var(--line);color:var(--accent);border-radius:4px;flex:none;justify-content:center;align-items:center;width:18px;height:18px;font-size:.78rem;font-weight:900;display:inline-flex}.spell-purchase-button:hover,.spell-purchase-button:focus{color:var(--accent);outline:none}.vendor-entry li.is-purchased{opacity:.48}.vendor-entry li.is-purchased .spell-purchase-button strong{text-decoration:line-through}.modal-backdrop{z-index:80;background:#030605ad;justify-content:center;align-items:center;padding:18px;display:flex;position:fixed;inset:0}.reset-confirm-modal{background:linear-gradient(145deg, color-mix(in srgb, var(--bucket-border-amber) 9%, transparent), transparent 52%), var(--panel);border:1px solid color-mix(in srgb, var(--bucket-border-amber) 42%, var(--line));color:var(--text);border-radius:8px;gap:12px;width:min(100%,440px);max-width:440px;padding:18px;display:grid;box-shadow:0 20px 80px #00000073,inset 0 0 0 1px #fff0be0f}.reset-confirm-modal h2{margin:0;font-size:1.25rem;line-height:1.1}.reset-confirm-modal p{color:var(--muted);margin:0;line-height:1.45}.reset-confirm-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;margin-top:4px;display:flex}.reset-confirm-actions button{background:var(--panel-soft);border:1px solid var(--line);color:var(--text);cursor:pointer;border-radius:999px;min-height:38px;padding:0 14px;font-weight:900}.reset-confirm-actions button:hover,.reset-confirm-actions button:focus{background:var(--accent-soft);border-color:var(--accent);color:var(--accent);outline:none}.reset-confirm-actions button.is-danger{background:color-mix(in srgb, var(--bucket-border-rose,#b85e58) 18%, var(--panel-soft));border-color:var(--bucket-border-rose,#b85e58);color:color-mix(in srgb, var(--bucket-border-rose,#b85e58) 82%, var(--text))}.reset-confirm-actions button.is-danger:hover,.reset-confirm-actions button.is-danger:focus{background:var(--bucket-border-rose,#b85e58);color:#fff7f2}.spell-description{color:var(--text);white-space:pre-line;margin:0;font-size:.9rem;line-height:1.45}.favorites-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0;padding:0;display:grid}.favorites-grid li{list-style:none}.favorites-controls{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.favorites-view-toggle,.favorites-lock{align-items:center;gap:8px;display:flex}.favorites-lock{background:var(--panel);border:1px solid var(--line);color:var(--muted);border-radius:8px;padding:6px}.favorites-lock span{color:var(--text);white-space:nowrap;padding:0 6px;font-size:.82rem;font-weight:900}.favorites-lock.is-locked{border-color:color-mix(in srgb, var(--bucket-border-amber) 58%, var(--line))}.favorites-lock.is-unlocked{border-color:color-mix(in srgb, var(--accent) 58%, var(--line))}.favorites-group-list{gap:14px;display:grid}.favorites-group{background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:8px;gap:12px;padding:14px;display:grid}.favorites-group-heading{justify-content:space-between;align-items:flex-end;gap:14px;display:flex}.favorites-group-heading h2{margin:0;font-size:1.2rem;line-height:1}.favorites-group-heading span{color:var(--muted);white-space:nowrap;font-size:.86rem;font-weight:900}.favorite-card{background:var(--card);border:1px solid var(--line);border-left:4px solid var(--exp-primary,var(--line));border-radius:8px;grid-template-columns:minmax(0,1fr) 38px;min-height:82px;display:grid;overflow:hidden}.favorite-card.range-tone-blue{background:var(--bucket-blue-card);border-left-color:var(--bucket-border-blue)}.favorite-card.range-tone-purple{background:var(--bucket-purple-card);border-left-color:var(--bucket-border-purple)}.favorite-card.range-tone-amber{background:var(--bucket-amber-card);border-left-color:var(--bucket-border-amber)}.favorite-card.range-tone-green{background:var(--bucket-green-card);border-left-color:var(--bucket-border-green)}.favorite-card.range-tone-red{background:var(--bucket-rose-card);border-left-color:var(--bucket-border-rose)}.favorite-card.range-tone-teal{background:var(--bucket-teal-card);border-left-color:var(--bucket-border-teal)}.favorite-card.range-tone-gold{background:var(--bucket-amber);border-left-color:var(--bucket-border-amber)}.favorite-card-main{color:var(--text);cursor:pointer;text-align:left;background:0 0;border:0;gap:4px;min-width:0;padding:10px 12px;display:grid}.favorite-card-main:hover,.favorite-card-main:focus{background:color-mix(in srgb, var(--accent-soft) 46%, transparent);outline:none}.favorite-card-main:disabled{cursor:not-allowed;opacity:.58}.favorite-card-main strong{text-overflow:ellipsis;white-space:nowrap;font-size:.98rem;line-height:1.2;overflow:hidden}.favorite-card-main span,.favorite-card-main em{color:var(--muted);flex-wrap:wrap;align-items:center;gap:5px;font-size:.8rem;font-style:normal;font-weight:800;line-height:1.2;display:flex}.favorite-card-main .expansion-pill{color:var(--exp-text);font-size:.66rem}.favorite-card-main em{color:var(--bucket-range-text)}.favorite-remove-button{border:0;border-left:1px solid color-mix(in srgb, var(--line) 70%, transparent);cursor:pointer;background:0 0;justify-content:center;align-items:center;padding:0;display:flex}.favorite-remove-button:hover,.favorite-remove-button:focus{background:color-mix(in srgb, var(--highlight-bg) 55%, transparent);outline:none}.favorite-remove-button:disabled,.favorite-remove-button.is-locked{cursor:not-allowed;opacity:.58}.favorite-remove-button:disabled:hover,.favorite-remove-button:disabled:focus{background:0 0}.favorite-remove-button .favorite-indicator{margin-left:0}.favorite-indicator{color:var(--muted);flex:none;margin-left:auto;font-size:1rem;font-weight:900;line-height:1}.favorite-indicator.is-active{color:var(--bucket-border-amber)}.raid-tier-list{gap:16px;display:grid}.raid-tier-card{background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:8px;gap:16px;padding:20px;display:grid}.raid-tier-header{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.raid-tier-header h2{margin:0;font-size:1.6rem;line-height:1.1}.raid-tier-summary,.raid-meta{gap:10px;margin:0;display:flex}.raid-tier-summary div,.raid-meta div{background:var(--panel-soft);border-radius:8px;padding:10px 12px}.raid-tier-summary dt,.raid-meta dt{color:var(--muted);margin-bottom:4px;font-size:.78rem}.raid-tier-summary dd,.raid-meta dd{margin:0;font-weight:800}.raid-boss-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.raid-boss-card{background:var(--card);border:1px solid var(--line);border-radius:8px;overflow:hidden}.raid-boss-trigger{color:var(--text);cursor:pointer;text-align:left;background:0 0;border:0;justify-content:space-between;align-items:center;gap:12px;width:100%;padding:12px;display:flex}.raid-boss-trigger:hover,.raid-boss-trigger:focus{background:var(--accent-soft);outline:none}.raid-boss-trigger strong,.raid-boss-trigger small{display:block}.raid-boss-trigger small,.raid-boss-trigger>span:last-child{color:var(--muted);font-size:.85rem}.raid-boss-details{border-top:1px solid var(--line);gap:12px;padding:12px;display:grid}.raid-notes{color:var(--muted);margin:0;line-height:1.45}@media (max-width:720px){.app-nav{flex-direction:column;align-items:stretch}.app-nav-links{justify-content:center;margin:0}.app-nav-controls{flex-wrap:wrap;justify-content:center}.theme-toggle{align-self:center}.page{padding:24px 12px 40px}.summary{grid-template-columns:1fr}.toolbar{flex-direction:column;align-items:stretch}.hero-header{max-height:180px}.zone-view-header{flex-direction:column}.zone-mob-list,.zone-loot-list{grid-template-columns:1fr}.item-farm-header{flex-direction:column}.recommendation-grid,.recommendation-card-grid,.favorites-grid{grid-template-columns:1fr}.raid-tier-header{flex-direction:column}.raid-boss-grid,.vendor-plan-summary,.vendor-zone-grid{grid-template-columns:1fr}.vendor-zone-card-header{flex-direction:column}.vendor-zone-actions{justify-content:flex-start}.vendor-entry li{flex-direction:column;align-items:flex-start;gap:2px}.vendor-route-actions{justify-items:start}.spell-row{grid-template-columns:52px minmax(0,1fr);gap:10px;padding:10px}.spell-level-badge{width:50px;font-size:1.35rem}.spell-meta{white-space:normal;grid-column:2;justify-content:flex-start}.spell-list-button{grid-column:2;justify-self:start}}