:root{--color-bg-primary: #0a0e1a;--color-bg-secondary: #111628;--color-bg-card: #141a30;--color-bg-card-inner: #181f38;--color-bg-input: #0c1020;--color-bg-hover: #1c2548;--color-bg-header: #080c16;--color-gold: #f0c040;--color-gold-dim: #b8912e;--color-gold-bright: #ffd866;--color-gold-deep: #a07820;--color-gold-glow: rgba(240, 192, 64, .25);--color-blue: #60a0ff;--color-blue-dim: #3a6fbf;--color-green: #40d060;--color-red: #e04040;--color-silver: #c0c0c0;--color-copper: #c87533;--color-alliance: #0070dd;--color-horde: #c41f3b;--color-text-primary: #dcdce6;--color-text-secondary: #9098b0;--color-text-muted: #a0a8c0;--color-text-link: #8ab4f8;--color-text-heading: #f0f0f5;--color-border: #1e2444;--color-border-light: #2e3460;--color-border-gold: rgba(184, 145, 46, .3);--color-border-gold-strong: rgba(184, 145, 46, .55);--color-quality-poor: #9d9d9d;--color-quality-common: #ffffff;--color-quality-uncommon: #1eff00;--color-quality-rare: #0070dd;--color-quality-epic: #a335ee;--color-quality-legendary: #ff8000;--color-quality-artifact: #e6cc80;--color-quality-heirloom: #00ccff;--font-family: "Crimson Text", Georgia, "Times New Roman", serif;--font-family-heading: "Cinzel", "Palatino Linotype", "Book Antiqua", serif;--font-family-ui: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;--border-radius: 6px;--border-radius-lg: 10px;--border-radius-sm: 4px;--border-radius-pill: 9999px;--transition-fast: .15s ease;--transition-normal: .25s ease;--transition-smooth: .3s cubic-bezier(.4, 0, .2, 1);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .4);--shadow-md: 0 2px 6px rgba(0, 0, 0, .4), 0 1px 3px rgba(0, 0, 0, .3);--shadow-lg: 0 4px 16px rgba(0, 0, 0, .5), 0 2px 6px rgba(0, 0, 0, .35);--shadow-xl: 0 8px 30px rgba(0, 0, 0, .55), 0 4px 10px rgba(0, 0, 0, .4);--shadow-glow-gold: 0 0 14px rgba(240, 192, 64, .18);--shadow-glow-gold-strong: 0 0 24px rgba(240, 192, 64, .3);--shadow-inset-gold: inset 0 0 40px rgba(240, 192, 64, .03);--shadow-card: 0 2px 8px rgba(0, 0, 0, .45), 0 0 1px rgba(184, 145, 46, .15);--shadow-card-wow: 0 2px 8px rgba(0, 0, 0, .5);--max-width: 1280px;--color-surface: var(--color-bg-secondary);--color-text: var(--color-text-primary);--header-height: 56px;--space-xs: .25rem;--space-sm: .375rem;--space-md: .75rem;--space-lg: 1.125rem;--space-xl: 1.5rem;--space-2xl: 2rem;--stats-overview-min-h: 4.5rem;--chart-section-min-h: 14rem;--hero-section-min-h: 3rem;--guide-section-min-h: 300px;--item-seo-section-min-h: 120px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;color-scheme:dark;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;overflow-x:hidden;overflow-y:scroll;max-width:100%;scrollbar-width:thin;scrollbar-color:var(--color-border-light) var(--color-bg-primary);scrollbar-gutter:stable;scroll-padding-top:calc(var(--header-height) + 1rem);scroll-behavior:smooth}body{font-family:var(--font-family);background-color:var(--color-bg-primary);background-image:radial-gradient(ellipse at 50% 0%,rgba(30,20,60,.4) 0%,transparent 60%),radial-gradient(ellipse at 80% 80%,rgba(10,20,50,.3) 0%,transparent 50%);color:var(--color-text-primary);line-height:1.5;min-height:100vh;display:flex;flex-direction:column;overflow-x:clip;max-width:100%;font-size:.875rem;position:relative}body.modal-open{overflow:hidden;scrollbar-gutter:stable;touch-action:none}body.nav-open{overflow:hidden;scrollbar-gutter:stable}.footer-brand-desc,.footer-attribution p{line-height:1.7}a{color:var(--color-blue);text-decoration:none;transition:color var(--transition-fast);-webkit-tap-highlight-color:transparent}@media(hover:hover){a:hover{color:var(--color-gold)}}img{max-width:100%;height:auto;display:block}ul,ol{list-style:none}button{cursor:pointer;font-family:var(--font-family-ui);border:none;background:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation}input,select{font-family:var(--font-family-ui);font-size:inherit;touch-action:manipulation}a,button,input,select,textarea,[role=button],[tabindex]{touch-action:manipulation}::selection{background:#ffd7004d;color:#fff}.skip-link{position:absolute;top:0;left:50%;transform:translate(-50%) translateY(-100%);background:var(--color-gold);color:var(--color-bg-primary);padding:.75rem 1.5rem;border-radius:0 0 var(--border-radius) var(--border-radius);font-family:var(--font-family-ui);font-weight:600;font-size:.875rem;z-index:10001;transition:transform var(--transition-smooth);text-decoration:none}.skip-link:focus{transform:translate(-50%) translateY(0);outline:2px solid var(--color-gold-bright);outline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);clip-path:inset(50%);white-space:nowrap;border:0}main:focus{outline:2px solid var(--color-gold);outline-offset:-2px}main:focus:not(:focus-visible){outline:none}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes subtlePulse{0%,to{opacity:1}50%{opacity:.65}}@keyframes shimmer-transform{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes btnShine{0%{transform:skew(-20deg) translate(-200%)}to{transform:skew(-20deg) translate(400%)}}@keyframes scrollTopFadeIn{0%{opacity:0;transform:translateY(8px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes glowPulse{0%,to{opacity:.4}50%{opacity:1}}@keyframes errorSlideIn{0%{opacity:0;transform:translateY(-.5rem)}to{opacity:1;transform:translateY(0)}}@keyframes cacheBannerSlideIn{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes cacheBannerCountdown{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.bg-ambient{position:fixed;inset:0;z-index:-1;overflow:hidden;pointer-events:none}.bg-ambient-texture{position:absolute;inset:0;background-image:radial-gradient(ellipse at 20% 50%,rgba(20,26,48,.6) 0%,transparent 70%),radial-gradient(ellipse at 80% 20%,rgba(18,22,40,.4) 0%,transparent 60%),radial-gradient(ellipse at 50% 100%,rgba(184,145,46,.02) 0%,transparent 50%);background-color:var(--color-bg-primary)}.site-header{position:sticky;top:0;z-index:1000;background-color:#080c16;border-bottom:1px solid rgba(184,145,46,.12);isolation:isolate;overflow:visible}.site-header:before{content:"";position:absolute;inset:0;background-image:repeating-linear-gradient(90deg,transparent,transparent 60px,rgba(240,192,64,.015) 60px,rgba(240,192,64,.015) 61px),repeating-linear-gradient(0deg,transparent,transparent 30px,rgba(240,192,64,.008) 30px,rgba(240,192,64,.008) 31px);pointer-events:none;z-index:0}.header-inner{position:relative;z-index:2}.header-accent-bar{position:relative;z-index:1}.header-accent-bar{height:2px;background:linear-gradient(90deg,transparent 0%,var(--color-gold-deep) 10%,var(--color-gold-dim) 25%,var(--color-gold) 50%,var(--color-gold-dim) 75%,var(--color-gold-deep) 90%,transparent 100%);opacity:.65;box-shadow:0 1px 8px #f0c04033,0 0 20px #f0c04014}.header-inner{max-width:var(--max-width);margin:0 auto;padding:0 var(--space-md);display:flex;align-items:center;justify-content:space-between;height:var(--header-height);overflow:visible}.brand{display:flex;align-items:center;gap:.5rem;color:var(--color-gold);font-weight:700;font-size:1rem;text-decoration:none;transition:color var(--transition-fast);flex-shrink:1;min-width:0;overflow:hidden}@media(hover:hover){.brand:hover{color:var(--color-gold-bright)}}@media(hover:hover){.brand:hover .brand-icon{box-shadow:var(--shadow-glow-gold-strong),0 0 0 1px var(--color-gold-dim);transform:scale(1.08)}}.brand-icon{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;transition:transform var(--transition-smooth),box-shadow var(--transition-smooth);box-shadow:var(--shadow-sm),0 0 8px #f0c04026;border-radius:var(--border-radius);overflow:hidden}.brand-icon svg{display:block;width:100%;height:100%}.brand-text{white-space:nowrap;letter-spacing:.06em;text-shadow:0 0 16px rgba(240,192,64,.15);font-family:var(--font-family-heading);font-weight:700;font-size:.875rem;overflow:hidden;text-overflow:ellipsis}.brand-alpha-badge{display:inline-flex;align-items:center;font-size:.75rem;color:#fa3;background:#ffa50033;border:1px solid rgba(255,165,0,.5);padding:.1em .4em;border-radius:3px;margin-left:.35rem;letter-spacing:.05em;text-transform:uppercase;white-space:nowrap;font-family:var(--font-family-ui);font-weight:700;line-height:1}.region-toggle{display:inline-flex;align-items:center;gap:0;margin-left:8px;border-radius:4px;overflow:hidden;border:1px solid rgba(212,175,55,.3);flex-shrink:0}.region-toggle-btn{background:#0000004d;color:#d4af37bf;border:none;padding:2px 8px;font-size:.75rem;font-weight:600;letter-spacing:.5px;cursor:pointer;transition:color .2s ease,background-color .2s ease,text-shadow .2s ease;font-family:var(--font-family-ui);line-height:1.4;text-transform:uppercase;min-height:32px;min-width:32px}@media(hover:hover){.region-toggle-btn:hover{color:#d4af37e6;background:#d4af371a}}.region-toggle-btn--active{background:#d4af3726;color:#d4af37;text-shadow:0 0 8px rgba(212,175,55,.3)}@media(hover:hover){.region-toggle-btn--active:hover{background:#d4af3733;color:#d4af37;text-shadow:0 0 8px rgba(212,175,55,.3)}}.region-toggle-btn+.region-toggle-btn{border-left:1px solid rgba(212,175,55,.2)}.region-toggle-btn:focus-visible{outline:2px solid var(--color-gold);outline-offset:-2px;z-index:1}.nav-toggle{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:2.75rem;height:2.75rem;padding:var(--space-sm);z-index:1001;border-radius:var(--border-radius);transition:background-color var(--transition-fast);min-width:44px;min-height:44px}@media(hover:hover){.nav-toggle:hover{background-color:var(--color-bg-hover)}}.nav-toggle:focus-visible{outline:2px solid var(--color-gold);outline-offset:2px}.nav-toggle-bar{display:block;width:1.25rem;height:2px;background-color:var(--color-gold-dim);border-radius:1px;transition:transform var(--transition-smooth),opacity var(--transition-smooth)}.nav-toggle.open .nav-toggle-bar:nth-child(1){transform:translateY(7px) rotate(45deg)}.nav-toggle.open .nav-toggle-bar:nth-child(2){opacity:0}.nav-toggle.open .nav-toggle-bar:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.main-nav{position:fixed;top:var(--header-height);left:0;right:0;background-color:#080c16;border-bottom:1px solid var(--color-border-gold);padding:var(--space-md);transform:translateY(-100%);opacity:0;pointer-events:none;transition:transform var(--transition-smooth),opacity var(--transition-smooth);z-index:999;overscroll-behavior:contain;max-height:calc(100vh - var(--header-height));max-height:calc(100dvh - var(--header-height));overflow-y:auto}.main-nav.open,.main-nav.nav-open{transform:translateY(0);opacity:1;pointer-events:auto}.main-nav.closing{transform:translateY(-100%);opacity:0;pointer-events:none;transition:transform var(--transition-smooth),opacity var(--transition-smooth)}.nav-backdrop{position:fixed;inset:0;top:var(--header-height);background:#00000080;z-index:998;opacity:0;visibility:hidden;pointer-events:none;transition:opacity var(--transition-smooth),visibility var(--transition-smooth)}body.nav-open .nav-backdrop{opacity:1;visibility:visible;pointer-events:auto}.nav-list{display:flex;flex-direction:column;gap:0;align-items:stretch}.nav-link{display:flex;align-items:center;color:var(--color-text-secondary);font-weight:500;font-size:1rem;padding:.875rem 0;min-height:44px;position:relative;transition:color var(--transition-fast),text-shadow var(--transition-fast);letter-spacing:.02em;border-bottom:1px solid var(--color-border)}.nav-link.active{color:var(--color-gold);text-shadow:0 0 10px rgba(240,192,64,.2)}@media(hover:hover){.nav-link:hover{color:var(--color-gold);text-shadow:0 0 10px rgba(240,192,64,.2)}}.nav-link:after{content:"";position:absolute;bottom:-4px;left:50%;width:0;height:2px;background:linear-gradient(90deg,transparent,var(--color-gold),transparent);transition:width var(--transition-smooth),left var(--transition-smooth);border-radius:1px;box-shadow:0 0 6px #f0c04033;display:none}.nav-link--themed{gap:.5rem;color:var(--color-gold-dim);font-weight:600;font-family:var(--font-family-heading);letter-spacing:.04em;border:1px solid rgba(184,145,46,.35);border-radius:var(--border-radius-sm);padding:.5rem 1rem;background:linear-gradient(180deg,#f0c0400f,#8c69140a);box-shadow:inset 0 1px #ffe08a14,0 1px 3px #0000004d;text-shadow:0 1px 3px rgba(0,0,0,.5);transition:color var(--transition-fast),border-color var(--transition-fast),background var(--transition-fast),box-shadow var(--transition-fast),text-shadow var(--transition-fast),transform var(--transition-fast)}@media(hover:hover){.nav-link--themed:hover{color:var(--color-gold-bright);border-color:var(--color-gold);background:linear-gradient(180deg,#f0c0401f,#b8912e14);box-shadow:inset 0 1px #ffe08a26,0 0 12px #f0c04026,0 2px 6px #0000004d;text-shadow:0 0 10px rgba(240,192,64,.3)}}.nav-link--themed.active{color:var(--color-gold);border-color:var(--color-gold);background:linear-gradient(180deg,#f0c04024,#b8912e14);box-shadow:inset 0 1px #ffe08a1f,0 0 16px #f0c04033,0 2px 8px #0000004d;text-shadow:0 0 12px rgba(240,192,64,.25)}.nav-link--themed:after{display:none}.nav-btn-icon{flex-shrink:0;opacity:.7;transition:opacity var(--transition-fast)}.nav-link--themed.active .nav-btn-icon{opacity:1}@media(hover:hover){.nav-link--themed:hover .nav-btn-icon{opacity:1}}.nav-item--search{width:100%;padding:var(--space-sm) 0;border-bottom:1px solid var(--color-border)}body[data-page=dashboard] .nav-item--search{display:none}.nav-search-wrapper{position:relative;display:flex;align-items:center}.nav-search-input{width:100%;padding:.625rem .875rem .625rem 2.25rem;font-family:var(--font-family-ui);font-size:1rem;color:var(--color-text-primary);background:var(--color-bg-input);border:1px solid var(--color-border);border-radius:var(--border-radius-pill);transition:border-color var(--transition-fast),box-shadow var(--transition-fast),background var(--transition-fast);min-height:44px}.nav-search-input::placeholder{color:var(--color-text-muted)}.nav-search-input:focus{border-color:var(--color-gold-dim);box-shadow:0 0 0 2px #f0c0401a;background:var(--color-bg-secondary)}.nav-search-input:focus:not(:focus-visible){outline:none}.nav-search-input:focus-visible{outline:2px solid var(--color-gold);outline-offset:2px}.nav-search-icon{position:absolute;left:.6rem;top:50%;transform:translateY(-50%);color:var(--color-text-muted);line-height:0;pointer-events:none}.nav-search-input--loading{background-repeat:no-repeat;background-position:right .625rem center;background-size:1rem;padding-right:2rem}.nav-search-results{position:absolute;top:calc(100% + 4px);left:0;right:0;background-color:var(--color-bg-secondary);border:1px solid var(--color-border-gold);border-radius:var(--border-radius);max-height:60vh;overflow-y:auto;overscroll-behavior:contain;z-index:1200;box-shadow:var(--shadow-xl),0 0 20px #0000004d;animation:fadeInUp .2s ease-out;contain:layout style}.nav-search-results[hidden]{display:none}.nav-item--auth{border-bottom:1px solid var(--color-border);padding:var(--space-sm) 0}.nav-link--login{color:var(--color-gold);font-weight:600;letter-spacing:.04em;border:1px solid var(--color-border-gold-strong);border-radius:var(--border-radius-sm);padding:.5rem 1rem;display:inline-flex;align-items:center;justify-content:center;min-height:44px;transition:color var(--transition-fast),background-color var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast)}@media(hover:hover){.nav-link--login:hover{color:var(--color-gold-bright);background-color:#f0c04014;border-color:var(--color-gold);box-shadow:var(--shadow-glow-gold);text-shadow:0 0 10px rgba(240,192,64,.2)}}.nav-user-menu{position:relative}.nav-user-toggle{display:flex;align-items:center;gap:.5rem;padding:.375rem .5rem;border-radius:var(--border-radius-sm);color:var(--color-text-secondary);transition:color var(--transition-fast),background-color var(--transition-fast);cursor:pointer;min-height:44px;background:none;border:none;font-family:var(--font-family-ui)}@media(hover:hover){.nav-user-toggle:hover{color:var(--color-gold);background-color:var(--color-bg-hover)}}.nav-user-toggle:focus-visible{outline:2px solid var(--color-gold);outline-offset:2px}.nav-user-avatar{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,var(--color-gold-dim),var(--color-gold-deep));color:var(--color-bg-primary);font-family:var(--font-family-heading);font-size:.8125rem;font-weight:700;line-height:1;flex-shrink:0;text-shadow:0 1px 2px rgba(0,0,0,.3)}.nav-user-name{font-size:.875rem;font-weight:500;white-space:nowrap;max-width:120px;overflow:hidden;text-overflow:ellipsis}.nav-user-chevron{flex-shrink:0;transition:transform var(--transition-fast)}.nav-user-toggle[aria-expanded=true] .nav-user-chevron{transform:rotate(180deg)}.nav-user-dropdown{position:static;width:100%;background-color:#0e1224f2;border:1px solid var(--color-border-gold);border-radius:var(--border-radius-sm);overflow:visible;margin-top:var(--space-xs);animation:fadeInUp .15s ease-out}.nav-user-dropdown[hidden]{display:none}.nav-user-dropdown-item{display:flex;align-items:center;padding:.75rem 1rem;color:var(--color-text-secondary);font-family:var(--font-family-ui);font-size:.875rem;font-weight:500;transition:color var(--transition-fast),background-color var(--transition-fast);text-decoration:none;min-height:44px}@media(hover:hover){.nav-user-dropdown-item:hover{color:var(--color-gold);background-color:var(--color-bg-hover)}}.nav-user-dropdown-item:focus-visible{outline:2px solid var(--color-gold);outline-offset:-2px;border-radius:var(--border-radius-sm)}.nav-user-dropdown-item--admin{color:var(--color-gold);border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border)}@media(hover:hover){.nav-user-dropdown-item--admin:hover{color:var(--color-gold-bright, #ffe599);background-color:#c9a95914}}.nav-user-dropdown-item--logout{color:var(--color-red)}@media(hover:hover){.nav-user-dropdown-item--logout:hover{color:#f55;background-color:#e0404014}}.nav-professions-menu{position:relative}.nav-professions-chevron{margin-left:4px;transition:transform .15s ease}[aria-expanded=true]>.nav-professions-chevron{transform:rotate(180deg)}.nav-professions-dropdown{position:static;width:100%;background-color:#0e1224f2;border:1px solid var(--color-border-gold);border-radius:var(--border-radius-sm);overflow:visible;margin-top:var(--space-xs);animation:fadeInUp .15s ease-out}.nav-professions-dropdown[hidden]{display:none}.nav-professions-dropdown-item{display:flex;align-items:center;padding:.75rem 1rem;color:var(--color-text-secondary);font-family:var(--font-family-ui);font-size:.875rem;font-weight:500;transition:color var(--transition-fast),background-color var(--transition-fast);text-decoration:none;min-height:44px}@media(hover:hover){.nav-professions-dropdown-item:hover{color:var(--color-gold);background-color:var(--color-bg-hover)}}.nav-professions-dropdown-item:focus-visible{outline:2px solid var(--color-gold);outline-offset:-2px;border-radius:var(--border-radius-sm)}.main-content{flex:1;max-width:var(--max-width);margin:0 auto;padding:var(--space-md);padding-top:calc(var(--space-md) + 2px);width:100%;animation:fadeIn .2s ease-out;overflow-x:hidden}.dashboard[data-page=auction-house]{display:flex;flex-direction:column;flex:1;min-height:0}html.ah-page-active{overflow:hidden;scrollbar-gutter:auto}body.ah-page-active{overflow:hidden;height:100vh;height:100dvh}body.ah-page-active .main-content{max-width:100%;padding:0;display:flex;flex-direction:column;flex:1;min-height:0;height:calc(100vh - var(--header-height));height:calc(100dvh - var(--header-height));overflow:hidden}body.ah-page-active .site-footer{display:none}html:has(.dashboard[data-page=auction-house]),html:has(.wow-ah-classic){overflow:hidden;scrollbar-gutter:auto}body:has(.dashboard[data-page=auction-house]),body:has(.wow-ah-classic){overflow:hidden;height:100vh;height:100dvh}body:has(.dashboard[data-page=auction-house]) .main-content,body:has(.wow-ah-classic) .main-content{max-width:100%;padding:0;display:flex;flex-direction:column;flex:1;min-height:0;height:calc(100vh - var(--header-height));height:calc(100dvh - var(--header-height));overflow:hidden}.dashboard[data-page=auction-house]>.wow-frame.wow-ah-retail{flex:1;min-height:0;height:auto;padding:0}.dashboard[data-page=auction-house]>.wow-frame.wow-ah-retail.wow-ah-retail--collapsed{flex:0 0 auto;min-height:0;height:auto}.dashboard[data-page=auction-house]>.wow-frame.wow-ah-classic{flex:1;min-height:0;height:auto;padding:0}body:has(.dashboard[data-page=auction-house]) .site-footer,body:has(.wow-ah-classic) .site-footer{display:none}.site-footer{background-color:var(--color-bg-header);border-top:1px solid var(--color-border-gold);padding:0 var(--space-md) var(--space-lg);margin-top:auto;position:relative;content-visibility:auto;contain-intrinsic-size:auto 300px;contain:layout style paint}.footer-ornament{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:var(--space-lg) 0;max-width:80%;margin:0 auto}.footer-ornament-line{flex:1;height:1px;background:linear-gradient(90deg,transparent 0%,var(--color-gold-deep) 30%,var(--color-gold-dim) 50%,var(--color-gold-deep) 70%,transparent 100%);opacity:.5}.footer-ornament-diamond{width:8px;height:8px;background:var(--color-gold-dim);transform:rotate(45deg);flex-shrink:0;opacity:.6;box-shadow:0 0 8px #f0c04033}.footer-inner{max-width:var(--max-width);margin:0 auto;display:flex;flex-direction:column;gap:var(--space-xl)}.footer-grid{display:grid;grid-template-columns:1fr;gap:var(--space-lg);text-align:center}.footer-col{display:flex;flex-direction:column}.footer-col--brand{align-items:center}.footer-col-heading{font-family:var(--font-family-heading);font-size:.875rem;font-weight:600;color:var(--color-gold-dim);letter-spacing:.08em;text-transform:uppercase;margin-top:0;margin-bottom:var(--space-md)}.footer-link-list{display:flex;flex-direction:column;gap:var(--space-sm);align-items:center}.footer-link{color:#c8d0e8;font-family:var(--font-family-ui);font-size:.8125rem;font-weight:500;transition:color var(--transition-fast),text-decoration-color var(--transition-fast);position:relative;text-decoration:underline;text-decoration-color:#c8d0e873;text-underline-offset:2px}.footer-text--highlight{color:var(--color-text-secondary);font-weight:700;text-decoration:underline;text-decoration-color:#9098b04d;text-underline-offset:2px;transition:color var(--transition-fast)}@media(hover:hover){.footer-link:hover{color:var(--color-gold);text-decoration-color:#f0c04080}}@media(hover:hover){.footer-text--highlight:hover{color:var(--color-gold-dim)}}.footer-seo-text{text-align:center;border-top:1px solid var(--color-border);padding-top:var(--space-lg);margin-bottom:var(--space-md)}.footer-seo-text p{color:var(--color-text-secondary);font-size:.75rem;line-height:1.7;max-width:52rem;margin:0 auto;font-family:var(--font-family-ui)}.footer-attribution{text-align:center;border-top:1px solid var(--color-border);padding-top:var(--space-lg)}.footer-attribution p{color:var(--color-text-muted);font-size:.75rem;line-height:1.6;max-width:48rem;margin:0 auto;font-family:var(--font-family-ui)}.footer-bottom{text-align:center}.footer-copy{color:var(--color-text-muted);font-size:.75rem;letter-spacing:.02em;font-family:var(--font-family-ui)}.footer-separator{margin:0 .5rem;opacity:.4}.footer-made-by{color:var(--color-text-muted)}.footer-brand{display:flex;flex-direction:column;gap:.25rem;margin-bottom:var(--space-sm);align-items:center}.footer-brand-name{font-family:var(--font-family-heading);font-size:1.1rem;font-weight:700;color:var(--color-gold);letter-spacing:.06em}.footer-brand-tagline{font-size:.8rem;color:var(--color-text-muted);letter-spacing:.03em;font-family:var(--font-family-ui)}.footer-brand-desc{color:var(--color-text-secondary);font-size:.8125rem;line-height:1.6;text-align:center;max-width:none}.card{background:linear-gradient(170deg,#161c34f5,#12162af0,#14182cf2 60%,#181e36ed);border:1px solid var(--color-border-gold);border-radius:var(--border-radius);padding:var(--space-md);margin-bottom:var(--space-md);box-shadow:var(--shadow-card-wow);transition:transform var(--transition-smooth),box-shadow var(--transition-smooth),border-color var(--transition-smooth);animation:fadeInUp .25s ease-out both;contain:layout;position:relative;overflow:visible}.card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,var(--color-gold-dim) 15%,var(--color-gold) 50%,var(--color-gold-dim) 85%,transparent 100%);opacity:.4;transition:opacity var(--transition-smooth)}.card:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(184,145,46,.25) 20%,rgba(184,145,46,.4) 50%,rgba(184,145,46,.25) 80%,transparent 100%);opacity:.35;transition:opacity var(--transition-smooth)}.card:nth-child(1){animation-delay:0s}.card:nth-child(2){animation-delay:.03s}.card:nth-child(3){animation-delay:.06s}.card:nth-child(4){animation-delay:.09s}.card:nth-child(5){animation-delay:.12s}.card:nth-child(6){animation-delay:.15s}.card-title{color:var(--color-gold);font-family:var(--font-family-heading);font-size:clamp(.8125rem,2vw,.9375rem);font-weight:700;margin-bottom:var(--space-sm);padding-bottom:.5rem;border-bottom:1px solid var(--color-border-gold);text-transform:uppercase;letter-spacing:.08em;text-shadow:0 0 12px rgba(240,192,64,.15);position:relative}.card-title:after{display:none}.controls-section{margin-bottom:var(--space-sm)}.controls-bar{display:flex;flex-direction:column;gap:var(--space-sm);align-items:stretch;margin-bottom:var(--space-sm)}.control-group{display:flex;flex-direction:column;gap:var(--space-sm);width:100%}.control-group--tabs{width:100%}.control-label{color:var(--color-gold-dim);font-family:var(--font-family-ui);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;text-shadow:0 0 8px rgba(240,192,64,.08)}.control-group--auction-house[hidden]{display:none}.controls-row-secondary{display:flex;flex-direction:column;gap:var(--space-sm);margin-top:var(--space-sm)}.version-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);padding-bottom:var(--space-sm);border-bottom:1px solid var(--color-border-gold);width:100%}.version-title{font-family:var(--font-family-heading);font-size:clamp(1rem,2.5vw,1.25rem);font-weight:700;color:var(--color-gold);letter-spacing:.04em;text-shadow:0 0 12px rgba(240,192,64,.15);margin:0;line-height:1.3}.version-switch-link{font-family:var(--font-family-ui);font-size:.75rem;font-weight:500;color:var(--color-text-secondary);text-decoration:none;white-space:nowrap;transition:color var(--transition-fast);flex-shrink:0;padding:var(--space-xs) 0;min-height:44px;display:inline-flex;align-items:center}.version-switch-link:before{content:"\2190";margin-right:.35em;font-size:.85em}@media(hover:hover){.version-switch-link:hover{color:var(--color-gold)}}.nav-version-badge{display:none;font-size:.75rem;font-weight:600;color:var(--color-gold-dim);background:#f0c0400f;border:1px solid rgba(240,192,64,.15);padding:.15rem .5rem;border-radius:var(--border-radius-pill);letter-spacing:.05em;text-transform:uppercase;white-space:nowrap;font-family:var(--font-family-ui);margin-left:var(--space-xs);line-height:1.3}.nav-item--version-switcher{position:relative;display:flex;align-items:center;padding:var(--space-sm) 0;border-bottom:1px solid var(--color-border)}.nav-version-select{width:100%;font-size:.9375rem;padding:.5rem 2.25rem .5rem .75rem;min-height:44px;border-color:var(--color-border-gold-strong);background-color:#080c16e6;color:var(--color-gold);font-family:var(--font-family-heading);font-weight:600;letter-spacing:.03em;text-shadow:0 1px 2px rgba(0,0,0,.6);transition:border-color var(--transition-fast),box-shadow var(--transition-fast),color var(--transition-fast)}@media(hover:hover){.nav-version-select:hover{border-color:var(--color-gold);color:var(--color-gold-bright);box-shadow:0 0 10px #f0c04033,inset 0 0 8px #f0c0400d}}.nav-version-select:focus{border-color:var(--color-gold-bright);box-shadow:0 0 12px #f0c04040,inset 0 0 8px #f0c0400f}.nav-version-select:focus:not(:focus-visible){outline:none}.nav-version-select:focus-visible{outline:2px solid var(--color-gold);outline-offset:2px}.nav-version-select option{background:var(--color-bg-secondary);color:var(--color-text-primary);padding:.5rem}.nav-version-select-icon{display:none}.tab-group{display:flex;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;background-color:#080a14cc;border:1px solid var(--color-border-gold-strong);border-radius:var(--border-radius);padding:3px;gap:3px;box-shadow:inset 0 2px 6px #00000080,0 1px #f0c0400d;width:100%}.tab-group::-webkit-scrollbar{display:none}.tab{flex:0 0 auto;text-align:center;padding:.5rem .75rem;background-color:#0e122499;color:var(--color-text-secondary);font-family:var(--font-family-ui);font-size:.8125rem;font-weight:500;border:1px solid rgba(184,145,46,.12);border-radius:var(--border-radius-sm);transition:background-color var(--transition-smooth),color var(--transition-smooth),box-shadow var(--transition-smooth),border-color var(--transition-smooth),text-shadow var(--transition-smooth);white-space:nowrap;position:relative;letter-spacing:.02em;min-height:44px;display:flex;align-items:center;justify-content:center;cursor:pointer}@media(hover:hover){.tab:hover{background-color:#f0c0400f;color:var(--color-text-primary);border-color:#b8912e4d}}.tab.active{background:linear-gradient(180deg,#f0c04038,#b8912e1f);color:var(--color-gold);font-weight:600;border-color:var(--color-gold-dim);box-shadow:0 0 14px #f0c04033,inset 0 1px #f0c0401f,0 0 4px #f0c0401a;text-shadow:0 0 10px rgba(240,192,64,.35)}.tab-label-full{display:inline}.tab-label-short{display:none}.tab-badge{display:inline-flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;min-width:1.1rem;height:1.1rem;border-radius:50%;margin-left:.35rem;vertical-align:middle;line-height:1}.tab-badge--warning{background:#ff980033;color:#ff9800;border:1px solid rgba(255,152,0,.4)}.faction-select-wrapper{position:relative}.faction-indicator{position:absolute;top:50%;right:2.5rem;transform:translateY(-50%);width:8px;height:8px;border-radius:50%;background:var(--color-alliance);box-shadow:0 0 6px #0070dd66;transition:background var(--transition-smooth),box-shadow var(--transition-smooth);pointer-events:none}body.faction-horde .faction-indicator{background:var(--color-horde);box-shadow:0 0 6px #c41f3b66}.select-input{-webkit-appearance:none;appearance:none;background-color:#060810e6;color:var(--color-text-primary);border:1px solid var(--color-border-gold-strong);border-radius:var(--border-radius);padding:.5rem 2.25rem .5rem .75rem;font-size:1rem;width:100%;min-width:0;max-width:100%;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2712%27 height=%278%27 viewBox=%270 0 12 8%27%3E%3Cpath fill=%27%23b8912e%27 d=%27M1 1l5 5 5-5%27/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .875rem center;transition:border-color var(--transition-smooth),box-shadow var(--transition-smooth);box-shadow:var(--shadow-sm),inset 0 2px 4px #0000004d;min-height:44px}.select-input:focus{border-color:var(--color-gold);box-shadow:0 0 0 2px #f0c0404d,0 0 14px #f0c0401f,var(--shadow-sm)}.select-input:focus:not(:focus-visible){outline:none}.select-input:focus-visible{outline:2px solid var(--color-gold);outline-offset:2px}@media(hover:hover){.select-input:hover{border-color:var(--color-gold-dim)}}.select-input--small{min-width:8.5rem;padding:.4375rem 2rem .4375rem .75rem;font-size:1rem}@media(min-width:768px){.select-input--small{font-size:.8125rem}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:.5rem 1.25rem;background:linear-gradient(180deg,#f0c0402e,#a0782014 60%,#b8912e1f);color:var(--color-gold);font-family:var(--font-family-ui);font-weight:600;font-size:.875rem;border-radius:var(--border-radius);border:1px solid var(--color-gold-dim);border-top-color:#f0c04099;border-bottom-color:#8c691980;transition:transform var(--transition-smooth),box-shadow var(--transition-smooth),opacity var(--transition-smooth),background var(--transition-smooth),border-color var(--transition-smooth);box-shadow:var(--shadow-sm),0 0 8px #f0c0401a,inset 0 1px #f0c04014;letter-spacing:.03em;position:relative;overflow:hidden;text-shadow:0 0 8px rgba(240,192,64,.18);min-height:44px;cursor:pointer}.btn:after{content:"";position:absolute;top:-50%;left:0;width:50%;height:200%;background:linear-gradient(90deg,transparent,rgba(240,192,64,.12),transparent);transform:skew(-20deg) translate(-200%);pointer-events:none;opacity:0;transition:opacity .2s ease}.btn:active{transform:translateY(1px);box-shadow:inset 0 2px 4px #0006,0 0 4px #f0c04014}.btn:focus-visible{outline:2px solid var(--color-gold);outline-offset:2px}.btn:disabled{opacity:.3;cursor:not-allowed;transform:none;box-shadow:none;filter:saturate(.4)}@media(hover:hover){.btn:disabled:hover{transform:none;box-shadow:none;filter:saturate(.4)}}.btn:disabled:hover:after,.btn:disabled:focus:after{opacity:0;animation:none}.btn--small{padding:.4375rem 1rem;font-size:.8125rem;min-height:44px}.btn--share{white-space:nowrap}.btn--copied{background:#4caf5026;border-color:#4caf50;color:#4caf50}.btn--copied:focus-visible{outline-color:#4caf50}.copy-name-btn{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;min-width:28px;padding:0;border:1px solid rgba(200,168,62,.35);border-radius:3px;background:#c8a83e1a;color:var(--wow-text-secondary, #b0a880);cursor:pointer;flex-shrink:0;transition:background .15s ease,border-color .15s ease,color .15s ease;position:relative}.copy-name-btn svg{width:14px;height:14px;pointer-events:none}@media(hover:hover){.copy-name-btn:hover{background:#c8a83e26;border-color:#c8a83e66;color:var(--wow-text-gold, #f0c040)}}.copy-name-btn:focus-visible{outline:2px solid var(--color-gold, #f0c040);outline-offset:1px}.copy-name-btn.copy-name-btn--copied{background:#4caf5026;border-color:#4caf50;color:#4caf50}.copy-name-btn .copy-name-tooltip{position:absolute;bottom:calc(100% + 4px);left:50%;transform:translate(-50%);padding:2px 6px;font-size:.75rem;font-family:inherit;line-height:1.3;white-space:nowrap;color:#4caf50;background:#0e1121f2;border:1px solid rgba(76,175,80,.3);border-radius:3px;pointer-events:none;opacity:0;transition:opacity .15s ease;z-index:100}.copy-name-btn--copied .copy-name-tooltip{opacity:1}@media(pointer:coarse){.copy-name-btn{width:44px;height:44px;min-width:44px}.copy-name-btn svg{width:16px;height:16px}}.search-section{margin-bottom:var(--space-sm)}.search-wrapper{position:relative;max-width:100%}.search-wrapper:before{content:"";position:absolute;left:.875rem;top:50%;transform:translateY(-50%);width:1.125rem;height:1.125rem;background-image:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2718%27 height=%2718%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27%23b8912e%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Ccircle cx=%2711%27 cy=%2711%27 r=%278%27/%3E%3Cline x1=%2721%27 y1=%2721%27 x2=%2716.65%27 y2=%2716.65%27/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat;z-index:1;pointer-events:none}.search-input{width:100%;padding:.625rem 1rem .625rem 2.5rem;background-color:#060810e6;color:var(--color-text-primary);border:1px solid var(--color-gold-dim);border-top-color:#8c691980;border-bottom-color:#f0c04080;border-radius:var(--border-radius);font-size:1rem;transition:border-color var(--transition-smooth),box-shadow var(--transition-smooth),background-color var(--transition-smooth);box-shadow:var(--shadow-sm),inset 0 2px 6px #0006,0 0 6px #f0c0400f;letter-spacing:.01em;min-height:44px}.search-input::placeholder{color:var(--color-text-muted);font-weight:400}.search-input:focus{border-color:var(--color-gold);box-shadow:0 0 0 2px #f0c04026,0 0 20px #f0c0401f,var(--shadow-md),inset 0 2px 6px #0000004d;background-color:#080a16fa}.search-input:focus:not(:focus-visible){outline:none}.search-input:focus~.search-results{border-color:var(--color-gold-dim)}.search-results{position:absolute;top:calc(100% + 4px);left:0;right:0;background-color:var(--color-bg-secondary);border:1px solid var(--color-border-gold);border-radius:var(--border-radius);max-height:60vh;overflow-y:auto;overscroll-behavior:contain;z-index:950;box-shadow:var(--shadow-xl),0 0 20px #0000004d;animation:fadeInUp .2s ease-out;contain:layout style}.search-results[hidden]{display:none}.search-result-item{display:flex;align-items:center;gap:.625rem;padding:.625rem .75rem;cursor:pointer;transition:background-color var(--transition-fast),border-left-color var(--transition-fast);border-bottom:1px solid rgba(30,36,68,.6);border-left:3px solid transparent;min-height:48px}.search-result-item:first-child{border-radius:var(--border-radius) var(--border-radius) 0 0}.search-result-item:last-child{border-bottom:none;border-radius:0 0 var(--border-radius) var(--border-radius)}.search-result-item:first-child:last-child{border-radius:var(--border-radius)}.search-result-item.highlighted{background-color:var(--color-bg-hover);border-left-color:var(--color-gold)}.search-result-item:focus-visible{outline:2px solid var(--color-gold);outline-offset:-2px;border-radius:var(--border-radius-sm)}@media(hover:hover){.search-result-item:hover{background-color:var(--color-bg-hover);border-left-color:var(--color-gold)}}.search-result-icon{width:2rem;height:2rem;aspect-ratio:1;border-radius:var(--border-radius-sm);flex-shrink:0;background-color:var(--color-bg-input);border:1px solid var(--color-border-gold);object-fit:cover;image-rendering:auto}.search-result-icon-placeholder{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:var(--border-radius-sm);background:linear-gradient(135deg,var(--color-gold-dim),var(--color-gold));color:var(--color-bg-primary);font-size:.75rem;font-weight:700;flex-shrink:0}.search-result-name{font-size:.8125rem;font-weight:500;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-result-level{color:var(--color-text-muted);font-size:.75rem;flex-shrink:0;font-weight:500}.search-result-info{display:flex;flex-direction:column;gap:.1rem;flex:1;min-width:0}.search-result-class{font-size:.75rem;color:var(--color-text-muted)}.search-result-count{padding:var(--space-xs) var(--space-sm);font-size:.75rem;color:var(--color-text-muted);border-bottom:1px solid var(--color-border)}.search-no-results{padding:1.5rem 1.25rem;color:var(--color-text-muted);text-align:center;font-size:.875rem;font-weight:500}.search-input--loading{background-repeat:no-repeat;background-position:right .875rem center;background-size:1.125rem;padding-right:2.5rem}.search-enter-hint{display:flex;align-items:center;justify-content:center;padding:var(--space-sm) var(--space-md);font-size:.75rem;color:var(--color-text-muted);opacity:.7}.search-history-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-xs) var(--space-sm);border-bottom:1px solid var(--color-border)}.search-history-label{font-size:.75rem;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;font-weight:600}.search-history-clear{background:none;border:none;color:var(--color-text-muted);font-size:.75rem;cursor:pointer;padding:.15rem .4rem;border-radius:var(--border-radius-sm);transition:color var(--transition-fast);min-height:44px;min-width:44px;display:inline-flex;align-items:center;justify-content:center}@media(hover:hover){.search-history-clear:hover{color:var(--color-gold)}}.search-history-item{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-xs) var(--space-sm);cursor:pointer;transition:background var(--transition-fast);font-size:.85rem;color:var(--color-text-secondary);border-left:3px solid transparent;min-height:44px}.search-history-item:last-child{border-bottom:none}.search-history-item.highlighted{background:#f0c04014;color:var(--color-text-primary);border-left-color:var(--color-gold)}@media(hover:hover){.search-history-item:hover{background:#f0c04014;color:var(--color-text-primary);border-left-color:var(--color-gold)}}.search-history-icon{font-size:.85rem;color:var(--color-text-muted);flex-shrink:0}.search-history-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.search-loading-state{display:flex;align-items:center;justify-content:center;padding:var(--space-md);color:var(--color-text-muted);font-size:.85rem}.search-inline-spinner{display:inline-block;width:1rem;height:1rem;border:2px solid rgba(240,192,64,.3);border-top-color:var(--color-gold);border-radius:50%;animation:spin .6s linear infinite;will-change:transform;margin-right:var(--space-sm)}.search-error-state{color:var(--color-red);border-left:3px solid var(--color-red);background:#e040400f;border-radius:var(--border-radius);padding:var(--space-md)}.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-xs);text-align:center;contain:layout style}.stat-item{display:flex;flex-direction:column;gap:.25rem;padding:var(--space-sm) var(--space-xs);border-radius:var(--border-radius);background:linear-gradient(180deg,rgba(240,192,64,.04) 0%,transparent 100%);border:1px solid rgba(184,145,46,.12)}.stat-number{font-family:var(--font-family-heading);font-size:1.375rem;font-weight:700;color:var(--color-gold);line-height:1.1}.stat-label{font-family:var(--font-family-ui);font-size:.75rem;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.08em;font-weight:600}.stats-overview{display:grid;grid-template-columns:1fr;gap:var(--space-sm);margin-bottom:var(--space-sm);contain:layout style;min-height:var(--stats-overview-min-h)}.stat-card{position:relative;overflow:hidden;background:linear-gradient(170deg,#161c34f5,#12162af0,#181e36ed);border:1px solid var(--color-border-gold);border-radius:var(--border-radius);padding:var(--space-sm) var(--space-md);box-shadow:var(--shadow-card-wow);transition:box-shadow var(--transition-smooth),border-color var(--transition-smooth);animation:fadeInUp .4s ease-out both;contain:layout}.stat-card:nth-child(1){animation-delay:.05s}.stat-card:nth-child(2){animation-delay:.1s}.stat-card:nth-child(3){animation-delay:.15s}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--color-gold),transparent);opacity:.5}.stat-card--gold{border-color:#f0c04066}.stat-card--gold:before{background:linear-gradient(90deg,transparent,var(--color-gold),transparent)}.stat-card--blue{border-color:#60a0ff59}.stat-card--blue:before{background:linear-gradient(90deg,transparent,var(--color-blue),transparent)}.stat-card--purple{border-color:#a335ee59}.stat-card--purple:before{background:linear-gradient(90deg,transparent,var(--color-quality-epic),transparent)}.stat-card-inner{display:flex;align-items:center;gap:var(--space-md)}.stat-card-icon{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border-radius:var(--border-radius);flex-shrink:0;background:#f0c04014;border:1px solid rgba(240,192,64,.15)}.stat-card-icon svg{width:1.25rem;height:1.25rem}.stat-card--gold .stat-card-icon{color:var(--color-gold)}.stat-card--blue .stat-card-icon{color:var(--color-blue);background:#60a0ff14;border-color:#60a0ff26}.stat-card--purple .stat-card-icon{color:var(--color-quality-epic);background:#a335ee14;border-color:#a335ee26}.stat-card-content{display:flex;flex-direction:column;gap:.25rem;min-width:0}.stat-card-number{font-size:1.125rem;font-weight:700;color:var(--color-gold);line-height:1.1}.stat-card-label{font-size:.75rem;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.08em;font-weight:600}.gold-value{color:var(--color-gold);font-weight:600}.gold-label{color:var(--color-gold-dim);font-size:.85em}.silver-value{color:var(--color-silver);font-weight:600}.silver-label{color:#a8a8a8;font-size:.85em}.copper-value{color:var(--color-copper);font-weight:600}.copper-label{color:#a06828;font-size:.85em}.price-negative{color:var(--color-red, #ff6b6b);font-weight:700}.hero-section{position:relative;padding:.5rem 1rem;margin-bottom:var(--space-xs);text-align:center;overflow:hidden;min-height:var(--hero-section-min-h);background:radial-gradient(ellipse at 50% 0%,rgba(240,192,64,.12) 0%,transparent 55%),linear-gradient(170deg,#161c3480,#0e12244d);border-top:2px solid rgba(240,192,64,.4);border-bottom:2px solid rgba(240,192,64,.4);border-left:1px solid var(--color-border-gold-strong);border-right:1px solid var(--color-border-gold-strong);border-radius:var(--border-radius);box-shadow:var(--shadow-card-wow);animation:fadeInUp .5s ease-out both;contain:layout style}.hero-section:before,.hero-section:after{content:"";position:absolute;width:32px;height:32px;pointer-events:none;opacity:.65}.hero-section:before{top:4px;left:4px;border-top:2px solid var(--color-gold-dim);border-left:2px solid var(--color-gold-dim)}.hero-section:after{bottom:4px;right:4px;border-bottom:2px solid var(--color-gold-dim);border-right:2px solid var(--color-gold-dim)}.hero-content{position:relative;z-index:1}.hero-title{font-size:clamp(1.1rem,3vw,1.75rem);font-weight:700;color:var(--color-gold);letter-spacing:.04em;text-transform:uppercase;text-shadow:0 0 24px rgba(240,192,64,.2),0 2px 4px rgba(0,0,0,.3);line-height:1.2;text-align:center;margin:0}@supports (-webkit-background-clip: text) or (background-clip: text){.hero-title{background:linear-gradient(135deg,var(--color-gold-bright) 0%,var(--color-gold) 30%,var(--color-gold-dim) 60%,var(--color-gold-bright) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}}.hero-ornament{position:absolute;bottom:-1px;left:50%;transform:translate(-50%);width:80px;height:2px;background:linear-gradient(90deg,transparent 0%,var(--color-gold-deep) 20%,var(--color-gold) 50%,var(--color-gold-deep) 80%,transparent 100%);opacity:.5}.hero-ornament:after{content:"";position:absolute;bottom:-2px;left:50%;transform:translate(-50%) rotate(45deg);width:5px;height:5px;background:var(--color-gold-dim);opacity:.6}body.faction-alliance .hero-section{background:radial-gradient(ellipse at 50% 0%,rgba(0,112,221,.08) 0%,transparent 60%),linear-gradient(180deg,rgba(20,26,48,.4) 0%,transparent 100%);border-color:#0070dd4d}body.faction-alliance .hero-ornament{background:linear-gradient(90deg,transparent,rgba(0,112,221,.6),transparent)}body.faction-horde .hero-section{background:radial-gradient(ellipse at 50% 0%,rgba(196,31,59,.08) 0%,transparent 60%),linear-gradient(180deg,rgba(20,26,48,.4) 0%,transparent 100%);border-color:#c41f3b4d}body.faction-horde .hero-ornament{background:linear-gradient(90deg,transparent,rgba(196,31,59,.6),transparent)}body.faction-alliance .select-input{border-color:#48f6}body.faction-horde .select-input{border-color:#f446}body.faction-alliance .control-label{color:#6af}body.faction-horde .control-label{color:#f44}.info-row{display:grid;grid-template-columns:1fr;gap:var(--space-md)}.chart-section{min-height:var(--chart-section-min-h);contain:layout;overflow:hidden}.chart-header{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-xs);margin-bottom:var(--space-sm)}.chart-header .card-title{margin-bottom:0;padding-bottom:0;border-bottom:none}.chart-header .card-title:after{display:none}.chart-controls,.chart-controls .select-input--small{width:100%}.chart-figure{margin:0;overflow:hidden}.chart-container{position:relative;width:100%;min-height:12rem;max-height:18rem;border-radius:var(--border-radius);padding:var(--space-xs);background-color:#0a0e1a66;border:1px solid rgba(30,36,68,.4);contain:layout style;overflow:hidden}.chart-container:before,.chart-container:after{content:"";position:absolute;width:14px;height:14px;pointer-events:none;opacity:.4;transition:opacity var(--transition-smooth)}.chart-container:before{top:4px;left:4px;border-top:2px solid var(--color-gold-dim);border-left:2px solid var(--color-gold-dim)}.chart-container:after{bottom:4px;right:4px;border-bottom:2px solid var(--color-gold-dim);border-right:2px solid var(--color-gold-dim)}.chart-container canvas{max-width:100%;width:100%;height:100%}.chart-container--responsive{position:relative;width:100%;box-sizing:border-box}.chart-container--responsive canvas{display:block;max-width:100%;max-height:100%}.chart-no-data-overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:var(--space-lg);color:var(--color-text-muted);font-size:.875rem;font-weight:500;text-align:center;min-height:200px;background:#0e1121b3;z-index:5;pointer-events:none}.chart-empty-state{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;pointer-events:none}.chart-empty-text{color:var(--color-text-muted);font-size:.9rem;font-style:italic;text-align:center;padding:var(--space-lg)}.chart-container--dashboard{min-height:17.5rem;max-height:26.25rem}.chart-container--loading{position:relative}.chart-container--loading:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:2rem;height:2rem;border:3px solid rgba(184,145,46,.15);border-top-color:var(--color-gold);border-radius:50%;animation:spin .8s linear infinite;z-index:5}.chart-time-range-group{display:flex;gap:0;border-radius:var(--border-radius);overflow:clip;border:1px solid var(--color-border-gold);width:100%}.chart-time-btn{flex:1;text-align:center;padding:.5rem .25rem;font-size:.75rem;font-weight:600;font-family:var(--font-family-ui);letter-spacing:.04em;text-transform:uppercase;color:var(--color-text-secondary);background:#0e1224cc;border:none;border-right:1px solid var(--color-border-gold);cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast),box-shadow var(--transition-fast);line-height:1;min-height:44px;touch-action:manipulation}.chart-time-btn:last-child{border-right:none}@media(hover:hover){.chart-time-btn:hover{color:var(--color-gold-bright);background:#f0c04014}}.chart-time-btn:focus-visible{outline:2px solid var(--color-gold);outline-offset:-2px;z-index:1}.chart-time-btn--active,.chart-time-btn[aria-pressed=true]{color:var(--color-bg-primary);background:linear-gradient(135deg,var(--color-gold-dim),var(--color-gold));box-shadow:inset 0 1px #ffffff26;text-shadow:0 1px 1px rgba(0,0,0,.2)}.chart-series-toggles{display:flex;flex-wrap:wrap;gap:.375rem;padding:.5rem 0}.chart-series-toggle{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .75rem;font-size:.75rem;font-weight:600;font-family:var(--font-family-ui);letter-spacing:.02em;color:var(--color-text-muted);background:#0e122499;border:1px solid var(--color-border);border-radius:var(--border-radius-pill);cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast);min-height:44px;-webkit-user-select:none;user-select:none;touch-action:manipulation}@media(hover:hover){.chart-series-toggle:hover{color:var(--color-text-primary);background:#0e1224cc;border-color:#ffffff26}}.chart-series-toggle:focus-visible{outline:2px solid var(--color-gold);outline-offset:2px}.chart-series-toggle[aria-pressed=true]{color:#fff;border-color:var(--chart-toggle-color, var(--color-gold));background:#0e1224cc;box-shadow:inset 0 0 0 1px var(--chart-toggle-color, var(--color-gold)),0 0 6px #0000004d}.chart-series-toggle__swatch{display:inline-block;width:12px;height:3px;border-radius:2px;background:var(--chart-toggle-color, var(--color-text-muted));flex-shrink:0;transition:opacity var(--transition-fast)}.chart-series-toggle[aria-pressed=true] .chart-series-toggle__swatch{opacity:1;height:3px}.chart-series-toggle[aria-pressed=false] .chart-series-toggle__swatch{opacity:.4}.chart-series-toggle--dotted .chart-series-toggle__swatch{background:transparent;border-top:3px dotted var(--chart-toggle-color, var(--color-text-muted));height:0}.chart-series-toggle--dashed .chart-series-toggle__swatch{background:transparent;border-top:3px dashed var(--chart-toggle-color, var(--color-text-muted));height:0}.chart-series-toggle--dotted[aria-pressed=true] .chart-series-toggle__swatch,.chart-series-toggle--dashed[aria-pressed=true] .chart-series-toggle__swatch{height:0}.chart-series-toggle--nodata{opacity:.55;border-style:dashed}.chart-series-toggle--nodata:after{content:" (no data)";font-size:.75em;color:var(--color-text-muted)}.chart-series-toggle--identical{opacity:.7;font-style:italic;border-style:dotted}.chart-series-toggle--identical:after{content:" =";font-size:.75em;opacity:.6}.price-metric-toggle-group{display:inline-flex;gap:2px;background:#0e122499;border:1px solid var(--color-border);border-radius:var(--border-radius-sm);padding:2px;margin-bottom:.5rem}.price-metric-toggle{font-family:var(--font-family-ui);font-size:.75rem;font-weight:500;line-height:1;padding:.3125rem .625rem;border:1px solid transparent;border-radius:var(--border-radius-sm);background:transparent;color:var(--color-text-secondary);cursor:pointer;transition:color var(--transition-fast),background var(--transition-fast),border-color var(--transition-fast);white-space:nowrap;min-height:44px;display:inline-flex;align-items:center;gap:4px}@media(hover:hover){.price-metric-toggle:hover{color:var(--color-text-primary);background:#1e244499}}.price-metric-toggle:focus-visible{outline:2px solid var(--color-gold);outline-offset:1px}.price-metric-toggle[aria-pressed=true]{color:var(--color-gold);background:#f0c0401a;border-color:#f0c04059;box-shadow:0 0 6px #f0c0401a}.price-metric-toggle__swatch{display:inline-block;width:10px;height:2px;border-radius:1px;background:currentColor;flex-shrink:0}.coming-soon-banner{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);padding:var(--space-lg) var(--space-md);background:linear-gradient(135deg,#141a3099,#181f3866);border:1px solid var(--color-border-gold);border-radius:var(--border-radius);text-align:center;contain:layout style}.coming-soon-badge{display:inline-block;padding:.25rem .75rem;font-size:.75rem;font-weight:700;font-family:var(--font-family-ui);text-transform:uppercase;letter-spacing:.08em;color:var(--color-bg-primary);background:linear-gradient(135deg,var(--color-gold-dim),var(--color-gold));border-radius:var(--border-radius-pill)}.coming-soon-text{color:var(--color-text-secondary);font-size:.875rem;font-style:italic;line-height:1.5;text-align:center;max-width:40ch}.table-wrapper{overflow-x:auto;border-radius:var(--border-radius);scrollbar-width:thin;scrollbar-color:var(--color-border-light) transparent;position:relative;max-width:100%;contain:layout style}.table-wrapper::-webkit-scrollbar{height:6px}.table-wrapper::-webkit-scrollbar-track{background:transparent}.table-wrapper::-webkit-scrollbar-thumb{background:var(--color-border-light);border-radius:3px}.data-table{width:100%;border-collapse:collapse;font-family:var(--font-family-ui);font-size:.75rem}.data-table td,.data-table th{white-space:nowrap}.data-table td:first-child{white-space:normal;min-width:120px;word-break:break-word;overflow-wrap:break-word}.data-table thead tr{border-left:3px solid var(--color-gold-dim)}.data-table th{background:var(--color-bg-card-inner);background-image:linear-gradient(180deg,#b8912e1f,#a078200f);color:var(--color-gold);font-weight:600;text-align:left;padding:.5rem .625rem;border-bottom:2px solid var(--color-border-gold);text-transform:uppercase;font-size:.75rem;letter-spacing:.08em;position:sticky;top:0;z-index:2}.data-table td{padding:.5rem .625rem;border-bottom:1px solid rgba(30,36,68,.5);color:var(--color-text-primary)}.data-table tbody tr:nth-child(2n){background-color:#141a3059}.data-table tbody tr:nth-child(odd){background-color:transparent}.data-table tbody tr{border-left:3px solid transparent}@media(hover:hover){.data-table tbody tr{transition:background-color var(--transition-fast)}}.listings-section{overflow:hidden;content-visibility:auto;contain-intrinsic-size:auto 400px}.table-empty{text-align:center;color:var(--color-text-muted);padding:2.5rem 1rem;font-style:italic;font-weight:500}.pagination{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:var(--space-sm);margin-top:var(--space-md);padding-top:var(--space-md);border-top:1px solid var(--color-border-gold);contain:layout style}.pagination-info{color:var(--color-text-secondary);font-size:.75rem;font-weight:500;order:-1;width:100%;text-align:center}.back-to-ah{margin-bottom:var(--space-md)}.back-to-ah[hidden]{display:none}.back-to-ah-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem .625rem 1rem;background:linear-gradient(135deg,#b8912e26,#f0c04014);border:1px solid var(--color-border-gold);border-radius:var(--border-radius-pill, 2rem);color:var(--color-gold);font-family:var(--font-family-heading, "Cinzel", serif);font-weight:600;font-size:.875rem;letter-spacing:.02em;text-decoration:none;transition:background var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast);cursor:pointer;line-height:1.4;min-height:44px;-webkit-tap-highlight-color:transparent}@media(hover:hover){.back-to-ah-btn:hover{background:linear-gradient(135deg,#f0c04040,#b8912e26);border-color:var(--color-border-gold-strong);color:var(--color-gold-bright);box-shadow:0 0 12px #f0c04026,0 2px 8px #0003;transform:translate(-2px)}}.back-to-ah-btn:focus-visible{outline:2px solid var(--color-gold);outline-offset:2px}.back-to-ah-btn:active{transform:translate(-1px) scale(.98)}.back-to-ah-icon{flex-shrink:0;transition:transform var(--transition-fast)}@media(hover:hover){.back-to-ah-btn:hover .back-to-ah-icon{transform:translate(-3px)}}.back-to-ah-text{white-space:nowrap}.breadcrumb{display:flex;align-items:center;gap:var(--space-xs);margin-bottom:var(--space-md);font-size:.75rem;color:var(--color-text-muted);overflow:hidden;min-width:0}.breadcrumb-link{color:var(--color-text-secondary);font-weight:500;transition:color var(--transition-fast)}@media(hover:hover){.breadcrumb-link:hover{color:var(--color-gold)}}.breadcrumb-link:focus-visible{outline:2px solid var(--color-gold);outline-offset:2px;border-radius:var(--border-radius-sm)}.breadcrumb-separator{color:var(--color-gold-dim);opacity:.6;-webkit-user-select:none;user-select:none}.breadcrumb-current{color:var(--color-gold-dim);font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.breadcrumb-list{display:flex;align-items:center;gap:var(--space-xs);list-style:none;padding:0;margin:0;flex-wrap:wrap;min-width:0}.breadcrumb-item{display:flex;align-items:center;gap:var(--space-xs);font-size:.75rem}.breadcrumb-item--current{color:var(--color-gold);font-weight:500}.item-page-search{max-width:600px;margin:0 auto 1.5rem;padding:0 1rem}.item-page-search-wrapper{position:relative;display:flex;align-items:center}.item-page-search-icon{position:absolute;left:1rem;color:var(--color-text-muted);pointer-events:none;z-index:1}.item-page-search-input{width:100%;padding:.75rem 1rem .75rem 2.75rem;background:var(--color-bg-input, var(--color-bg-secondary));border:1px solid var(--color-border);border-radius:var(--border-radius-pill, .5rem);color:var(--color-text-primary);font-family:var(--font-family-ui);font-size:1rem;transition:border-color var(--transition-fast),box-shadow var(--transition-fast);min-height:44px}.item-page-search-input::placeholder{color:var(--color-text-muted)}.item-page-search-input:focus{border-color:var(--color-gold-dim);box-shadow:0 0 0 3px #f0c04026;background:var(--color-bg-secondary)}.item-page-search-input:focus:not(:focus-visible){outline:none}.item-page-search-input:focus-visible{outline:2px solid var(--color-gold);outline-offset:2px}.item-page-search-results{position:absolute;top:100%;left:0;right:0;z-index:950;margin-top:.25rem;background-color:var(--color-bg-secondary);border:1px solid var(--color-border-gold);border-radius:var(--border-radius);max-height:60vh;overflow-y:auto;overscroll-behavior:contain;box-shadow:var(--shadow-xl),0 0 20px #0000004d;animation:fadeInUp .2s ease-out}.item-page-search-results[hidden]{display:none}.item-header-card{display:flex;flex-direction:column;gap:var(--space-md);overflow:visible}.item-header{display:flex;align-items:center;gap:var(--space-md);flex-wrap:wrap}.item-icon-wrapper{width:3rem;height:3rem;aspect-ratio:1;flex-shrink:0;border-radius:var(--border-radius);overflow:hidden;border:2px solid var(--color-border-gold-strong);box-shadow:var(--shadow-md),0 0 10px #f0c0401f,inset 0 0 6px #0000004d;transition:border-color var(--transition-smooth),box-shadow var(--transition-smooth)}@media(hover:hover){.item-header-card:hover .item-icon-wrapper{border-color:var(--color-gold);box-shadow:var(--shadow-md),0 0 16px #f0c04033,inset 0 0 6px #0000004d}}.item-icon-wrapper img{width:100%;height:100%;object-fit:cover}.item-icon-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-gold-dim),var(--color-gold));color:var(--color-bg-primary);font-size:1.25rem;font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,.3)}.item-info{min-width:0;flex:1}.item-name{font-family:var(--font-family-heading);font-size:1.125rem;font-weight:700;color:var(--color-text-heading);line-height:1.15;letter-spacing:.02em;overflow-wrap:break-word;word-break:break-word}.item-meta{display:flex;flex-wrap:wrap;gap:var(--space-sm);margin-top:.375rem}.item-detail{color:var(--color-text-secondary);font-size:.8125rem;font-weight:500}.item-detail:not(:last-child):after{content:"|";margin-left:.5rem;color:var(--color-gold-dim);opacity:.4}.item-realm-select{display:flex;flex-direction:column;align-items:stretch;width:100%;gap:var(--space-sm)}.item-realm-select .control-group--auction-house{width:100%}.item-actions{margin-left:0;width:100%;display:flex;align-items:center;gap:var(--space-sm)}.item-selector-group{display:flex;flex-direction:column;align-items:stretch;gap:.25rem}.item-stats-row{display:grid;grid-template-columns:1fr;gap:var(--space-md);align-items:start}.item-stats-row .card{margin-bottom:0}.item-charts-row{display:grid;grid-template-columns:1fr;gap:var(--space-md);margin-bottom:var(--space-md)}.item-charts-row .card{margin-bottom:0}.market-overview-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-sm);contain:layout style}.market-metric{display:flex;flex-direction:column;gap:.375rem;padding:.75rem;background:linear-gradient(135deg,#141a30e6,#181f38b3);border-radius:var(--border-radius);border:1px solid rgba(184,145,46,.15);transition:border-color var(--transition-smooth),background var(--transition-smooth),box-shadow var(--transition-smooth)}.market-metric-label{font-size:.75rem;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.08em;font-weight:600}.market-metric-value{font-size:1rem;font-weight:700;color:var(--color-gold);word-break:break-word}.market-overview-card .market-metric{border:1px solid rgba(184,145,46,.12);border-radius:var(--border-radius);padding:var(--space-md);background:linear-gradient(135deg,#141a30e6,#181f38b3);transition:border-color var(--transition-smooth),box-shadow var(--transition-smooth)}@media(hover:hover){.market-overview-card .market-metric:hover{border-color:#f0c04040;box-shadow:0 0 10px #f0c0400d}}.price-stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-sm);contain:layout style}.price-stat{display:flex;flex-direction:column;gap:.375rem;padding:.75rem;background:linear-gradient(135deg,#141a30e6,#181f38b3);border-radius:var(--border-radius);border:1px solid rgba(184,145,46,.15);transition:border-color var(--transition-smooth),background var(--transition-smooth),box-shadow var(--transition-smooth)}.price-stat-label{font-size:.75rem;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.08em;font-weight:600}.price-stat-value{font-size:1rem;font-weight:700;color:var(--color-gold);word-break:break-word}.price-stat-raw{font-size:.75rem;color:var(--color-text-muted);opacity:.7;word-break:break-word}.price-stat-raw .wow-gold,.price-stat-raw .wow-silver,.price-stat-raw .wow-copper{font-weight:inherit}.price-stats-updated{display:flex;align-items:baseline;gap:.375rem;padding:0 .125rem .5rem;font-size:.75rem;color:var(--color-text-muted);opacity:.8}.price-stats-updated-label{font-weight:600;text-transform:uppercase;letter-spacing:.06em;white-space:nowrap}.price-stats-updated-value{color:var(--color-text-secondary, #b0b8d0)}.price-display{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;display:inline-block;vertical-align:bottom}.wow-gold{color:gold;font-weight:600}.wow-silver{color:silver}.wow-copper{color:#b87333}.price-stat-value .wow-gold,.price-stat-value .wow-silver,.price-stat-value .wow-copper,.market-metric-value .wow-gold,.market-metric-value .wow-silver,.market-metric-value .wow-copper{font-weight:inherit}.item-header-card--wow{background:linear-gradient(135deg,#0c1020fa,#121830f5 40%,#0c1020fa);border:1px solid var(--color-border-gold-strong);box-shadow:var(--shadow-lg),var(--shadow-glow-gold),inset 0 1px #f0c0400f;position:relative;overflow:visible}.item-header-card--wow:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent 0%,var(--color-gold-dim) 15%,var(--color-gold) 50%,var(--color-gold-dim) 85%,transparent 100%);opacity:.7;z-index:1}.item-header-card--wow:after{content:"";position:absolute;inset:auto 0 0;height:1px;width:100%;background:linear-gradient(90deg,transparent 0%,rgba(184,145,46,.3) 20%,rgba(184,145,46,.5) 50%,rgba(184,145,46,.3) 80%,transparent 100%);opacity:1}@media(hover:hover){.item-header-card--wow:hover:before{opacity:1}}.item-header-card--wow .item-icon-wrapper{width:3.5rem;height:3.5rem;border-width:2px;box-shadow:var(--shadow-md),0 0 14px #f0c0402e,inset 0 0 8px #0006;background:var(--color-bg-primary)}.item-header-card--wow .item-icon-placeholder{font-size:1.25rem}.item-header-card--wow .item-name{font-size:clamp(1rem,4vw,1.375rem);text-shadow:0 2px 8px rgba(0,0,0,.5);line-height:1.2}.item-header-card--wow .item-realm-select{padding-top:var(--space-md);border-top:1px solid rgba(184,145,46,.15);margin-top:var(--space-sm);flex-wrap:wrap}.item-header-card--wow .btn--share{background:#f0c04014;border:1px solid var(--color-border-gold);color:var(--color-gold-dim);font-weight:600;letter-spacing:.04em;text-transform:uppercase;font-size:.75rem;padding:.5rem .875rem;min-height:44px;transition:background-color var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast)}@media(hover:hover){.item-header-card--wow .btn--share:hover{background:#f0c04026;color:var(--color-gold);border-color:var(--color-gold);box-shadow:0 0 10px #f0c0401a}}.item-header-card--wow .item-header{position:relative}.item-icon-wrapper .item-icon-img{width:100%;height:100%;object-fit:contain;display:block;border-radius:inherit}.item-page .data-table thead th{font-size:.75rem;text-transform:uppercase;letter-spacing:.08em}.item-icon-wrapper--poor{border-color:var(--color-quality-poor);box-shadow:var(--shadow-md),0 0 8px #9d9d9d26,inset 0 0 6px #0006}.item-icon-wrapper--common{border-color:var(--color-quality-common);box-shadow:var(--shadow-md),0 0 8px #ffffff1f,inset 0 0 6px #0006}.item-icon-wrapper--uncommon{border-color:var(--color-quality-uncommon);box-shadow:var(--shadow-md),0 0 12px #1eff0033,inset 0 0 8px #0006}.item-icon-wrapper--rare{border-color:var(--color-quality-rare);box-shadow:var(--shadow-md),0 0 12px #0070dd40,inset 0 0 8px #0006}.item-icon-wrapper--epic{border-color:var(--color-quality-epic);box-shadow:var(--shadow-md),0 0 14px #a335ee4d,inset 0 0 8px #0006}.item-icon-wrapper--legendary{border-color:var(--color-quality-legendary);box-shadow:var(--shadow-md),0 0 16px #ff800059,inset 0 0 8px #0006}.item-icon-wrapper--artifact{border-color:var(--color-quality-artifact);box-shadow:var(--shadow-md),0 0 14px #e6cc8040,inset 0 0 8px #0006}.item-icon-wrapper--heirloom{border-color:var(--color-quality-heirloom);box-shadow:var(--shadow-md),0 0 14px #00ccff40,inset 0 0 8px #0006}.item-icon-placeholder--wow-unknown{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1a1a2e,#0d0d1a);padding:0;margin:0}.item-icon-placeholder-svg{width:100%;height:100%;display:block}.item-icon-fallback--wow{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1a1a2e,#0d0d1a);border-radius:inherit}.item-icon-fallback--wow svg{width:100%;height:100%;display:block}.item-realm-context{display:flex;align-items:center;gap:.5rem;padding:var(--space-sm) var(--space-md);margin-top:var(--space-sm);background:#f0c0400a;border:1px solid rgba(184,145,46,.12);border-radius:var(--border-radius);font-size:.8125rem;flex-wrap:wrap}.realm-context-label{color:var(--color-text-secondary);font-weight:500}.realm-context-value{color:var(--color-gold);font-weight:600}.realm-context-separator{color:#b8912e4d}.realm-context-version{color:var(--color-text-secondary);font-style:italic}.item-error-card{text-align:center;padding:var(--space-xl) var(--space-lg);border:1px solid rgba(239,83,80,.3);background:linear-gradient(135deg,#140c0cf2,#1e1010e6)}.item-error-content{max-width:480px;margin:0 auto}.item-error-icon{display:inline-flex;align-items:center;justify-content:center;width:3.5rem;height:3.5rem;border-radius:50%;background:#ef53501f;border:2px solid rgba(239,83,80,.4);color:var(--color-red, #ef5350);font-size:1.75rem;font-weight:700;margin-bottom:var(--space-md)}.item-error-title{color:var(--color-red, #ef5350);font-size:1.375rem;margin-bottom:var(--space-sm)}.item-error-message{color:var(--color-text-secondary);font-size:.9375rem;line-height:1.6;margin-bottom:var(--space-lg)}.chart-loading-overlay{position:absolute;inset:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-sm);background:#0a0e1ad9;z-index:10;border-radius:inherit;pointer-events:none;transition:opacity .3s ease}.chart-loading-overlay[hidden]{display:none}.chart-loading-spinner{width:2rem;height:2rem;border:3px solid rgba(184,145,46,.15);border-top-color:var(--color-gold);border-radius:50%;animation:spin .8s linear infinite;will-change:transform}.chart-container--loading .chart-loading-overlay~canvas{opacity:.3}.chart-container--loading:before{display:none}.loading-spinner{display:inline-block;width:1.375rem;height:1.375rem;border:2.5px solid rgba(184,145,46,.2);border-top-color:var(--color-gold);border-radius:50%;animation:spin .7s linear infinite;will-change:transform}.loading-overlay{display:flex;align-items:center;justify-content:center;padding:var(--space-lg);flex-direction:column;text-align:center;gap:var(--space-md);color:var(--color-gold-dim);font-weight:500}.loading-skeleton{background:var(--color-bg-input);border-radius:var(--border-radius-sm);min-height:1.25em;min-width:3rem;display:inline-block;position:relative;overflow:hidden}.loading-skeleton:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 25%,rgba(240,192,64,.06) 45%,rgba(240,192,64,.1) 50%,rgba(240,192,64,.06) 55%,transparent 75%);animation:shimmer-transform 1.8s ease-in-out infinite;will-change:transform}.error-message{background-color:#e0404014;border:1px solid rgba(224,64,64,.25);border-left:3px solid var(--color-red);border-radius:var(--border-radius);padding:var(--space-sm) var(--space-md);color:var(--color-red);font-size:.8125rem;margin-bottom:var(--space-md);font-weight:500}.error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-xl);text-align:center;color:var(--color-red);gap:var(--space-sm)}.error-state p{font-size:.875rem;color:var(--color-text-secondary)}.stat-error{color:var(--color-red)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-xl);text-align:center;color:var(--color-text-muted);gap:var(--space-sm)}.empty-state p{font-size:.875rem;font-style:italic}.error-banner{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);padding:var(--space-sm) var(--space-md);margin-bottom:var(--space-md);background:#e040401a;border:1px solid rgba(224,64,64,.3);border-radius:var(--border-radius);font-family:var(--font-family-ui);animation:errorSlideIn .3s ease-out;contain:layout style}.error-banner-text{color:var(--color-red);font-size:.8125rem;font-weight:500;flex:1;min-width:0;overflow-wrap:break-word}.error-banner-actions{display:flex;gap:var(--space-sm);flex-shrink:0}.error-banner-btn{padding:.25rem .625rem;font-size:.75rem;font-family:var(--font-family-ui);font-weight:600;border-radius:var(--border-radius-sm);cursor:pointer;border:none;transition:background var(--transition-fast),color var(--transition-fast);min-height:44px}.error-banner-btn--retry{background:#f0c04026;color:var(--color-gold);border:1px solid var(--color-border-gold)}@media(hover:hover){.error-banner-btn--retry:hover{background:#f0c04040}}.error-banner-btn--retry:focus-visible{outline:2px solid var(--color-gold);outline-offset:2px}.error-banner-btn--dismiss{background:transparent;color:var(--color-text-muted)}@media(hover:hover){.error-banner-btn--dismiss:hover{color:var(--color-text-secondary)}}.error-banner-btn--dismiss:focus-visible{outline:2px solid var(--color-gold);outline-offset:2px}body.cache-buster-has-banner.has-error-banner{padding-top:var(--cache-buster-banner-height, 3rem)}.item-icon{width:40px;height:40px;aspect-ratio:1;border-radius:var(--border-radius-sm);object-fit:cover;flex-shrink:0;background-color:var(--color-bg-input);border:2px solid var(--color-border-gold);box-shadow:var(--shadow-sm),0 0 6px #f0c04014;image-rendering:auto;transition:border-color var(--transition-smooth),box-shadow var(--transition-smooth)}.item-icon--sm{width:32px;height:32px;border-width:1px}.item-icon--lg{width:56px;height:56px;border-width:2px}.item-icon--xl{width:64px;height:64px;border-width:3px}.item-icon--poor{border-color:var(--color-quality-poor)}.item-icon--common{border-color:var(--color-quality-common)}.item-icon--uncommon{border-color:var(--color-quality-uncommon);box-shadow:var(--shadow-sm),0 0 6px #1eff0026}.item-icon--rare{border-color:var(--color-quality-rare);box-shadow:var(--shadow-sm),0 0 6px #0070dd33}.item-icon--epic{border-color:var(--color-quality-epic);box-shadow:var(--shadow-sm),0 0 8px #a335ee40}.item-icon--legendary{border-color:var(--color-quality-legendary);box-shadow:var(--shadow-sm),0 0 10px #ff80004d}.item-icon--artifact{border-color:var(--color-quality-artifact);box-shadow:var(--shadow-sm),0 0 8px #e6cc8033}.item-icon--heirloom{border-color:var(--color-quality-heirloom);box-shadow:var(--shadow-sm),0 0 8px #0cf3}.item-icon-fallback,.item-icon--broken{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#b8912e26,#a078201a);color:var(--color-gold-dim);font-weight:700;font-size:.875rem;font-family:var(--font-family-ui);text-transform:uppercase}.item-icon--lg.item-icon-fallback,.item-icon--lg.item-icon--broken{font-size:1.25rem}.item-icon--xl.item-icon-fallback,.item-icon--xl.item-icon--broken{font-size:1.5rem}.data-table .item-icon{width:28px;height:28px;border-width:1px;vertical-align:middle}.modal-backdrop{position:fixed;inset:0;background:#000000bf;z-index:9000;opacity:0;visibility:hidden;pointer-events:none;transition:opacity var(--transition-smooth),visibility var(--transition-smooth);-webkit-tap-highlight-color:transparent;contain:layout style}.modal-backdrop.active,.modal-backdrop.open{opacity:1;visibility:visible;pointer-events:auto}.modal{position:fixed;top:0;left:0;width:100%;max-width:100%;height:100vh;height:100dvh;max-height:100vh;max-height:100dvh;background:linear-gradient(135deg,#141a30fa,#181f38f5 40%,#141a30fa);border:1px solid var(--color-border-gold-strong);border-radius:0;box-shadow:var(--shadow-xl),var(--shadow-glow-gold),0 0 40px #00000080;z-index:9100;display:flex;flex-direction:column;opacity:0;visibility:hidden;transform:none;transition:opacity var(--transition-smooth),visibility var(--transition-smooth),transform var(--transition-smooth);overflow-y:auto;overscroll-behavior:contain}.modal.active,.modal.open{opacity:1;visibility:visible}.modal:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent 0%,var(--color-gold-dim) 15%,var(--color-gold) 50%,var(--color-gold-dim) 85%,transparent 100%);opacity:.7;z-index:1}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-sm) var(--space-md);border-bottom:1px solid var(--color-border-gold);flex-shrink:0;position:sticky;top:0;z-index:1;background:var(--color-bg-card)}.modal-title{font-family:var(--font-family-heading);font-size:1rem;font-weight:700;color:var(--color-gold);letter-spacing:.04em;text-transform:uppercase;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1}.modal-close{display:flex;align-items:center;justify-content:center;width:44px;height:44px;min-width:44px;min-height:44px;border-radius:var(--border-radius);background:#f0c04014;border:1px solid var(--color-border-gold);color:var(--color-gold-dim);font-size:1.25rem;font-weight:700;line-height:1;cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast);flex-shrink:0;margin-left:var(--space-md)}@media(hover:hover){.modal-close:hover{background:#f0c0402e;color:var(--color-gold);border-color:var(--color-gold-dim)}}.modal-close:focus-visible{outline:2px solid var(--color-gold);outline-offset:2px}.modal-body{padding:var(--space-sm) var(--space-md);overflow-y:auto;flex:1;min-height:0}.modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-md);padding:var(--space-sm) var(--space-md);border-top:1px solid var(--color-border-gold);flex-shrink:0;flex-wrap:wrap}.modal-footer .btn{flex:1;min-width:0}.modal--sm{max-width:440px}.modal--lg{max-width:800px}.modal--xl{max-width:960px;width:95vw}.modal--fullscreen{width:100%;max-width:100%;height:100vh;height:100dvh;max-height:100vh;max-height:100dvh;border-radius:0}.modal-content{display:flex;flex-direction:column;flex:1;min-height:0;max-height:inherit;overflow:hidden}.contact-modal-body{display:flex;flex-direction:column;gap:var(--space-lg)}.contact-modal-intro{font-family:var(--font-family);font-size:.875rem;color:var(--color-text-secondary);line-height:1.6}.contact-modal-options{display:flex;flex-direction:column;gap:var(--space-sm)}.contact-modal-option{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-lg);background:linear-gradient(135deg,#141a3099,#181f3866);border:1px solid var(--color-border-gold);border-radius:var(--border-radius);color:var(--color-text-primary);text-decoration:none;transition:background var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast);cursor:pointer}@media(hover:hover){.contact-modal-option:hover{background:linear-gradient(135deg,#f0c04014,#b8912e0f);border-color:var(--color-gold-dim);box-shadow:var(--shadow-glow-gold);transform:translateY(-1px)}}.contact-modal-option:active{transform:translateY(0)}.contact-modal-option:focus-visible{outline:2px solid var(--color-gold);outline-offset:2px;border-radius:var(--border-radius)}.contact-modal-option-icon{display:flex;align-items:center;justify-content:center;width:44px;height:44px;min-width:44px;border-radius:var(--border-radius);background:linear-gradient(180deg,#f0c04026,#a0782014);border:1px solid rgba(184,145,46,.3);color:var(--color-gold);flex-shrink:0}@media(hover:hover){.contact-modal-option:hover .contact-modal-option-icon{background:linear-gradient(180deg,#f0c04038,#a078201f);border-color:var(--color-gold-dim)}}.contact-modal-option-text{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.contact-modal-option-label{font-family:var(--font-family-heading);font-size:.8125rem;font-weight:700;color:var(--color-gold);letter-spacing:.04em;text-transform:uppercase}.contact-modal-option-value{font-family:var(--font-family-ui);font-size:.8125rem;color:var(--color-text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}@media(hover:hover){.contact-modal-option:hover .contact-modal-option-value{color:var(--color-text-primary)}}.contact-modal-option-arrow{display:flex;align-items:center;color:var(--color-text-muted);opacity:.5;transition:opacity var(--transition-fast),color var(--transition-fast),transform var(--transition-fast);flex-shrink:0}@media(hover:hover){.contact-modal-option:hover .contact-modal-option-arrow{opacity:1;color:var(--color-gold);transform:translate(2px)}}.nav-item--contact{border-bottom:none;padding:var(--space-xs) 0;text-align:center}.nav-link--contact{display:inline-flex;align-items:center;justify-content:center;gap:.375rem;font-family:var(--font-family-ui);font-size:.75rem;font-weight:600;color:var(--color-gold-dim);letter-spacing:.04em;background:none;border:1px solid var(--color-border-gold);border-radius:var(--border-radius-sm);padding:.375rem .75rem;cursor:pointer;transition:color var(--transition-fast),background-color var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast);white-space:nowrap;min-height:44px}@media(hover:hover){.nav-link--contact:hover{color:var(--color-gold);background-color:#f0c04014;border-color:var(--color-gold-dim);box-shadow:0 0 8px #f0c0401f}}.nav-link--contact:focus-visible{outline:2px solid var(--color-gold);outline-offset:2px}.footer-contact-btn{background:none;border:none;cursor:pointer;font-family:inherit;font-size:inherit;color:inherit;padding:0;text-decoration:underline;text-decoration-color:#9098b04d;text-underline-offset:2px;transition:color var(--transition-fast),text-decoration-color var(--transition-fast)}@media(hover:hover){.footer-contact-btn:hover{color:var(--color-gold);text-decoration-color:#f0c04080}}.footer-contact-btn:focus-visible{outline:2px solid var(--color-gold);outline-offset:2px;border-radius:var(--border-radius-sm)}.toast-container{position:fixed;bottom:var(--space-md);left:var(--space-md);right:var(--space-md);z-index:9500;display:flex;flex-direction:column;gap:var(--space-sm);max-width:none;pointer-events:none;contain:layout style}.toast{padding:var(--space-md) var(--space-lg);background:#141a30fa;border:1px solid var(--color-border-gold);border-radius:var(--border-radius);box-shadow:var(--shadow-lg);color:var(--color-text-primary);font-family:var(--font-family-ui);font-size:.875rem;pointer-events:auto;animation:fadeInUp .3s ease-out}.toast--success{border-color:var(--color-green);border-left:3px solid var(--color-green)}.toast--error{border-color:var(--color-red);border-left:3px solid var(--color-red)}.toast--warning{border-color:#ff9800;border-left:3px solid #ff9800}.cache-update-banner{position:fixed;top:0;left:0;right:0;z-index:10000;padding:.75rem var(--space-md);background:linear-gradient(135deg,#0a0e1afa,#121830fa);border-bottom:2px solid var(--color-gold);box-shadow:0 4px 20px #0009,0 0 30px #f0c0401a;text-align:center;font-family:var(--font-family-ui);font-size:.875rem;font-weight:600;color:var(--color-gold);animation:cacheBannerSlideIn .4s ease-out;display:flex;flex-direction:column;align-items:center;gap:.5rem}.cache-update-banner-text{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);flex-wrap:wrap}.cache-update-banner-text a{color:var(--color-gold-bright);text-decoration:underline;text-underline-offset:2px;font-weight:700;margin-left:var(--space-sm);min-height:44px;display:inline-flex;align-items:center}@media(hover:hover){.cache-update-banner-text a:hover{color:#fff}}.cache-update-banner-progress{width:100%;max-width:300px;height:3px;background:#f0c04026;border-radius:2px;overflow:hidden}.cache-update-banner-progress-bar{height:100%;background:linear-gradient(90deg,var(--color-gold-dim),var(--color-gold),var(--color-gold-bright));border-radius:2px;animation:cacheBannerCountdown 30s linear forwards;transform-origin:left}.scroll-to-top{position:fixed;bottom:1.25rem;right:1.25rem;width:44px;height:44px;min-width:44px;min-height:44px;border-radius:50%;background:linear-gradient(135deg,#f0c04026,#b8912e1a);color:var(--color-gold);border:1px solid var(--color-border-gold-strong);cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-md),0 0 12px #f0c0401f;z-index:900;opacity:0;pointer-events:none;transform:translateY(8px) scale(.9);transition:opacity var(--transition-smooth),transform var(--transition-smooth),box-shadow var(--transition-smooth),background var(--transition-smooth),border-color var(--transition-smooth);overflow:hidden;touch-action:manipulation}.scroll-to-top.visible{opacity:1;pointer-events:auto;animation:scrollTopFadeIn .3s ease-out forwards}.scroll-to-top:active{transform:translateY(0) scale(.98)}.scroll-to-top:before{content:"";display:block;width:10px;height:10px;border-top:2.5px solid var(--color-gold);border-right:2.5px solid var(--color-gold);transform:rotate(-45deg) translateY(2px)}.scroll-to-top:after{content:"";position:absolute;top:-50%;left:0;width:50%;height:200%;background:linear-gradient(90deg,transparent,rgba(240,192,64,.15),transparent);transform:skew(-20deg) translate(-200%);pointer-events:none;opacity:0;transition:opacity .2s ease}html::-webkit-scrollbar{width:8px;height:8px}html::-webkit-scrollbar-track{background:var(--color-bg-primary)}html::-webkit-scrollbar-thumb{background:var(--color-border-light);border-radius:4px;border:1px solid var(--color-bg-primary)}html::-webkit-scrollbar-thumb:hover{background:var(--color-gold-deep)}*:focus-visible{outline:2px solid var(--color-gold);outline-offset:2px}.nav-link:focus-visible{border-radius:var(--border-radius-sm)}.search-history-item:focus-visible{outline-offset:-2px;border-radius:var(--border-radius-sm)}.search-history-clear:focus-visible{border-radius:var(--border-radius-sm)}.footer-link:focus-visible{border-radius:var(--border-radius-sm)}@media(min-width:480px){body{font-size:1rem}.main-content{padding:var(--space-sm) var(--space-md);padding-top:calc(var(--space-sm) + 2px)}.card{padding:var(--space-md);border-radius:var(--border-radius-lg)}.stats-overview{grid-template-columns:repeat(2,1fr)}.stat-card:last-child:nth-child(odd){grid-column:1 / -1}.hero-section{padding:.5rem 1.25rem}.hero-ornament{width:120px}.hero-section:before,.hero-section:after{width:36px;height:36px}.search-result-icon{width:2.5rem;height:2.5rem}.search-result-icon-placeholder{width:2.5rem;height:2.5rem;font-size:.875rem}.search-result-name{font-size:.9375rem}.search-result-item{gap:.875rem;padding:.75rem 1.125rem}.search-results{border-radius:var(--border-radius-lg);max-height:22rem}.search-input{border-radius:var(--border-radius-lg)}.data-table th,.data-table td{padding:.625rem .75rem;font-size:.8125rem}.data-table{font-size:.875rem}.card-title:after{content:"";position:absolute;bottom:-4px;left:50%;transform:translate(-50%) rotate(45deg);width:6px;height:6px;background:var(--color-gold-dim);opacity:.4;display:block}.card-title{margin-bottom:var(--space-md)}.stat-card-number{font-size:clamp(1.25rem,3vw,1.75rem)}.item-icon-wrapper{width:4rem;height:4rem}.item-icon-placeholder{font-size:1.5rem}.item-name{font-size:1.25rem}.chart-container{min-height:14rem;max-height:20rem;padding:var(--space-sm)}.chart-container--dashboard{min-height:17.5rem;max-height:26.25rem}.chart-container:before,.chart-container:after{width:18px;height:18px}.breadcrumb{font-size:.75rem}.breadcrumb-item{font-size:.85rem}.table-wrapper{border:1px solid var(--color-border);border-radius:var(--border-radius-sm)}.table-wrapper:after{content:"";position:absolute;top:0;right:0;bottom:0;width:24px;background:linear-gradient(90deg,transparent,rgba(10,14,26,.8));pointer-events:none;border-radius:0 var(--border-radius-sm) var(--border-radius-sm) 0;opacity:.6}.modal{top:50%;left:50%;transform:translate(-50%,-50%) scale(.95);width:95vw;max-width:min(600px,95vw);max-height:90vh;height:auto;border-radius:var(--border-radius-lg)}.modal--sm{max-width:min(440px,95vw)}.modal.active,.modal.open{transform:translate(-50%,-50%) scale(1)}.modal-header,.modal-body,.modal-footer{padding:var(--space-md) var(--space-lg)}.modal-footer .btn{flex:none}.toast-container{left:auto;right:var(--space-lg);max-width:360px;bottom:var(--space-lg)}}@media(min-width:768px){.main-content{padding:var(--space-md) var(--space-lg);padding-top:calc(var(--space-md) + 2px)}.card{padding:var(--space-md) var(--space-lg);margin-bottom:var(--space-md)}.stats-overview{grid-template-columns:repeat(3,1fr)}.stat-card:last-child:nth-child(odd){grid-column:auto}.stat-card{padding:var(--space-sm) var(--space-md)}.stat-card-icon{width:2.5rem;height:2.5rem}.stat-card-icon svg{width:1.25rem;height:1.25rem}.stat-card-inner{gap:var(--space-md)}.stat-number{font-size:clamp(1.5rem,3vw,1.75rem)}.controls-bar{flex-direction:row;flex-wrap:wrap;gap:var(--space-md);align-items:flex-end}.controls-row-secondary{flex-direction:row;gap:var(--space-md)}.control-group{width:auto}.select-input{width:auto;min-width:13rem}.version-switch-link{min-height:auto;font-size:.8125rem}.search-input{font-size:1rem;padding:.875rem 1.25rem .875rem 2.75rem}.search-wrapper:before{left:1rem}.chart-header{flex-direction:row;justify-content:space-between;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-md)}.chart-controls,.chart-controls .select-input--small{width:auto}.chart-container,.chart-container--dashboard{min-height:20rem;max-height:30rem}.chart-time-range-group{width:auto}.chart-time-btn{flex:none;padding:.375rem .875rem;font-size:.75rem;min-height:auto}.data-table th,.data-table td{padding:.875rem 1rem}.table-wrapper{margin:0;padding:0}.table-wrapper:after{display:none}.site-footer{padding:0 var(--space-lg) var(--space-xl)}.footer-grid{grid-template-columns:2fr 1fr 1fr 1fr;text-align:left}.footer-col--brand,.footer-brand{align-items:flex-start}.footer-brand-desc{text-align:left;max-width:280px}.footer-link-list{align-items:flex-start}.footer-ornament{max-width:500px}.footer-attribution p,.footer-copy{font-size:.75rem}.info-row{grid-template-columns:1fr 1fr;gap:var(--space-lg)}.pagination{gap:var(--space-lg)}.pagination-info{order:0;width:auto}.btn--small{flex:none;max-width:none}.item-header{flex-wrap:nowrap;gap:var(--space-lg)}.item-actions{margin-left:auto;width:auto}.item-realm-select{flex-direction:row;align-items:center;gap:.75rem}.item-selector-group{flex-direction:row;align-items:center;gap:.5rem}.price-stats-grid,.market-overview-grid{grid-template-columns:repeat(4,1fr)}.market-metric{padding:var(--space-md)}.market-metric-value{font-size:1.25rem}.price-stat{padding:var(--space-md)}.price-stat-value{font-size:1.25rem}.item-header-card--wow .item-icon-wrapper{width:5rem;height:5rem}.item-header-card--wow .item-icon-placeholder{font-size:2rem}.item-header-card--wow .item-name{font-size:clamp(1.375rem,3.5vw,1.875rem)}.item-header-card--wow .btn--share{font-size:.75rem;padding:.4rem .875rem}.breadcrumb{font-size:.8125rem;margin-bottom:var(--space-lg)}.breadcrumb-item{font-size:.85rem;gap:var(--space-sm)}.breadcrumb-list{gap:var(--space-sm)}.modal{width:90vw}.modal--lg,.modal--xl{width:95vw;max-width:800px}.modal--xl{max-width:960px}.modal-header{padding:var(--space-lg) var(--space-lg) var(--space-md)}.modal-body{padding:var(--space-lg)}.modal-footer{padding:var(--space-md) var(--space-lg);flex-wrap:nowrap}.modal-title{font-size:clamp(1rem,2.5vw,1.25rem)}}@media(min-width:900px){.item-stats-row,.item-charts-row{grid-template-columns:1fr 1fr;gap:var(--space-lg)}}@media(min-width:1024px){:root{--header-height: 60px}.nav-toggle,.nav-backdrop{display:none}.main-nav{position:static;transform:none;opacity:1;pointer-events:auto;padding:0;background:none;backdrop-filter:none;-webkit-backdrop-filter:none;border:none;overflow:visible;max-height:none}.nav-list{flex-direction:row;gap:var(--space-md);align-items:center;flex-wrap:nowrap}.nav-link{display:inline-flex;padding:var(--space-xs) 0;font-size:.9375rem;border-bottom:none;min-height:auto}.nav-link:after{display:block}.nav-link.active:after{width:100%;left:0}.nav-link--themed{padding:.375rem .875rem;font-size:.8125rem;min-height:32px;border:1px solid rgba(184,145,46,.35)}.nav-link--themed:after{display:none}.nav-item--search{flex:0 1 280px;width:auto;padding:0;border-bottom:none}.nav-search-input{font-size:.8125rem;padding:.4rem .75rem .4rem 2rem;min-height:32px}.nav-search-results{min-width:320px}.nav-version-badge{display:inline-flex}.nav-version-select{width:auto;font-size:.75rem;min-height:32px;padding:.25rem 1.75rem .25rem .5rem}.nav-item--version-switcher{border-bottom:none;padding:0;display:inline-flex}.nav-item--auth{border-bottom:none;padding:0;margin-left:auto}.nav-item--contact{padding:0;margin-left:var(--space-sm);border-bottom:none}.nav-link--contact{font-size:.75rem;padding:.25rem .625rem;min-height:28px}.nav-link--login{font-size:.8125rem;padding:.375rem .875rem;min-height:32px}.nav-user-toggle{min-height:32px;padding:.25rem .375rem}.nav-user-name{font-size:.8125rem}.nav-user-dropdown{position:absolute;right:0;top:calc(100% + 6px);width:auto;min-width:160px;background-color:#0e1224fa;box-shadow:var(--shadow-lg),0 0 0 1px var(--color-border-gold);border-radius:var(--border-radius);z-index:1100;overflow:visible}.nav-user-dropdown-item{padding:.625rem 1rem;font-size:.8125rem;min-height:auto}.nav-professions-dropdown{position:absolute;left:0;top:calc(100% + 6px);width:auto;min-width:180px;background-color:#0e1224fa;box-shadow:var(--shadow-lg),0 0 0 1px var(--color-border-gold);border-radius:var(--border-radius);z-index:1100;overflow:visible}.nav-professions-dropdown-item{padding:.625rem 1rem;font-size:.8125rem;min-height:auto}.header-inner{padding:0 var(--space-lg)}.brand{gap:.75rem;font-size:1.125rem}.brand-icon{width:2.25rem;height:2.25rem}.brand-text{font-size:1rem}.region-toggle{display:inline-flex}.region-toggle-btn{padding:3px 10px;font-size:.75rem}.main-content{padding:var(--space-lg) var(--space-xl);padding-top:calc(var(--space-lg) + 2px)}.card{padding:var(--space-md) var(--space-lg)}.controls-bar{flex-wrap:nowrap;gap:var(--space-lg)}.chart-container,.chart-container--dashboard{min-height:22rem;max-height:34rem}.stat-number{font-size:clamp(2rem,3.5vw,2.25rem)}.item-name{font-size:1.75rem}.search-input{font-size:1.0625rem;padding:1rem 1.25rem 1rem 3rem}.search-wrapper:before{left:1.125rem;width:1.25rem;height:1.25rem}}@media(min-width:1200px){.nav-list{gap:var(--space-lg)}.stats-overview{gap:var(--space-md)}.stat-card{padding:var(--space-sm) var(--space-lg)}}@media(min-width:768px)and (max-width:899px){.price-stats-grid,.market-overview-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1400px){:root{--max-width: 1360px}}@media(min-width:1440px){:root{--max-width: 1400px}.chart-container,.chart-container--dashboard{max-height:38rem}.stats-grid{gap:var(--space-lg)}.stat-number{font-size:2.5rem}}@media(min-width:1920px){:root{--max-width: 1600px}.main-content{padding:var(--space-xl) var(--space-2xl);padding-top:calc(var(--space-xl) + 2px)}.card{padding:var(--space-lg) var(--space-xl)}.chart-container,.chart-container--dashboard{max-height:42rem}.info-row{gap:var(--space-xl)}.price-stats-grid,.market-overview-grid{gap:var(--space-lg)}.stat-number{font-size:2.75rem}.data-table th,.data-table td{padding:1rem 1.25rem}}@media(min-width:2560px){:root{--max-width: 1800px}.main-content{padding:var(--space-2xl) 3rem}.card{padding:var(--space-xl) var(--space-2xl)}.chart-container,.chart-container--dashboard{max-height:48rem}.stat-number{font-size:3rem}.hero-title{font-size:2.25rem}.footer-inner{max-width:var(--max-width)}}@media(hover:hover){.card:hover{box-shadow:var(--shadow-lg),var(--shadow-inset-gold),0 0 12px #f0c0400f;border-color:var(--color-gold-dim);transform:translateY(-1px)}.card:hover:before{opacity:.65}.card:hover:after{opacity:.55}.btn:hover{transform:translateY(-1px);box-shadow:var(--shadow-md),var(--shadow-glow-gold),inset 0 1px #f0c0401f;color:var(--color-gold-bright);background:linear-gradient(180deg,#f0c04040,#b8912e1f 60%,#f0c04026);border-color:var(--color-gold)}.btn:hover:after{opacity:1;animation:btnShine .6s ease-out forwards}.scroll-to-top:hover{background:linear-gradient(135deg,#f0c04040,#b8912e26);border-color:var(--color-gold-dim);box-shadow:var(--shadow-lg),var(--shadow-glow-gold-strong);transform:translateY(-2px) scale(1.05)}.scroll-to-top:hover:after{opacity:1;animation:btnShine .6s ease-out forwards}.market-metric:hover,.price-stat:hover{border-color:#f0c0404d;background:linear-gradient(135deg,#181f38f2,#1c2540cc);box-shadow:0 0 12px #f0c0400f}.stat-item:hover{background:linear-gradient(180deg,rgba(240,192,64,.08) 0%,transparent 100%);border-color:#b8912e33}.data-table tbody tr:hover{background-color:var(--color-bg-hover);border-left-color:var(--color-gold-dim);box-shadow:inset 0 0 24px #f0c04008}.data-table tbody tr:hover td{color:var(--color-text-heading)}.search-result-item:hover{background-color:var(--color-bg-hover);border-left-color:var(--color-gold)}.chart-section:hover .chart-container:before,.chart-section:hover .chart-container:after{opacity:.7}.nav-link:hover{color:var(--color-gold);text-shadow:0 0 10px rgba(240,192,64,.2)}.nav-link:hover:after{width:100%;left:0}.footer-link:hover{color:var(--color-gold)}}@media(hover:none){.card:hover{box-shadow:var(--shadow-card-wow);border-color:var(--color-border-gold);transform:none}.card:hover:before{opacity:.4}.card:hover:after{opacity:.35}.btn:hover{transform:none;box-shadow:var(--shadow-sm),0 0 6px #f0c04014}.btn:hover:after{opacity:0;animation:none}.scroll-to-top:hover{transform:none}.scroll-to-top:hover:after{opacity:0;animation:none}.data-table tbody tr:hover{background-color:transparent;border-left-color:transparent;box-shadow:none}.data-table tbody tr:nth-child(2n):hover{background-color:#141a3059}.data-table tbody tr:hover td{color:var(--color-text-primary)}}@media(pointer:coarse){.tab,.btn,.btn--small,.select-input,.nav-search-input{min-height:44px}.search-result-item{min-height:48px}.search-history-item{min-height:44px;padding:var(--space-sm)}.nav-link{min-height:44px}.pagination .btn{min-height:44px;min-width:44px}.error-banner-btn{min-height:44px;padding:.375rem .75rem}.footer-link{min-height:44px;display:inline-flex;align-items:center;padding-block:.5rem;padding-inline:.5rem}.chart-time-btn{min-height:44px}.modal-close{min-width:44px;min-height:44px}.scroll-to-top{width:48px;height:48px}.guide-toc-link,.nav-user-toggle,.nav-user-dropdown-item,.nav-link--login{min-height:44px}.nav-link--contact{min-height:44px;padding:.5rem 1rem;font-size:.8125rem}.nav-link--themed,.nav-version-select{min-height:44px}.search-history-clear{min-height:44px;min-width:44px;display:inline-flex;align-items:center;justify-content:center}.price-metric-toggle{min-height:44px;padding:.5rem .75rem}.region-toggle-btn{min-height:44px;min-width:44px;display:inline-flex;align-items:center;justify-content:center}.guide-nav-link{min-height:44px;display:flex;align-items:center}.guide-faq-question,.guide-version-nav-link,.wow-ah-seo-footer-toggle{min-height:48px}.wow-ah-crosslinks-link,.item-internal-link,.terms-related-link{min-height:44px;display:inline-flex;align-items:center}}@media(max-width:599px){.item-realm-context{flex-direction:column;gap:.25rem;font-size:.75rem}.realm-context-separator{display:none}.item-error-card{padding:var(--space-lg) var(--space-md)}.item-error-icon{width:2.75rem;height:2.75rem;font-size:1.375rem}.item-error-title{font-size:1.125rem}.item-header{flex-direction:column;align-items:center;text-align:center;gap:var(--space-sm)}.item-icon-wrapper{margin:0 auto}.item-info{text-align:center;width:100%}.item-meta{justify-content:center;flex-wrap:wrap}.item-actions{justify-content:center}.item-name{text-align:center}.breadcrumb-list{flex-wrap:wrap;gap:.25rem}.breadcrumb-item{flex-wrap:wrap}.breadcrumb-current{white-space:normal;word-break:break-word}.price-stats-grid,.market-overview-grid{grid-template-columns:1fr 1fr}.chart-container{min-height:10rem;max-height:16rem}.chart-container canvas{max-width:100%;width:100%;height:100%}.item-charts-row{grid-template-columns:1fr}.listings-section .table-wrapper{overflow-x:auto;max-width:100%;width:100%}.listings-section .data-table{min-width:360px}.item-realm-select{flex-direction:column;width:100%}.item-realm-select .select-input,.item-selector-group{width:100%}.chart-time-range-group{flex-wrap:wrap;width:100%}.chart-time-btn{flex:1 1 auto;min-width:0}.table-wrapper{position:relative}.table-wrapper:after{content:"";position:absolute;top:0;right:0;bottom:0;width:24px;background:linear-gradient(90deg,transparent,rgba(10,14,26,.8));pointer-events:none;opacity:1;transition:opacity .3s ease}.table-wrapper--scrolled-end:after{opacity:0}.search-results,.item-page-search-results{max-height:50vh}}@media(max-width:767px){.footer-link{min-height:44px;display:inline-flex;align-items:center;padding-block:.625rem;padding-inline:.5rem}}@media(max-width:767px){.region-toggle-btn{min-height:44px;min-width:44px;display:inline-flex;align-items:center;justify-content:center}}@media(max-width:479px){.toast-container{left:var(--space-sm);right:var(--space-sm);max-width:none}.cache-update-banner{font-size:.75rem;padding:.5rem var(--space-sm)}.cache-update-banner-text{font-size:.75rem}.cache-buster-banner{font-size:.75rem;padding:.5rem var(--space-sm)}.error-message,.coming-soon-text,.price-stat-value,.market-metric-value,.search-result-name{font-size:max(.875rem,14px)}.stat-label,.stat-card-label,.price-stat-label,.market-metric-label,.control-label{font-size:max(.75rem,12px)}.chart-time-range-group{border-radius:var(--border-radius-sm)}.chart-time-btn{padding:.375rem .25rem;font-size:.75rem;min-height:44px}.version-header{flex-direction:column;align-items:flex-start;gap:var(--space-xs)}.nav-version-badge,.brand-alpha-version{display:none}.back-to-ah-btn{max-width:100%;padding:.5rem .875rem .5rem .75rem}.back-to-ah-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}}@media(max-width:400px){.brand-icon{width:1.75rem;height:1.75rem}.brand-text{font-size:.8125rem}.brand-alpha-badge{font-size:.75rem;padding:.075em .3em}.item-header-card--wow .item-header{gap:var(--space-sm)}.item-header-card--wow .item-icon-wrapper{width:2.75rem;height:2.75rem}.market-snapshot-grid{grid-template-columns:1fr}.controls-bar,.controls-row-secondary{gap:var(--space-xs)}.card-title{font-size:clamp(.75rem,2vw,.875rem)}.footer-attribution p,.footer-copy{font-size:.75rem}.region-toggle-btn{padding:2px 6px;font-size:.75rem}}@media(max-width:320px){.item-header-card--wow .item-header{gap:var(--space-xs)}.item-header-card--wow .item-icon-wrapper{width:2.5rem;height:2.5rem}.item-header-card--wow .item-name{font-size:.9375rem}.card{padding:var(--space-sm)}.main-content{padding:var(--space-xs)}.listings-section .data-table th,.listings-section .data-table td{padding:.375rem .5rem;font-size:.75rem}.listings-section .data-table,.data-table td:first-child{min-width:0}.modal-price-grid{grid-template-columns:1fr;gap:var(--space-xs)}.modal-price-item{padding:var(--space-xs) var(--space-sm)}.price-stats-grid,.market-overview-grid{grid-template-columns:1fr}.tab{padding:.375rem;font-size:.75rem}.btn{padding:.5rem .75rem;font-size:.8125rem}.btn--small{padding:.375rem .625rem;font-size:.75rem}.stats-overview{grid-template-columns:1fr}.hero-section{padding:.375rem .5rem}.hero-title{font-size:1.1rem}.footer-grid{grid-template-columns:1fr;text-align:center}.footer-col--brand,.footer-link-list{align-items:center}.footer-brand-desc{text-align:center}.search-results{max-height:45vh}.search-result-item{padding:.5rem .625rem;gap:.5rem}.search-result-icon{width:1.75rem;height:1.75rem}.error-banner{flex-direction:column;align-items:stretch}.error-banner-actions{justify-content:center;width:100%}.error-banner-btn{width:100%;text-align:center}.brand{overflow:hidden;min-width:0}.brand-text{font-size:.75rem;overflow:hidden;text-overflow:ellipsis}.breadcrumb,.breadcrumb-item{font-size:.75rem}.guide-definition-list dd{margin-left:.75rem}.chart-series-toggle{padding:.25rem .5rem;font-size:.75rem;min-height:44px}.market-snapshot-grid{grid-template-columns:1fr}.stat-card-number{font-size:1rem}.stat-card-icon{width:2rem;height:2rem}.stat-card-icon svg{width:1rem;height:1rem}}@media(max-height:500px)and (orientation:landscape){.search-results{max-height:40vh}.modal{max-height:100vh;max-height:100dvh}.modal-body{max-height:calc(100vh - 120px);max-height:calc(100dvh - 120px);overflow-y:auto}.chart-container{max-height:12rem}.chart-container--dashboard{max-height:14rem}.hero-section{padding:.375rem 1rem;margin-bottom:.25rem}.hero-title{font-size:1.1rem}.stats-overview{grid-template-columns:repeat(3,1fr)}:root{--header-height: 48px}.main-nav{max-height:50vh;max-height:50dvh}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.card{animation:none}.scroll-to-top.visible{animation:none;opacity:1;transform:none}.scroll-to-top:hover{transform:none}.btn:hover:after,.scroll-to-top:hover:after{animation:none;opacity:0}.loading-spinner{animation:none;border-top-color:var(--color-gold);opacity:.6}.loading-skeleton:after{animation:none}.tab.active{animation:none}}@media(forced-colors:active){.card,.stat-card,.modal,.search-results,.nav-search-results,.realm-dropdown-panel,.wow-frame{border:2px solid CanvasText}.card:before,.card:after,.stat-card:before,.hero-section:before,.hero-section:after,.header-accent-bar,.footer-ornament{display:none}.btn,.wow-button,.tab,.chart-time-btn{border:1px solid ButtonText;color:ButtonText;background:ButtonFace}.skip-link{background:Highlight;color:HighlightText}.search-wrapper:before{background-image:none}}@supports (padding: env(safe-area-inset-bottom)){.site-header{padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}.main-content{padding-left:max(var(--space-md),env(safe-area-inset-left));padding-right:max(var(--space-md),env(safe-area-inset-right))}body:has(.dashboard[data-page=auction-house]) .main-content,body:has(.wow-ah-classic) .main-content,body.ah-page-active .main-content{padding-left:0;padding-right:0}.site-footer{padding-bottom:max(var(--space-2xl),env(safe-area-inset-bottom))}.scroll-to-top{bottom:max(1.25rem,calc(env(safe-area-inset-bottom) + .5rem));right:max(1.25rem,calc(env(safe-area-inset-right) + .5rem))}.modal{padding-bottom:env(safe-area-inset-bottom)}.modal-footer{padding-bottom:max(var(--space-sm),env(safe-area-inset-bottom))}.toast-container{bottom:max(var(--space-lg),calc(env(safe-area-inset-bottom) + var(--space-sm)))}}@media print{.site-header,.site-footer,.nav-toggle,.hero-section,.search-section,.controls-bar,.controls-section,.scroll-to-top,.pagination,.cache-update-banner{display:none!important}.main-content{padding:0;max-width:100%}.card{box-shadow:none;border:1px solid #ccc;break-inside:avoid;background:#fff;color:#000}.card:before,.card:after{display:none!important}.card-title:after{display:none!important}.chart-container:before,.chart-container:after{display:none!important}.btn:after,.scroll-to-top:after{display:none!important}.footer-ornament,.loading-spinner,.loading-overlay,.loading-skeleton{display:none!important}.stat-card{box-shadow:none;border:1px solid #ccc;break-inside:avoid;background:#fff;color:#000}.stat-card:before{display:none!important}.stat-card-number{color:#000!important;-webkit-text-fill-color:black!important;background:none!important;filter:none!important}.stat-card-label{color:#666!important}.card:hover,.btn:hover,.stat-item:hover,.stat-card:hover,.market-metric:hover,.price-stat:hover{box-shadow:none;transform:none;filter:none}.header-accent-bar{display:none!important}body{background:#fff;color:#000}.card-title,.stat-number,.stat-label,.price-stat-label,.market-metric-label,.market-metric-value,.price-stat-value,.wow-gold,.wow-silver,.wow-copper{color:#000!important;-webkit-text-fill-color:black!important;background:none!important;text-shadow:none!important;filter:none!important}.data-table th,.data-table td{color:#000!important;text-shadow:none!important;background:none!important}.data-table th{border-bottom-color:#999!important}.data-table tbody tr:nth-child(2n){background-color:#f5f5f5!important}.item-icon-wrapper{border-color:#999!important;box-shadow:none!important}.item-header-card--wow{background:#fff!important;border-color:#ccc!important;box-shadow:none!important}.item-header-card--wow:before,.item-header-card--wow:after{display:none!important}.item-name{color:#000!important;text-shadow:none!important;-webkit-text-fill-color:black!important}.item-detail{color:#444!important}.item-realm-context{background:#f5f5f5!important;border-color:#ccc!important}.realm-context-value,.realm-context-label,.realm-context-version{color:#000!important}.breadcrumb,.price-alerts-card,.chart-loading-overlay,.chart-loading-state{display:none!important}.chart-container{border-color:#ccc!important;background:#fff!important}.modal,.modal-backdrop,.toast-container,.bg-ambient{display:none!important}a{color:#000!important;text-decoration:underline!important}.footer-link{color:#000!important}.item-actions,.coming-soon-banner{display:none!important}}.modal-item-header{display:flex;align-items:center;gap:var(--space-sm);flex:1;min-width:0}.modal-item-icon{width:2.5rem;height:2.5rem;flex-shrink:0;border-radius:var(--border-radius-sm);overflow:hidden;border:2px solid var(--color-border-gold-strong);background:var(--color-bg-primary);box-shadow:var(--shadow-sm),0 0 8px #f0c0401f;display:flex;align-items:center;justify-content:center}.modal-item-icon img{width:100%;height:100%;object-fit:cover}.modal-item-info{display:flex;flex-direction:column;gap:.125rem;min-width:0;flex:1}.modal-item-meta{font-size:.75rem;color:var(--color-text-muted);font-family:var(--font-family-ui);font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.modal-price-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-sm);margin-bottom:var(--space-md)}.modal-price-item{display:flex;flex-direction:column;gap:.25rem;padding:var(--space-sm);background:linear-gradient(135deg,#141a30e6,#181f38b3);border-radius:var(--border-radius);border:1px solid rgba(184,145,46,.12)}.modal-price-label{font-size:.75rem;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.08em;font-weight:600;font-family:var(--font-family-ui)}.modal-price-value{font-size:1rem;font-weight:700;color:var(--color-gold);word-break:break-word}.modal-chart-container{position:relative;width:100%;min-height:150px;max-height:250px;border-radius:var(--border-radius);background-color:#0a0e1a66;border:1px solid rgba(30,36,68,.4);overflow:hidden;contain:layout style}.modal-chart-container canvas{max-width:100%;width:100%;height:100%}@media(min-width:480px){.modal-price-grid{grid-template-columns:repeat(4,1fr)}.modal-item-icon{width:3rem;height:3rem}.modal-chart-container{min-height:180px;max-height:300px}}@media(max-width:320px){.modal-chart-container{min-height:120px;max-height:180px}.modal-price-label{font-size:.75rem}.modal-price-value,.modal-title{font-size:.875rem}}.btn--primary{background:linear-gradient(180deg,var(--color-gold) 0%,var(--color-gold-dim) 100%);color:var(--color-bg-primary);border:1px solid var(--color-gold);font-weight:700;text-shadow:0 1px 1px rgba(0,0,0,.15);box-shadow:var(--shadow-sm),0 0 10px #f0c04026}@media(hover:hover){.btn--primary:hover{background:linear-gradient(180deg,var(--color-gold-bright) 0%,var(--color-gold) 100%);color:var(--color-bg-primary);border-color:var(--color-gold-bright);box-shadow:var(--shadow-md),0 0 16px #f0c04040}}.select-input-wrapper{position:relative;display:flex;align-items:center}.select-input-wrapper .select-input{width:100%}.select-spinner{position:absolute;right:2.25rem;top:50%;transform:translateY(-50%);width:1rem;height:1rem;pointer-events:none}.snapshots-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm)}.snapshots-header .card-title{margin-bottom:0;padding-bottom:0;border-bottom:none}.table-empty-content{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-lg) var(--space-md)}.chart-empty-content{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-md);padding:var(--space-lg)}.chart-empty-icon{width:48px;height:48px;color:var(--color-text-muted);opacity:.5}.chart-loading-state{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-sm);background:#0a0e1a99;z-index:5;pointer-events:none;transition:opacity var(--transition-smooth)}.chart-loading-state[hidden]{display:none}.chart-loading-text{color:var(--color-text-secondary);font-size:.8125rem;text-align:center;font-family:var(--font-family-ui)}@media(max-width:767px){.tab-group{flex-wrap:wrap;overflow-x:visible}.tab{flex:1 1 auto;min-width:0;padding:.5rem;font-size:.75rem}.tab-label-full{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);clip-path:inset(50%);white-space:nowrap;border:0}.tab-label-short{display:inline}}.search-result-price{color:var(--color-gold);font-size:.75rem;font-weight:600;font-family:var(--font-family-ui);white-space:nowrap;flex-shrink:0;margin-left:auto;padding-left:var(--space-sm)}@media(min-width:480px)and (max-width:767px){.footer-grid{grid-template-columns:1fr 1fr;text-align:left}.footer-col--brand{grid-column:1 / -1;align-items:center;text-align:center}.footer-col--links,.footer-col--quick-links,.footer-col--community,.footer-link-list{align-items:flex-start}.footer-brand-desc{text-align:center}}@supports (height: 100dvh){.modal{height:100dvh;max-height:100dvh}@media(min-width:480px){.modal{height:auto;max-height:90dvh}}}@keyframes realmPulse{0%,to{box-shadow:var(--shadow-sm),inset 0 1px 2px #0003}50%{box-shadow:0 0 0 3px #f0c04026,0 0 12px #f0c0401a,var(--shadow-sm)}}@keyframes realmDropdownOpen{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.realm-dropdown{position:relative;width:100%}.realm-dropdown-trigger{display:flex;align-items:center;width:100%;padding:.625rem 2.25rem .625rem .875rem;background-color:var(--color-bg-input);color:var(--color-text-primary);border:1px solid var(--color-border-gold);border-radius:var(--border-radius);font-family:var(--font-family-ui);font-size:.875rem;cursor:pointer;min-height:44px;text-align:left;transition:border-color var(--transition-smooth),box-shadow var(--transition-smooth);box-shadow:var(--shadow-sm),inset 0 1px 2px #0003;background-image:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2712%27 height=%278%27 viewBox=%270 0 12 8%27%3E%3Cpath fill=%27%23b8912e%27 d=%27M1 1l5 5 5-5%27/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .875rem center;position:relative;overflow:hidden;gap:.5rem}@media(hover:hover){.realm-dropdown-trigger:hover{border-color:var(--color-border-gold-strong)}}.realm-dropdown-trigger:focus-visible{outline:2px solid var(--color-gold);outline-offset:2px}.realm-dropdown-trigger[aria-expanded=true]{border-color:var(--color-gold-dim);box-shadow:0 0 0 3px #f0c0401f,0 0 12px #f0c0401a,var(--shadow-sm);background-image:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2712%27 height=%278%27 viewBox=%270 0 12 8%27%3E%3Cpath fill=%27%23f0c040%27 d=%27M1 7l5-5 5 5%27/%3E%3C/svg%3E")}.realm-dropdown-trigger--loading{animation:realmPulse 1.5s ease-in-out infinite;background-image:none}.realm-dropdown-trigger--loading:after{content:"";position:absolute;right:.875rem;top:50%;transform:translateY(-50%);width:1rem;height:1rem;border:2px solid rgba(184,145,46,.2);border-top-color:var(--color-gold);border-radius:50%;animation:spin .7s linear infinite}.realm-dropdown-text{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.realm-dropdown-text--placeholder{color:var(--color-text-muted)}.realm-dropdown-trigger .realm-data-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.realm-dropdown-panel{position:absolute;top:calc(100% + 4px);left:0;right:0;background-color:var(--color-bg-secondary);border:1px solid var(--color-gold-dim);border-radius:var(--border-radius);z-index:9150;box-shadow:var(--shadow-xl),0 0 20px #0006,0 0 10px #f0c04014;display:none;flex-direction:column;max-height:20rem;overflow:hidden;animation:realmDropdownOpen .2s ease-out}.realm-dropdown-panel[data-open=true]{display:flex}.realm-dropdown-search-wrap{padding:var(--space-sm);border-bottom:1px solid var(--color-border);flex-shrink:0}.realm-dropdown-search{width:100%;padding:.5rem .75rem .5rem 2rem;background-color:var(--color-bg-input);color:var(--color-text-primary);border:1px solid var(--color-border);border-radius:var(--border-radius-sm);font-family:var(--font-family-ui);font-size:1rem;transition:border-color var(--transition-fast),box-shadow var(--transition-fast);background-image:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2714%27 height=%2714%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27%239098b0%27 stroke-width=%272%27 stroke-linecap=%27round%27%3E%3Ccircle cx=%2711%27 cy=%2711%27 r=%278%27/%3E%3Cline x1=%2721%27 y1=%2721%27 x2=%2716.65%27 y2=%2716.65%27/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:.5rem center;background-size:14px 14px;min-height:44px}.realm-dropdown-search::placeholder{color:var(--color-text-muted)}.realm-dropdown-search:focus{border-color:var(--color-gold-dim);box-shadow:0 0 0 2px #f0c0401a}.realm-dropdown-search:focus:not(:focus-visible){outline:none}.realm-dropdown-search:focus-visible{outline:2px solid var(--color-gold);outline-offset:2px}.realm-dropdown-list{overflow-y:auto;flex:1;min-height:0;max-height:15rem;scrollbar-width:thin;scrollbar-color:var(--color-border-light) transparent}.realm-dropdown-list::-webkit-scrollbar{width:6px}.realm-dropdown-list::-webkit-scrollbar-track{background:transparent}.realm-dropdown-list::-webkit-scrollbar-thumb{background:var(--color-border-light);border-radius:3px}.realm-dropdown-option{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;cursor:pointer;transition:background-color var(--transition-fast),border-left-color var(--transition-fast);border-left:3px solid transparent;border-bottom:1px solid rgba(30,36,68,.4);font-family:var(--font-family-ui);font-size:.8125rem;color:var(--color-text-primary);min-height:44px;background:none;border-right:none;border-top:none;width:100%;text-align:left}.realm-dropdown-option:last-child{border-bottom:none}.realm-dropdown-option.realm-dropdown-option--focused{background-color:var(--color-bg-hover);border-left-color:var(--color-gold);color:var(--color-gold-bright)}@media(hover:hover){.realm-dropdown-option:hover{background-color:var(--color-bg-hover);border-left-color:var(--color-gold);color:var(--color-gold-bright)}}.realm-dropdown-option:focus-visible{outline:2px solid var(--color-gold);outline-offset:-2px;border-radius:var(--border-radius-sm)}.realm-dropdown-option:active{background-color:#f0c0401f}.realm-dropdown-option[aria-selected=true]{background:#f0c0401a;border-left-color:var(--color-gold);color:var(--color-gold);font-weight:600;box-shadow:inset 0 0 12px #f0c0400a}.realm-dropdown-option[data-hidden=true]{display:none}.realm-data-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.realm-data-dot--has-data,.realm-data-dot--active{background-color:var(--color-green);box-shadow:0 0 4px #40d06066}.realm-data-dot--no-data{background-color:var(--color-text-muted);opacity:.4}.realm-option-name,.realm-dropdown-option-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.realm-option-connected,.realm-dropdown-option-badge{font-size:.75rem;color:var(--color-text-muted);flex-shrink:0;margin-left:auto;padding-left:.5rem;font-style:italic}.realm-dropdown-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-lg) var(--space-md);text-align:center;gap:var(--space-sm)}.realm-dropdown-empty-title{color:var(--color-text-secondary);font-size:.875rem;font-weight:600}.realm-dropdown-empty-text{color:var(--color-text-muted);font-size:.8125rem;line-height:1.5;max-width:28ch}.realm-dropdown-no-results{padding:var(--space-md);text-align:center;color:var(--color-text-muted);font-size:.8125rem;font-style:italic}.realm-dropdown-no-results[hidden],.realm-dropdown-empty[hidden]{display:none}.realm-dropdown-count{padding:var(--space-xs) var(--space-sm);font-size:.75rem;color:var(--color-text-muted);border-bottom:1px solid var(--color-border);text-transform:uppercase;letter-spacing:.06em;font-weight:600;flex-shrink:0}.ah-toggle-group{display:flex;gap:0;border-radius:var(--border-radius);overflow:clip;border:1px solid var(--color-border-gold);width:100%}.ah-toggle-btn{flex:1;text-align:center;padding:.5rem .625rem;font-family:var(--font-family-ui);font-size:.75rem;font-weight:600;letter-spacing:.04em;color:var(--color-text-secondary);background:#0e1224cc;border:none;border-right:1px solid var(--color-border-gold);cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast),box-shadow var(--transition-fast);min-height:44px;display:flex;align-items:center;justify-content:center;gap:.375rem;white-space:nowrap}.ah-toggle-btn:last-child{border-right:none}@media(hover:hover){.ah-toggle-btn:hover{color:var(--color-gold-bright);background:#f0c04014}}.ah-toggle-btn:focus-visible{outline:2px solid var(--color-gold);outline-offset:-2px;z-index:1}.ah-toggle-btn[aria-pressed=true]{font-weight:700;box-shadow:inset 0 2px 6px #0000004d}.ah-toggle-btn[aria-pressed=false]{background:#0e1224cc;box-shadow:inset 0 1px 2px #0003}.ah-toggle-btn:active{transform:translateY(1px);box-shadow:inset 0 2px 4px #0006}.ah-toggle-btn--alliance[aria-pressed=true]{color:#fff;background:linear-gradient(135deg,#0070dd80,#0050a066);box-shadow:inset 0 1px #ffffff1a}.ah-toggle-btn--horde[aria-pressed=true]{color:#fff;background:linear-gradient(135deg,#c41f3b80,#96142866);box-shadow:inset 0 1px #ffffff1a}.ah-explainer{display:block;font-size:.75rem;color:var(--color-text-muted);line-height:1.5;margin-top:.25rem;max-width:100%}@media(max-width:599px){.realm-dropdown-panel[data-open=true]{position:fixed;inset:0;max-height:100vh;max-height:100dvh;border-radius:0;z-index:9200;animation:none}.realm-dropdown-search-wrap{padding:var(--space-md)}.realm-dropdown-search{min-height:44px;font-size:1rem}.realm-dropdown-list{max-height:none;flex:1}.realm-dropdown-option{min-height:48px;padding:.625rem 1rem;font-size:.9375rem}.realm-dropdown-mobile-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-sm) var(--space-md);border-bottom:1px solid var(--color-border-gold);flex-shrink:0;background:var(--color-bg-card)}.realm-dropdown-mobile-title{font-family:var(--font-family-heading);font-size:.875rem;font-weight:700;color:var(--color-gold);letter-spacing:.04em;text-transform:uppercase}.realm-dropdown-mobile-close{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:var(--border-radius);background:#f0c04014;border:1px solid var(--color-border-gold);color:var(--color-gold-dim);font-size:1.25rem;font-weight:700;cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast)}.realm-dropdown-mobile-close:focus-visible{outline:2px solid var(--color-gold);outline-offset:2px}.realm-dropdown-backdrop{position:fixed;inset:0;width:100%;height:100vh;height:100dvh;background:#000000b3;z-index:9199}.realm-dropdown-backdrop[hidden]{display:none}}@media(min-width:600px){.realm-dropdown-mobile-header,.realm-dropdown-backdrop,.realm-dropdown-mobile-close{display:none}}@media(min-width:768px){.realm-dropdown,.realm-dropdown-trigger{min-width:13rem}.realm-dropdown-panel{min-width:18rem;max-height:22rem}}@media(pointer:coarse){.realm-dropdown-trigger{min-height:44px}.realm-dropdown-option{min-height:48px}.ah-toggle-btn{min-height:44px}}@media(prefers-reduced-motion:reduce){.realm-dropdown-panel,.realm-dropdown-trigger--loading{animation:none}.realm-dropdown-trigger--loading:after{animation:none}}@media print{.realm-dropdown-panel,.realm-dropdown-backdrop,.ah-toggle-group{display:none!important}}body.faction-alliance .realm-dropdown-trigger{border-color:#48f6}body.faction-horde .realm-dropdown-trigger{border-color:#f446}body.faction-alliance .realm-dropdown-panel{border-color:#48f6}body.faction-horde .realm-dropdown-panel{border-color:#f446}.item-section-hidden{display:none!important}.realm-dropdown-option--selected{background:#f0c04014;border-left-color:var(--color-gold);color:var(--color-gold);font-weight:600}.ah-toggle-btn--active{font-weight:700;background:#f0c0401f;color:var(--color-gold);box-shadow:inset 0 2px 6px #0000004d}.price-alerts-card--upcoming{opacity:.7;border-color:var(--color-border)}.price-alerts-title--upcoming{opacity:.8}.coming-soon-banner--muted{border-color:var(--color-border);background:#141a304d}.coming-soon-badge--muted{background:var(--color-bg-hover);color:var(--color-text-secondary)}.coming-soon-text--muted{color:var(--color-text-muted)}.guide-layout{max-width:var(--max-width, 1280px);margin:0 auto;padding:0 1rem 2rem}.guide-mobile-nav{display:block;margin-bottom:1rem}.guide-mobile-nav-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;padding:.75rem 1rem;background:var(--color-bg-card);border:1px solid var(--color-border-gold);border-radius:var(--border-radius);color:var(--color-gold);font-family:var(--font-family-heading);font-size:.95rem;font-weight:600;cursor:pointer;transition:background var(--transition-fast),border-color var(--transition-fast);min-height:44px}.guide-mobile-nav-toggle:focus-visible{background:var(--color-bg-hover);border-color:var(--color-gold)}@media(hover:hover){.guide-mobile-nav-toggle:hover{background:var(--color-bg-hover);border-color:var(--color-gold)}}.guide-mobile-nav-toggle-arrow{display:inline-block;width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:6px solid var(--color-gold);transition:transform .2s ease}.guide-mobile-nav-toggle[aria-expanded=true] .guide-mobile-nav-toggle-arrow{transform:rotate(180deg)}.guide-mobile-nav-menu{margin-top:.5rem;padding:1rem;background:var(--color-bg-card);border:1px solid var(--color-border-gold);border-radius:var(--border-radius);display:flex;flex-direction:column;gap:.75rem}.guide-mobile-nav-menu[hidden],.guide-sidebar{display:none}.guide-container{display:flex;flex-direction:column;gap:0}.guide-content{min-width:0;flex:1}.guide-nav-group{margin-bottom:.25rem}.guide-nav-group:last-child{margin-bottom:0}.guide-nav-group-title{display:block;font-family:var(--font-family-heading);font-size:.75rem;font-weight:700;color:var(--color-gold);text-transform:uppercase;letter-spacing:.1em;margin:0 0 .35rem;padding:0 .5rem .25rem;border-bottom:1px solid rgba(201,169,89,.12)}.guide-nav-list{list-style:none;margin:0;padding:0}.guide-nav-link{display:flex;align-items:center;padding:.35rem .5rem .35rem .75rem;color:var(--color-text-secondary);text-decoration:none;font-size:.85rem;line-height:1.4;border-left:2px solid transparent;border-radius:0 var(--border-radius-sm) var(--border-radius-sm) 0;transition:color var(--transition-fast),background var(--transition-fast),border-color var(--transition-fast);min-height:44px}.guide-nav-link:focus-visible{color:var(--color-gold-bright);background:#f0c0400f}@media(hover:hover){.guide-nav-link:hover{color:var(--color-gold-bright);background:#f0c0400f}}.guide-nav-link--active{color:var(--color-gold);border-left-color:var(--color-gold);background:#f0c04014;font-weight:600}.guide-header{text-align:center;padding:1.5rem 1rem 1rem;margin-bottom:.5rem}.guide-title{font-family:var(--font-family-heading);font-weight:700;color:var(--color-gold);font-size:clamp(1.5rem,3.5vw,2rem);margin:0 0 .75rem;line-height:1.2;text-shadow:0 0 20px rgba(240,192,64,.15)}.guide-subtitle{color:var(--color-text-secondary);font-size:1.05rem;line-height:1.6;margin:0 auto;max-width:640px}.guide-category-divider{display:flex;align-items:center;margin:2rem 0 1rem;gap:1rem}.guide-category-divider:before,.guide-category-divider:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,transparent,rgba(201,169,89,.3),transparent)}.guide-category-divider-text{font-family:var(--font-family-heading);font-size:.75rem;font-weight:700;color:var(--color-gold-dim);text-transform:uppercase;letter-spacing:.15em;white-space:nowrap}.guide-section{padding:1.5rem;margin-bottom:1rem;content-visibility:auto;contain-intrinsic-size:auto var(--guide-section-min-h);contain:layout style paint}.guide-section-heading{font-family:var(--font-family-heading);font-weight:700;color:var(--color-gold);font-size:1.35rem;margin:0 0 .75rem;padding-bottom:.5rem;border-bottom:2px solid rgba(201,169,89,.2);line-height:1.3;text-shadow:0 0 12px rgba(240,192,64,.1)}.guide-subsection{margin-bottom:.5rem}.guide-subsection:last-child{margin-bottom:0}.guide-section-subtitle{font-family:var(--font-family-heading);color:var(--color-text-primary);font-size:1.1rem;font-weight:600;margin:1.5rem 0 .5rem;padding-bottom:.25rem;border-bottom:1px solid rgba(201,169,89,.1)}.guide-subsection:first-child .guide-section-subtitle{margin-top:.5rem}.guide-text{color:var(--color-text-secondary);line-height:1.7;margin:.5rem 0 1rem;font-size:.95rem}.guide-list{list-style:disc;color:var(--color-text-secondary);line-height:1.7;margin:.5rem 0 1rem;padding-left:1.5rem;font-size:.95rem}.guide-list li{margin-bottom:.4rem}.guide-list li strong{color:var(--color-text-primary)}.guide-definition-list{margin:.75rem 0 1rem}.guide-definition-list dt{color:var(--color-gold);font-weight:600;font-size:.95rem;margin-top:.75rem}.guide-definition-list dd{color:var(--color-text-secondary);margin:.25rem 0 0 1.25rem;line-height:1.7;font-size:.95rem}.guide-note{background:#c9a9590f;border-left:3px solid var(--color-gold);padding:.75rem 1rem;margin:1rem 0;border-radius:0 var(--border-radius) var(--border-radius) 0;color:var(--color-text-secondary);font-size:.93rem;line-height:1.6}.guide-note strong{color:var(--color-gold)}.guide-toc{margin-bottom:1.5rem}.guide-toc-list{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:1rem 2rem}.guide-toc-group{margin-bottom:.25rem}.guide-toc-group>strong{display:block;color:var(--color-gold);font-size:.85rem;text-transform:uppercase;letter-spacing:.04em;margin-bottom:.35rem}.guide-toc-sublist{list-style:none;padding:0;margin:0}.guide-toc-sublist li{padding:.15rem 0}.guide-toc-link{color:var(--color-text-secondary);text-decoration:none;font-size:.9rem;transition:color .15s ease;display:inline-flex;align-items:center;padding:.1rem 0;min-height:44px}.guide-toc-link:focus-visible{color:var(--color-gold);text-decoration:underline;outline:2px solid var(--color-gold);outline-offset:2px;border-radius:2px}@media(hover:hover){.guide-toc-link:hover{color:var(--color-gold);text-decoration:underline}}@media(max-width:640px){.guide-toc-list{grid-template-columns:1fr;gap:.75rem}}.guide-tip{display:flex;align-items:flex-start;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:#f0c0400a;border:1px solid rgba(184,145,46,.2);border-left:3px solid var(--color-gold-dim);border-radius:0 var(--border-radius) var(--border-radius) 0;margin:var(--space-sm) 0;font-size:.8125rem;color:var(--color-text-secondary);line-height:1.6}.guide-tip strong{color:var(--color-gold);font-weight:600}.guide-code-block{white-space:pre-wrap;overflow-wrap:break-word;word-break:break-word;overflow-x:auto;max-width:100%;background:var(--color-bg-input, #1a1a2e);padding:.5rem .75rem;border-radius:var(--border-radius, .375rem);border:1px solid var(--color-border, #2a2a4a);font-family:monospace;font-size:.8125rem;color:var(--color-text-primary);margin:.5rem 0 1rem}.guide-faq-list{display:flex;flex-direction:column;gap:0}.guide-faq-item{border-bottom:1px solid rgba(201,169,89,.08)}.guide-faq-item:last-child{border-bottom:none}.guide-faq-question{font-family:var(--font-family-heading);color:var(--color-text-primary);font-size:1rem;font-weight:600;padding:.85rem 1.5rem .85rem 0;cursor:pointer;list-style:none;position:relative;transition:color var(--transition-fast);line-height:1.4}.guide-faq-question::-webkit-details-marker{display:none}.guide-faq-question::marker{content:""}.guide-faq-question:after{content:"";position:absolute;right:0;top:50%;width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:6px solid var(--color-gold-dim);transform:translateY(-50%);transition:transform .2s ease}.guide-faq-item[open]>.guide-faq-question:after{transform:translateY(-50%) rotate(180deg)}.guide-faq-question:focus-visible{color:var(--color-gold-bright);text-shadow:0 0 8px rgba(240,192,64,.15)}@media(hover:hover){.guide-faq-question:hover{color:var(--color-gold-bright);text-shadow:0 0 8px rgba(240,192,64,.15)}}.guide-faq-answer{padding:0 0 1rem .75rem;border-left:2px solid rgba(184,145,46,.15);margin-left:.25rem}.guide-faq-answer .guide-text{margin-bottom:0}.guide-bottom-actions{text-align:center;padding:1.5rem 0;display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.guide-quick-links{border-top:1px solid var(--color-border-gold-strong)}.guide-version-nav-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.75rem}.guide-version-nav-link{display:block;padding:1rem 1.25rem;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--border-radius);text-decoration:none;color:var(--color-text-primary);transition:border-color .2s,background .2s;min-height:48px}.guide-version-nav-link:focus-visible{border-color:var(--color-gold-dim);background:#c9a9590f;outline:2px solid var(--color-gold);outline-offset:2px}@media(hover:hover){.guide-version-nav-link:hover{border-color:var(--color-gold-dim);background:#c9a9590f}}.guide-version-nav-name{display:block;font-weight:600;color:var(--color-gold);margin-bottom:.25rem}.guide-version-nav-desc{display:block;font-size:.85rem;color:var(--color-text-muted)}.terms-related-links{margin-top:2rem;padding:1.5rem;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--border-radius);content-visibility:auto;contain-intrinsic-size:auto 150px;contain:layout style paint}.terms-related-heading{margin-bottom:1rem}.terms-related-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.5rem;font-size:.95rem;color:var(--color-text-secondary)}.terms-related-link{color:var(--color-gold);text-decoration:none;font-weight:500}.terms-related-link:focus-visible{text-decoration:underline;color:var(--color-gold-bright, var(--color-gold))}@media(hover:hover){.terms-related-link:hover{text-decoration:underline;color:var(--color-gold-bright, var(--color-gold))}}.item-seo-content-card{margin:1.5rem 0;content-visibility:auto;contain-intrinsic-size:auto var(--item-seo-section-min-h)}.item-seo-content{padding:.25rem 0}.item-seo-paragraph{color:var(--color-text-secondary);font-size:.9375rem;line-height:1.65;margin:.75rem 0}.item-seo-paragraph:first-of-type{margin-top:.5rem}.item-seo-paragraph strong{color:var(--color-text-primary);font-weight:600}.item-noscript-card{margin:1.5rem 0;padding:1.5rem}.item-noscript-content h2{color:var(--color-gold);font-family:var(--font-family-heading);font-size:1.25rem;margin:0 0 .75rem}.item-noscript-content p{color:var(--color-text-secondary);line-height:1.6;margin:.5rem 0}.item-noscript-content a{color:var(--color-gold)}.item-internal-links{margin:1.5rem 0;padding:1.25rem;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--border-radius);content-visibility:auto;contain-intrinsic-size:auto var(--item-seo-section-min-h);contain:layout style paint}.item-internal-links-heading{font-size:1rem;font-weight:600;color:var(--color-text-primary);margin:0 0 .75rem}.item-internal-links-list{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:.5rem}.item-internal-link{display:inline-block;padding:.375rem .75rem;background:#c9a95914;border:1px solid rgba(201,169,89,.2);border-radius:var(--border-radius);color:var(--color-gold);text-decoration:none;font-size:.875rem;transition:border-color .2s,background .2s}.item-internal-link:focus-visible{border-color:var(--color-gold-dim);background:#c9a95924}@media(hover:hover){.item-internal-link:hover{border-color:var(--color-gold-dim);background:#c9a95924}}.item-name-version{font-size:.65em;font-weight:500;color:var(--color-text-secondary);letter-spacing:.01em;white-space:nowrap}.seo-cross-version{margin:1.5rem 0;content-visibility:auto;contain-intrinsic-size:auto 120px}.seo-cross-version-list{list-style:none;padding:0;margin:.75rem 0 0;display:flex;flex-direction:column;gap:.5rem}.seo-cross-version-list .item-internal-link{display:inline-block}.wow-ah-crosslinks{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem;padding:.75rem 1rem;margin-top:.5rem;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--border-radius);font-size:.85rem}.wow-ah-crosslinks-label{color:var(--color-text-muted);font-weight:500;white-space:nowrap}.wow-ah-crosslinks-list{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:.25rem .5rem}.wow-ah-crosslinks-link{color:var(--color-gold);text-decoration:none;padding:.25rem .5rem;border-radius:var(--border-radius);transition:background .2s}.wow-ah-crosslinks-link:focus-visible{background:#c9a9591a;text-decoration:underline}@media(hover:hover){.wow-ah-crosslinks-link:hover{background:#c9a9591a;text-decoration:underline}}.wow-ah-seo-header{padding:.75rem 1rem .5rem;display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;flex-shrink:0}.wow-ah-version-badge{display:inline-flex;align-items:center;font-size:.75rem;color:var(--color-text-muted);background:#f0c04014;border:1px solid rgba(240,192,64,.18);padding:.15rem .5rem;border-radius:var(--border-radius-sm);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;font-family:var(--font-family-ui);font-weight:500}.wow-ah-seo-footer{margin-top:.75rem;padding:0;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--border-radius);font-size:.8rem;color:var(--color-text-muted, #8a7e64);line-height:1.5}.wow-ah-seo-footer-content h2{margin:0 0 .4rem;font-size:.9rem;color:var(--color-gold, #c9a959);font-weight:600}.wow-ah-seo-footer-content h3{margin:.5rem 0 .3rem;font-size:.85rem;color:var(--color-text-secondary, #b0a07a);font-weight:600}.wow-ah-seo-footer-content p{margin:0 0 .35rem}.wow-ah-seo-footer-content p:last-child{margin-bottom:0}.wow-ah-seo-footer-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;padding:.6rem 1rem;background:none;border:none;cursor:pointer;font-family:inherit;font-size:.85rem;font-weight:600;color:#c9a959;text-align:left;line-height:1.3;transition:background .2s}.wow-ah-seo-footer-toggle:focus-visible{background:#c9a95914;outline:2px solid var(--color-gold, #c9a959);outline-offset:-2px}@media(hover:hover){.wow-ah-seo-footer-toggle:hover{background:#c9a95914}}.wow-ah-seo-footer-toggle-text{flex:1;min-width:0}.wow-ah-seo-footer-chevron{flex-shrink:0;margin-left:.5rem;transition:transform .2s ease}.wow-ah-seo-footer-toggle[aria-expanded=true] .wow-ah-seo-footer-chevron{transform:rotate(180deg)}.wow-ah-seo-footer-content{padding:0 1rem .75rem}.btn--secondary{background:transparent;color:var(--color-gold);border:1px solid rgba(201,169,89,.3);padding:.5rem 1.25rem;border-radius:var(--border-radius);cursor:pointer;text-decoration:none;font-size:.9rem;transition:background .2s,border-color .2s;min-height:44px;display:inline-flex;align-items:center;justify-content:center}.btn--secondary:focus-visible{background:#c9a9591a;border-color:var(--color-gold)}@media(hover:hover){.btn--secondary:hover{background:#c9a9591a;border-color:var(--color-gold)}}.guide-back-to-top-btn{position:fixed;bottom:1.5rem;right:1.5rem;z-index:900;width:44px;height:44px;border-radius:50%;background:var(--color-bg-card);border:1px solid var(--color-border-gold);color:var(--color-gold);cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-md);transition:background var(--transition-fast),border-color var(--transition-fast),transform var(--transition-fast),opacity var(--transition-fast),visibility var(--transition-fast);opacity:1}.guide-back-to-top-btn[hidden]{display:flex;opacity:0;pointer-events:none;transform:translateY(10px);visibility:hidden}.guide-back-to-top-btn:not([hidden]){opacity:1;pointer-events:auto;transform:translateY(0);visibility:visible}.guide-back-to-top-btn:focus-visible{background:var(--color-bg-hover);border-color:var(--color-gold);transform:translateY(-2px);box-shadow:var(--shadow-lg),var(--shadow-glow-gold)}@media(hover:hover){.guide-back-to-top-btn:hover{background:var(--color-bg-hover);border-color:var(--color-gold);transform:translateY(-2px);box-shadow:var(--shadow-lg),var(--shadow-glow-gold)}}@media(max-width:640px){.guide-layout{padding:0 .5rem 1.5rem}.guide-title{font-size:1.5rem}.guide-header{padding:1rem .5rem .5rem}.guide-section{padding:1rem}.guide-text{font-size:.875rem}.guide-list{font-size:.875rem;padding-left:1.25rem}.guide-definition-list dd{margin-left:.75rem;font-size:.875rem}.guide-section-subtitle{font-size:1rem}.guide-section-heading{font-size:1.15rem}.guide-code-block{font-size:.75rem;padding:.5rem .75rem}.guide-bottom-actions{flex-direction:column;align-items:stretch;padding:1rem 0}.guide-category-divider{margin:1.5rem 0 .75rem}}@media(max-width:320px){.guide-layout{padding:0 .25rem 1rem}.guide-title{font-size:1.25rem}.guide-subtitle{font-size:.875rem}.guide-section{padding:.75rem}.guide-header{padding:.75rem .25rem .5rem}.guide-faq-question{font-size:.875rem}.guide-nav-link{font-size:.8rem}}@media(min-width:768px){.guide-mobile-nav{display:none}.guide-sidebar{display:block;position:sticky;top:calc(var(--header-height, 56px) + 1rem);align-self:flex-start;width:220px;min-width:200px;max-height:calc(100vh - var(--header-height, 56px) - 2rem);max-height:calc(100dvh - var(--header-height, 56px) - 2rem);overflow-y:auto;padding:1rem .75rem;background:var(--color-bg-card);border:1px solid rgba(201,169,89,.12);border-radius:var(--border-radius);scrollbar-width:thin;scrollbar-color:var(--color-border-light) transparent;flex-shrink:0}.guide-container{flex-direction:row;gap:1.5rem;align-items:flex-start}.guide-nav-link{min-height:auto;padding:.3rem .5rem .3rem .625rem;font-size:.8rem}.guide-nav-group-title{font-size:.75rem;padding:0 .375rem .2rem}}@media(min-width:1024px){.guide-sidebar{width:240px}.guide-nav-link{font-size:.84rem;padding:.35rem .5rem .35rem .75rem}}@media print{.guide-sidebar,.guide-mobile-nav,.guide-back-to-top-btn,.guide-bottom-actions,.guide-category-divider{display:none!important}.guide-section{background:#fff!important;border-color:#ccc!important;box-shadow:none!important;color:#000!important;break-inside:avoid}.guide-section:before,.guide-section:after{display:none!important}.guide-section-heading{color:#000!important;text-shadow:none!important;border-color:#ccc!important}.guide-tip{background:#f5f5f5!important;border-color:#ccc!important;color:#444!important}.guide-faq-question{color:#000!important}.guide-faq-answer{color:#444!important}.guide-note{background:#f5f5f5!important;border-color:#ccc!important}.guide-container{display:block}}@media(prefers-reduced-motion:reduce){.guide-back-to-top-btn,.guide-nav-link,.guide-mobile-nav-toggle,.guide-mobile-nav-toggle-arrow,.guide-faq-question:after{transition:none}}.card-title-row{display:flex;align-items:center;gap:var(--space-sm);flex-wrap:wrap}.card-title-row .card-title{margin-bottom:0;padding-bottom:0;border-bottom:none;flex-shrink:0}.card-title-row:after{content:"";flex-basis:100%;height:1px;margin-top:.25rem;margin-bottom:var(--space-sm);background:var(--color-border-gold)}.data-source-badge{display:inline-flex;align-items:center;gap:.25rem;font-family:var(--font-family-ui);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;padding:.125rem .5rem;border-radius:var(--border-radius-pill);line-height:1.4;white-space:nowrap;flex-shrink:0}.data-source-badge--blizzard{background:#0070dd26;color:var(--color-blue);border:1px solid rgba(0,112,221,.3)}.data-source-badge--market{background:#40d0601f;color:var(--color-green);border:1px solid rgba(64,208,96,.25)}.data-source-badge--mixed{background:#f0c0401f;color:var(--color-gold);border:1px solid rgba(240,192,64,.25)}.market-snapshot-card{animation:fadeInUp .4s ease-out both;content-visibility:auto;contain-intrinsic-size:auto 250px;contain:layout style paint}.market-snapshot-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-sm)}.market-snapshot-metric{display:flex;flex-direction:column;gap:.375rem;padding:.75rem;background:linear-gradient(135deg,#141a30e6,#181f38b3);border-radius:var(--border-radius);border:1px solid rgba(64,208,96,.15);transition:border-color var(--transition-smooth),background var(--transition-smooth),box-shadow var(--transition-smooth)}@media(hover:hover){.market-snapshot-metric:hover{border-color:#40d0604d;background:linear-gradient(135deg,#181f38f2,#1c2540cc);box-shadow:0 0 12px #40d0600f}}.market-snapshot-label{font-size:.75rem;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.08em;font-weight:600}.market-snapshot-value{font-size:1rem;font-weight:700;color:var(--color-gold);word-break:break-word}.market-snapshot-value--source{color:var(--color-green);font-size:.875rem}.market-snapshot-value .wow-gold,.market-snapshot-value .wow-silver,.market-snapshot-value .wow-copper{font-weight:700}.market-snapshot-footer{margin-top:var(--space-sm);padding-top:var(--space-sm);border-top:1px solid var(--color-border)}.market-snapshot-updated{font-size:.75rem;color:var(--color-text-muted);font-family:var(--font-family-ui)}.market-snapshot-notice{display:flex;align-items:flex-start;gap:var(--space-sm);margin-top:var(--space-md);padding:var(--space-sm) var(--space-md);background:#60a0ff0f;border:1px solid rgba(96,160,255,.15);border-radius:var(--border-radius);font-size:.8125rem;line-height:1.5;color:var(--color-text-secondary)}.market-snapshot-notice-text{flex:1}.info-icon{display:inline-flex;align-items:center;justify-content:center;width:1rem;height:1rem;min-width:1rem;border-radius:50%;border:1.5px solid var(--color-blue);color:var(--color-blue);font-family:var(--font-family-ui);font-size:.75rem;font-weight:700;font-style:italic;line-height:1;margin-top:.125rem;flex-shrink:0}.info-icon:before{content:"i"}@media(min-width:768px){.market-snapshot-grid{grid-template-columns:repeat(3,1fr)}.market-snapshot-metric{padding:var(--space-md)}.market-snapshot-value{font-size:1.25rem}}@media(max-width:479px){.market-snapshot-grid{grid-template-columns:1fr}.market-snapshot-notice{font-size:.75rem}}@media(prefers-reduced-motion:reduce){.market-snapshot-card{animation:none}.market-snapshot-metric{transition:none}}@media print{.data-source-badge{border-color:#999;color:#333;background:#eee}.market-snapshot-metric{background:#f5f5f5;border-color:#ccc;color:#333}.market-snapshot-value{color:#333}.market-snapshot-notice{background:#f5f5f5;border-color:#ccc;color:#444}.info-icon{border-color:#666;color:#666}}.favorite-btn{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .75rem;min-height:44px;min-width:44px;border:1px solid rgba(184,145,46,.25);border-radius:var(--border-radius);background:#f0c0400f;color:var(--color-text-secondary);font-family:var(--font-family-ui);font-size:.8125rem;font-weight:600;cursor:pointer;transition:background var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast),box-shadow var(--transition-fast);white-space:nowrap;line-height:1}@media(hover:hover){.favorite-btn:hover{border-color:#f0c04073;background:#f0c0401f;color:var(--color-gold)}}.favorite-btn:focus-visible{border-color:#f0c04073;background:#f0c0401f;color:var(--color-gold)}.favorite-btn-icon{width:18px;height:18px;flex-shrink:0;transition:fill var(--transition-fast),stroke var(--transition-fast)}.favorite-btn.active{border-color:#f0c04080;background:#f0c04026;color:var(--color-gold);box-shadow:0 0 12px #f0c04026}.favorite-btn.active .favorite-btn-icon{fill:var(--color-gold);stroke:var(--color-gold)}.favorite-btn.active .favorite-btn-text:before{content:"Un"}.favorite-btn--loading{opacity:.6;pointer-events:none}@media(prefers-reduced-motion:reduce){.favorite-btn{transition:none}}@media print{.favorite-btn,.favorite-card-delete{display:none!important}}.my-dashboard-section{animation-delay:.04s;content-visibility:auto;contain-intrinsic-size:auto 200px}.my-dashboard-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);margin-bottom:var(--space-md)}.my-dashboard-header .card-title{margin-bottom:0;padding-bottom:0;border-bottom:none}.my-dashboard-header .card-title:after{display:none}.my-dashboard-manage-link{white-space:nowrap;flex-shrink:0;min-height:44px;display:inline-flex;align-items:center}.my-dashboard-loading{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-lg);color:var(--color-text-muted);font-family:var(--font-family-ui);font-size:.875rem}.my-dashboard-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--space-md)}.my-dashboard-empty{text-align:center;padding:var(--space-xl) var(--space-md)}.my-dashboard-empty-text{font-family:var(--font-family);font-size:.9375rem;color:var(--color-text-muted);font-style:italic;line-height:1.5}.dashboard-item-card{position:relative;display:flex;flex-direction:column;gap:var(--space-xs);padding:var(--space-md);background:linear-gradient(135deg,#141a30e6,#181f38b3);border:1px solid rgba(184,145,46,.15);border-radius:var(--border-radius);transition:border-color var(--transition-smooth),box-shadow var(--transition-smooth),opacity .2s;cursor:grab}.dashboard-item-card:active{cursor:grabbing}.dashboard-item-card--dragging{opacity:.4}.dashboard-item-card--drop-target{border-color:var(--color-gold);box-shadow:0 0 12px #f0c04033}@media(hover:hover){.dashboard-item-card:hover{border-color:#b8912e4d;box-shadow:0 0 10px #f0c0400d}}.dashboard-item-link{display:flex;align-items:center;gap:var(--space-sm);text-decoration:none;color:inherit;min-width:0}.dashboard-item-icon-wrap{flex-shrink:0;width:36px;height:36px;border-radius:var(--border-radius-sm, 4px);overflow:hidden;border:1px solid rgba(184,145,46,.2)}.dashboard-item-icon{width:36px;height:36px;display:block;object-fit:cover}.dashboard-item-icon-placeholder{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#141a30cc;color:var(--color-gold-dim);font-family:var(--font-family-heading);font-size:1.125rem;font-weight:700}.dashboard-item-details{display:flex;flex-direction:column;gap:.125rem;min-width:0}.dashboard-item-name{font-family:var(--font-family-heading);font-size:.8125rem;font-weight:700;color:var(--color-text-heading);letter-spacing:.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3}.dashboard-item-version-badge{font-family:var(--font-family-ui);font-size:.75rem;font-weight:600;color:var(--color-gold-dim);text-transform:uppercase;letter-spacing:.06em}.dashboard-item-price-area{display:flex;align-items:baseline;gap:var(--space-xs);min-height:1.5rem}.dashboard-item-price{font-family:var(--font-family-ui);font-size:.875rem;font-weight:600;color:var(--color-gold)}.dashboard-item-updated{font-family:var(--font-family-ui);font-size:.75rem;color:var(--color-text-muted)}.dashboard-item-actions{display:flex;align-items:center;gap:2px;position:absolute;top:var(--space-xs);right:var(--space-xs)}.dashboard-item-move-btn,.dashboard-item-remove-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;min-width:44px;min-height:44px;padding:0;border:none;border-radius:var(--border-radius-sm, 4px);background:transparent;color:var(--color-text-muted);cursor:pointer;opacity:0;transition:opacity .2s,color .2s,background .2s}@media(hover:hover){.dashboard-item-card:hover .dashboard-item-move-btn,.dashboard-item-card:hover .dashboard-item-remove-btn{opacity:1}}.dashboard-item-card:focus-within .dashboard-item-move-btn,.dashboard-item-card:focus-within .dashboard-item-remove-btn{opacity:1}@media(hover:hover){.dashboard-item-move-btn:hover{color:var(--color-gold);background:#f0c0401a}.dashboard-item-remove-btn:hover{color:var(--color-red);background:#e040401a}}.dashboard-item-move-btn:focus-visible,.dashboard-item-remove-btn:focus-visible{outline:2px solid var(--color-gold);outline-offset:2px;opacity:1}.btn--on-dashboard{background:#f0c0401f;border-color:#f0c0404d;color:var(--color-gold)}.price-alert-form{margin-bottom:var(--space-lg)}.price-alert-form-row{display:flex;align-items:flex-start;gap:var(--space-sm);flex-wrap:wrap}.price-alert-type-select{font-family:var(--font-family-ui);font-size:1rem;padding:.5rem .75rem;border-radius:var(--border-radius);border:1px solid var(--color-border-light);background:var(--color-bg-input);color:var(--color-text-primary);min-width:90px;min-height:44px;cursor:pointer;-webkit-appearance:none;appearance:none;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.price-alert-type-select:focus{border-color:var(--color-gold-dim);box-shadow:0 0 0 2px #f0c04026}.price-alert-type-select:focus:not(:focus-visible){outline:none}.price-alert-type-select:focus-visible{outline:2px solid var(--color-gold);outline-offset:2px}.price-alert-input-wrap{display:flex;flex-direction:column;gap:.25rem;flex:1;min-width:120px}.price-alert-input{font-family:var(--font-family-ui);font-size:1rem;padding:.5rem .75rem;border-radius:var(--border-radius);border:1px solid var(--color-border-light);background:var(--color-bg-input);color:var(--color-text-primary);min-height:44px;width:100%}.price-alert-input:focus{border-color:var(--color-gold-dim);box-shadow:0 0 0 2px #f0c04026}.price-alert-input:focus-visible{outline:2px solid var(--color-gold);outline-offset:2px}.price-alert-input:focus:not(:focus-visible){outline:none}.price-alert-input-hint{font-family:var(--font-family-ui);font-size:.75rem;color:var(--color-text-muted);padding-left:.25rem}.price-alert-submit{min-height:44px;white-space:nowrap}.price-alert-error{margin-top:var(--space-sm);font-family:var(--font-family-ui);font-size:.8125rem;color:var(--color-red);padding:var(--space-xs) var(--space-sm);background:#e0404014;border:1px solid rgba(224,64,64,.2);border-radius:var(--border-radius)}.alert-list{display:flex;flex-direction:column;gap:var(--space-xs)}.alert-list-loading{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-md);color:var(--color-text-muted);font-family:var(--font-family-ui);font-size:.8125rem}.alert-list-empty,.alert-list-error{font-family:var(--font-family);font-size:.875rem;color:var(--color-text-muted);font-style:italic;padding:var(--space-sm) 0}.alert-list-error{color:var(--color-red)}.alert-item{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);padding:var(--space-sm) var(--space-md);background:linear-gradient(135deg,#141a30b3,#181f3880);border:1px solid rgba(184,145,46,.12);border-radius:var(--border-radius);transition:border-color var(--transition-smooth),opacity .3s}.alert-item--active{border-left:3px solid var(--color-green)}.alert-item--inactive{opacity:.5;border-left:3px solid var(--color-text-muted)}.alert-item--triggered{border-color:#f0c0404d;background:linear-gradient(135deg,#f0c0400a,#141a30b3 50%)}.alert-item-info{display:flex;align-items:center;gap:var(--space-sm);min-width:0}.alert-item-type{display:flex;align-items:center;gap:.25rem;font-family:var(--font-family-ui);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap}.alert-item-type--below{color:var(--color-red)}.alert-item-type--above{color:var(--color-green)}.alert-item-type svg{flex-shrink:0}.alert-item-threshold{font-family:var(--font-family-ui);font-size:.875rem;font-weight:600;color:var(--color-gold)}.alert-item-controls{display:flex;align-items:center;gap:var(--space-sm);flex-shrink:0}.alert-toggle-btn{position:relative;display:flex;align-items:center;justify-content:center;padding:0;border:none;background:transparent;cursor:pointer;min-width:44px;min-height:44px;border-radius:var(--border-radius-sm)}.alert-toggle-btn:focus-visible{outline:2px solid var(--color-gold);outline-offset:2px}.alert-toggle-track{position:relative;width:36px;height:20px;border-radius:10px;background:#9098b033;border:1px solid rgba(144,152,176,.3);transition:background .2s,border-color .2s}.alert-toggle-thumb{position:absolute;top:2px;left:2px;width:14px;height:14px;border-radius:50%;background:var(--color-text-muted);transition:transform .2s,background .2s}.alert-toggle-btn--active .alert-toggle-track{background:#40d06033;border-color:#40d06066}.alert-toggle-btn--active .alert-toggle-thumb{transform:translate(16px);background:var(--color-green)}.alert-delete-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;min-width:44px;min-height:44px;padding:0;border:none;border-radius:var(--border-radius-sm, 4px);background:transparent;color:var(--color-text-muted);cursor:pointer;transition:color .2s,background .2s}@media(hover:hover){.alert-delete-btn:hover{color:var(--color-red);background:#e040401a}}.alert-delete-btn:focus-visible{outline:2px solid var(--color-gold);outline-offset:2px}.alert-notification-banner{background:linear-gradient(135deg,#f0c04014,#141a30f2 30%);border:1px solid rgba(240,192,64,.3);border-radius:var(--border-radius);margin-bottom:var(--space-lg);padding:var(--space-md);animation:fadeIn .3s ease;contain:layout style}.alert-notification-banner--dismissed{opacity:0;transform:translateY(-8px);transition:opacity .3s,transform .3s}.alert-banner-content{display:flex;align-items:flex-start;gap:var(--space-md)}.alert-banner-icon{flex-shrink:0;color:var(--color-gold);margin-top:2px}.alert-banner-messages{flex:1;min-width:0}.alert-banner-message{font-family:var(--font-family);font-size:.875rem;color:var(--color-text-primary);line-height:1.5;margin-bottom:var(--space-xs)}.alert-banner-message:last-child{margin-bottom:0}.alert-banner-item-link{color:var(--color-gold);text-decoration:none;font-weight:600;min-height:44px;display:inline-flex;align-items:center}@media(hover:hover){.alert-banner-item-link:hover{text-decoration:underline}}.alert-banner-item-link:focus-visible{outline:2px solid var(--color-gold);outline-offset:2px;border-radius:var(--border-radius-sm)}.alert-banner-more{font-family:var(--font-family-ui);font-size:.75rem;color:var(--color-text-muted);font-style:italic;margin-top:var(--space-xs)}.alert-banner-dismiss{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:28px;height:28px;min-width:44px;min-height:44px;padding:0;border:none;border-radius:var(--border-radius-sm, 4px);background:transparent;color:var(--color-text-muted);cursor:pointer;transition:color .2s}@media(hover:hover){.alert-banner-dismiss:hover{color:var(--color-text-primary)}}.alert-banner-dismiss:focus-visible{outline:2px solid var(--color-gold);outline-offset:2px}.ah-data-unavailable-banner{background:linear-gradient(135deg,#60a0ff14,#141a30f2 30%);border:1px solid rgba(96,160,255,.3);border-radius:var(--border-radius);margin:var(--space-md);padding:var(--space-md) var(--space-lg);animation:fadeIn .3s ease;contain:layout style}.ah-data-unavailable-banner--dismissed{opacity:0;transform:translateY(-8px);transition:opacity .3s,transform .3s;pointer-events:none}.ah-data-unavailable-content{display:flex;align-items:flex-start;gap:var(--space-md)}.ah-data-unavailable-icon{flex-shrink:0;color:#60a0ffe6;margin-top:2px}.ah-data-unavailable-message{flex:1;min-width:0;font-family:var(--font-family);font-size:.875rem;color:var(--color-text-primary);line-height:1.5}.ah-data-unavailable-dismiss{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:28px;height:28px;min-width:44px;min-height:44px;padding:0;border:none;border-radius:var(--border-radius-sm, 4px);background:transparent;color:var(--color-text-muted);cursor:pointer;transition:color .2s}@media(hover:hover){.ah-data-unavailable-dismiss:hover{color:var(--color-text-primary)}}.ah-data-unavailable-dismiss:focus-visible{outline:2px solid rgba(96,160,255,.6);outline-offset:2px}.profile-dashboard-section{animation-delay:.18s;content-visibility:auto;contain-intrinsic-size:auto 200px}.profile-dashboard-grid{display:grid;grid-template-columns:1fr;gap:var(--space-sm)}.profile-dashboard-card{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);padding:var(--space-sm) var(--space-md);background:linear-gradient(135deg,#141a30e6,#181f38b3);border:1px solid rgba(184,145,46,.15);border-radius:var(--border-radius);transition:border-color var(--transition-smooth)}@media(hover:hover){.profile-dashboard-card:hover{border-color:#b8912e4d}}.profile-dashboard-card-info{display:flex;align-items:center;gap:var(--space-sm);min-width:0;flex:1}.profile-dashboard-icon{width:28px;height:28px;border-radius:3px;flex-shrink:0;object-fit:cover}.profile-dashboard-icon-placeholder{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:#141a30cc;border:1px solid rgba(184,145,46,.2);border-radius:3px;color:var(--color-gold-dim);font-family:var(--font-family-heading);font-size:.875rem;font-weight:700;flex-shrink:0}.profile-dashboard-card-name{font-family:var(--font-family-heading);font-size:.8125rem;font-weight:700;color:var(--color-text-heading);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-dashboard-card-version{font-family:var(--font-family-ui);font-size:.75rem;font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.06em;flex-shrink:0}.profile-dashboard-card-price{font-family:var(--font-family-ui);font-size:.8125rem;font-weight:600;color:var(--color-gold);white-space:nowrap;flex-shrink:0}.profile-dashboard-remove-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;min-width:44px;min-height:44px;padding:0;border:none;border-radius:var(--border-radius-sm, 4px);background:transparent;color:var(--color-text-muted);cursor:pointer;transition:color .2s,background .2s;flex-shrink:0}@media(hover:hover){.profile-dashboard-remove-btn:hover{color:var(--color-red);background:#e040401a}}.profile-dashboard-remove-btn:focus-visible{outline:2px solid var(--color-gold);outline-offset:2px}.profile-alerts-section{animation-delay:.24s}.profile-alerts-list{display:flex;flex-direction:column;gap:var(--space-xs)}.profile-alert-item{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);padding:var(--space-sm) var(--space-md);background:linear-gradient(135deg,#141a30e6,#181f38b3);border:1px solid rgba(184,145,46,.12);border-radius:var(--border-radius);transition:border-color var(--transition-smooth),opacity .3s}.profile-alert-item--active{border-left:3px solid var(--color-green)}.profile-alert-item--inactive{opacity:.5;border-left:3px solid var(--color-text-muted)}.profile-alert-item--triggered{border-color:#f0c0404d;background:linear-gradient(135deg,#f0c0400a,#141a30b3 50%)}.profile-alert-item-info{display:flex;align-items:center;gap:var(--space-sm);min-width:0;flex:1}.profile-alert-icon{width:24px;height:24px;border-radius:3px;flex-shrink:0;object-fit:cover}.profile-alert-item-details{display:flex;flex-direction:column;gap:.125rem;min-width:0}.profile-alert-item-name{font-family:var(--font-family-heading);font-size:.8125rem;font-weight:700;color:var(--color-text-heading);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-alert-item-meta{display:flex;align-items:center;gap:var(--space-sm);flex-wrap:wrap}.profile-alert-item-type{display:flex;align-items:center;gap:.25rem;font-family:var(--font-family-ui);font-size:.75rem;font-weight:600;color:var(--color-text-secondary)}.profile-alert-item-type svg{flex-shrink:0}.profile-alert-item-version{font-family:var(--font-family-ui);font-size:.75rem;font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.06em}.profile-alert-triggered-at{font-family:var(--font-family-ui);font-size:.75rem;color:var(--color-gold-dim);font-style:italic}.profile-alert-item-controls{display:flex;align-items:center;gap:var(--space-sm);flex-shrink:0}.profile-alert-delete-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;min-width:44px;min-height:44px;padding:0;border:none;border-radius:var(--border-radius-sm, 4px);background:transparent;color:var(--color-text-muted);cursor:pointer;transition:color .2s,background .2s}@media(hover:hover){.profile-alert-delete-btn:hover{color:var(--color-red);background:#e040401a}}.profile-alert-delete-btn:focus-visible{outline:2px solid var(--color-gold);outline-offset:2px}@media(max-width:1023px){.my-dashboard-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:767px){.my-dashboard-grid{grid-template-columns:1fr}.price-alert-form-row{flex-direction:column}.price-alert-type-select,.price-alert-submit{width:100%}.alert-banner-content{flex-wrap:wrap}.dashboard-item-move-btn,.dashboard-item-remove-btn{opacity:1}}@media(min-width:480px){.profile-dashboard-grid{grid-template-columns:repeat(2,1fr)}}@media(pointer:coarse){.dashboard-item-move-btn,.dashboard-item-remove-btn{opacity:1;min-width:44px;min-height:44px}}@media print{.my-dashboard-section .dashboard-item-actions,.alert-notification-banner .alert-banner-dismiss,.profile-dashboard-remove-btn,.profile-alert-delete-btn,.alert-toggle-btn,.price-alert-form,.btn--dashboard-add{display:none!important}.dashboard-item-card,.profile-dashboard-card,.profile-alert-item,.alert-item{background:#fff;border:1px solid #ccc}.alert-notification-banner{background:#fffde6;border-color:#c9a826}}@media(prefers-reduced-motion:reduce){.alert-notification-banner{animation:none}.alert-notification-banner--dismissed{transition:none}.my-dashboard-section,.profile-dashboard-section,.profile-alerts-section{animation:none}}.dashboard-add-btn{display:inline-flex;align-items:center;gap:var(--space-xs);background:transparent;border:1.5px solid var(--color-gold);border-radius:var(--border-radius);color:var(--color-gold);padding:var(--space-xs) 14px;min-height:44px;min-width:44px;font-size:.85rem;font-weight:600;cursor:pointer;transition:background .2s,color .2s,border-color .2s;white-space:nowrap}@media(hover:hover){.dashboard-add-btn:hover{background:var(--color-gold);color:#1a1a2e}}.dashboard-add-btn:focus-visible{background:var(--color-gold);color:#1a1a2e}.dashboard-add-btn.btn--on-dashboard{background:var(--color-gold);color:#1a1a2e}@media(hover:hover){.dashboard-add-btn.btn--on-dashboard:hover{background:transparent;color:var(--color-gold)}}.dashboard-add-icon{flex-shrink:0}.dashboard-add-text{line-height:1}.my-dashboard-section .section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-md)}.my-dashboard-section .section-title{font-size:1.2rem;font-weight:700;color:var(--color-text-primary);margin:0}.my-dashboard-section .section-link{font-size:.85rem;color:var(--color-gold);text-decoration:none;font-weight:600}@media(hover:hover){.my-dashboard-section .section-link:hover{text-decoration:underline}}.dashboard-items-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:var(--space-sm)}.dashboard-loading{grid-column:1 / -1;text-align:center;padding:var(--space-xl);color:var(--color-text-muted);font-size:.9rem}.dashboard-empty{grid-column:1 / -1;text-align:center;padding:var(--space-2xl) var(--space-md);color:var(--color-text-muted);font-size:.9rem;line-height:1.6}.dashboard-empty p{margin:0 0 8px}.alert-type-select{-webkit-appearance:none;appearance:none;background:var(--color-bg-secondary);border:1px solid var(--color-border-light);border-radius:var(--border-radius);color:var(--color-text-primary);padding:8px 32px 8px 12px;font-size:1rem;min-height:44px;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23999' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center}.alert-type-select:focus{border-color:var(--color-gold-dim);box-shadow:0 0 0 2px #f0c04026}.alert-type-select:focus:not(:focus-visible){outline:none}.alert-type-select:focus-visible{outline:2px solid var(--color-gold);outline-offset:2px}.alert-type-label{font-size:.85rem;color:var(--color-text-muted);white-space:nowrap}.alert-form-row{display:flex;align-items:center;gap:10px;margin-bottom:var(--space-sm);flex-wrap:wrap}.alert-price-row{gap:8px}.gold-input-group{display:flex;align-items:center;gap:var(--space-xs)}.gold-input-field{display:flex;align-items:center;gap:2px;background:var(--color-bg-secondary);border:1px solid var(--color-border-light);border-radius:var(--border-radius);padding:var(--space-xs) 8px;min-height:44px;transition:border-color .2s}.gold-input-field:focus-within{border-color:var(--color-gold)}.gold-input-field input{background:transparent;border:none;color:var(--color-text-primary);font-size:1rem;width:52px;padding:0;text-align:right;-moz-appearance:textfield;appearance:textfield}.gold-input-field input:focus:not(:focus-visible){outline:none}.gold-input-field input:focus-visible{outline:2px solid var(--color-gold);outline-offset:1px;border-radius:2px}.gold-input-field input::-webkit-outer-spin-button,.gold-input-field input::-webkit-inner-spin-button{-webkit-appearance:none;appearance:none;margin:0}.gold-label{font-size:.85rem;font-weight:600;color:var(--color-text-muted);-webkit-user-select:none;user-select:none}.gold-input-field:first-child .gold-label{color:#f0c040}.gold-input-field:nth-child(2) .gold-label{color:silver}.gold-input-field:nth-child(3) .gold-label{color:#b87333}.alert-create-btn{white-space:nowrap;padding:8px 18px;min-height:44px;font-weight:600}.alert-create-btn:focus-visible{outline:2px solid var(--color-gold);outline-offset:2px}.alert-form-help{font-size:.8rem;color:var(--color-text-muted);margin:0;line-height:1.4}.alert-login-prompt{text-align:center;padding:var(--space-xl) var(--space-md);color:var(--color-text-muted)}.alert-login-prompt p{margin:0 0 var(--space-sm) 0;font-size:.9rem}.alert-banner{position:fixed;top:var(--header-height, 60px);left:0;right:0;z-index:1100;background:linear-gradient(135deg,#2d1a00,#1a1a2e);border-bottom:2px solid var(--color-gold);padding:var(--space-sm) 20px;animation:slideDown .3s ease-out}@keyframes slideDown{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}body:has(.alert-banner) .main-content{padding-top:calc(var(--space-md) + 42px)}@media(max-width:768px){body:has(.alert-banner) .main-content{padding-top:calc(var(--space-md) + 50px)}}@media(max-width:600px){.dashboard-items-grid{grid-template-columns:1fr}.gold-input-group{flex-wrap:wrap}.gold-input-field input{width:40px}.alert-form-row{flex-direction:column;align-items:stretch}.alert-price-row{flex-direction:column}.dashboard-add-btn{padding:5px 10px;font-size:.8rem;min-height:44px;min-width:44px}}