.wm-guide{ --g-accent:var(--wm-accent,var(--wm-primary,var(--theme-primary,var(--tg-theme-primary,var(--theme-primary-color,#2f74ff))))); --g-accent-rgb:var(--wm-accent-rgb,47,116,255); --g-accent-contrast:var(--wm-accent-text,var(--wm-accent-contrast,var(--wm-primary-contrast,#fff))); --g-bg:var(--wm-page-bg,transparent); --g-surface:var(--wm-surface,var(--wm-card-bg,#fff)); --g-surface-2:var(--wm-surface-soft,var(--wm-surface-2,var(--wm-card-soft,#f6f8fb))); --g-surface-3:var(--wm-surface-3,var(--wm-input-bg,#eef3f8)); --g-border:var(--wm-border,var(--wm-card-border,#dbe3ec)); --g-border-strong:var(--wm-border-strong,var(--wm-border,var(--wm-card-border,#cbd7e5))); --g-text:var(--wm-text,var(--wm-text-color,#182235)); --g-muted:var(--wm-muted,var(--wm-text-muted,#6e7d91)); --g-shadow:var(--wm-card-shadow,0 14px 36px rgba(19,42,70,.08)); --g-radius:var(--wm-adaptive-radius-card,var(--wm-radius-lg,14px)); --g-control-radius:var(--wm-adaptive-radius-control,var(--wm-radius,10px)); color:var(--g-text);font-family:inherit;max-width:1480px;margin:0 auto;padding:0 18px 32px;box-sizing:border-box } .wm-guide *{box-sizing:border-box}.wm-guide a{text-decoration:none}.wm-guide svg{width:18px;height:18px;display:block} /* Theme bridge 1.2.6 ------------------------------------------------------- * Some NyxCMS themes publish the shared --wm-* palette and others only * paint a dark/light shell. JS detects the real surrounding scheme and these * rules keep the guide native to both cases without theme-name hacks. */ .wm-guide[data-scheme="light"]{ color-scheme:light; --g-surface:var(--wm-surface,var(--wm-card-bg,#fff)); --g-surface-2:var(--wm-surface-soft,var(--wm-surface-2,var(--wm-card-soft,#f6f8fb))); --g-surface-3:var(--wm-surface-3,var(--wm-input-bg,#eef3f8)); --g-border:var(--wm-border,var(--wm-card-border,#dbe3ec)); --g-border-strong:var(--wm-border-strong,var(--wm-border,var(--wm-card-border,#cbd7e5))); --g-text:var(--wm-text,var(--wm-text-color,#182235)); --g-muted:var(--wm-muted,var(--wm-text-muted,#6e7d91)); --g-shadow:var(--wm-card-shadow,0 14px 36px rgba(19,42,70,.08)); } .wm-guide[data-scheme="dark"],html[data-theme="dark"] .wm-guide,body.theme-dark .wm-guide,.dark .wm-guide,[data-wm-theme="dark"] .wm-guide,[data-bs-theme="dark"] .wm-guide{ color-scheme:dark; --g-surface:var(--wm-surface,var(--wm-card-bg,#0e1724)); --g-surface-2:var(--wm-surface-soft,var(--wm-surface-2,var(--wm-card-soft,#141f2d))); --g-surface-3:var(--wm-surface-3,var(--wm-input-bg,#101a27)); --g-border:var(--wm-border,var(--wm-card-border,rgba(255,255,255,.11))); --g-border-strong:var(--wm-border-strong,var(--wm-border,var(--wm-card-border,rgba(255,255,255,.18)))); --g-text:var(--wm-text,var(--wm-text-color,#eef5ff)); --g-muted:var(--wm-muted,var(--wm-text-muted,#91a0b5)); --g-shadow:var(--wm-card-shadow,0 16px 42px rgba(0,0,0,.22)); } /* Legacy themes can expose stale tokens from the opposite scheme. JS only * enables these neutral fallbacks when luminance proves the palette is wrong. */ .wm-guide[data-guide-palette-fix="light"]{ --g-surface:#fff;--g-surface-2:#f6f8fb;--g-surface-3:#eef3f8; --g-border:#dbe3ec;--g-border-strong:#cbd7e5;--g-text:#182235;--g-muted:#6e7d91; --g-shadow:0 14px 36px rgba(19,42,70,.08); } .wm-guide[data-guide-palette-fix="dark"]{ --g-surface:#0e1724;--g-surface-2:#141f2d;--g-surface-3:#101a27; --g-border:rgba(255,255,255,.11);--g-border-strong:rgba(255,255,255,.18);--g-text:#eef5ff;--g-muted:#91a0b5; --g-shadow:0 16px 42px rgba(0,0,0,.22); } /* top navigation */ .wm-guide-topbar{position:relative;z-index:10;display:grid;grid-template-columns:auto minmax(0,1fr) minmax(220px,330px);gap:14px;align-items:center;margin:0 0 18px;padding:10px 12px;border:1px solid var(--g-border);border-radius:var(--g-radius);background:color-mix(in srgb,var(--g-surface) 96%,transparent);box-shadow:var(--g-shadow);backdrop-filter:blur(14px)} .wm-guide-brand{display:flex;align-items:center;gap:9px;min-width:175px;color:var(--g-text)}.wm-guide-brand>span{width:38px;height:38px;display:grid;place-items:center;border:1px solid color-mix(in srgb,var(--g-accent) 24%,var(--g-border));border-radius:10px;background:color-mix(in srgb,var(--g-accent) 8%,var(--g-surface));color:var(--g-accent)}.wm-guide-brand strong,.wm-guide-brand small{display:block}.wm-guide-brand strong{font-size:12px;font-weight:950}.wm-guide-brand small{margin-top:1px;color:var(--g-muted);font-size:8px;letter-spacing:.12em;text-transform:uppercase} .wm-guide-primary-nav{display:flex;align-items:stretch;gap:3px;overflow:auto;scrollbar-width:none}.wm-guide-primary-nav::-webkit-scrollbar,.wm-guide-subnav::-webkit-scrollbar{display:none}.wm-guide-primary-nav a{display:flex;align-items:center;justify-content:center;gap:6px;min-height:40px;padding:0 10px;border-radius:8px;color:var(--g-muted);white-space:nowrap;font-size:10px;font-weight:850;transition:.18s ease}.wm-guide-primary-nav a svg{width:15px;height:15px}.wm-guide-primary-nav a:hover,.wm-guide-primary-nav a.is-active{background:color-mix(in srgb,var(--g-accent) 8%,var(--g-surface));color:var(--g-accent)} .wm-guide-search{height:40px;display:flex;align-items:center;gap:8px;padding:0 11px;border:1px solid var(--g-border);border-radius:9px;background:var(--g-surface-2);color:var(--g-muted)}.wm-guide-search svg{width:15px;height:15px}.wm-guide-search input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:var(--g-text);font:inherit;font-size:10px}.wm-guide-search input::placeholder{color:var(--g-muted)} .wm-guide-mobile-menu{display:none;border:0;background:transparent;color:var(--g-text);font:inherit;font-weight:850;cursor:pointer} /* images / placeholders */ .wm-guide-picture{position:relative;overflow:hidden;background:linear-gradient(135deg,color-mix(in srgb,var(--g-accent) 5%,var(--g-surface-2)),var(--g-surface-2));border:1px solid var(--g-border);border-radius:11px}.wm-guide-picture img{width:100%;height:100%;object-fit:contain;display:block}.wm-guide-picture--placeholder{display:grid;place-items:center;align-content:center;gap:7px;min-height:150px;color:var(--g-muted);background:radial-gradient(circle at 70% 25%,color-mix(in srgb,var(--g-accent) 10%,transparent),transparent 45%),linear-gradient(135deg,var(--g-surface-2),color-mix(in srgb,var(--g-surface-2) 88%,var(--g-surface)))}.wm-guide-picture--placeholder span{width:44px;height:44px;display:grid;place-items:center;border:1px dashed var(--g-border-strong);border-radius:50%}.wm-guide-picture--placeholder small{font-size:8px;font-weight:800;letter-spacing:.08em;text-transform:uppercase} /* home */ .wm-guide-home{display:grid;gap:18px}.wm-guide-home-hero{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(330px,.75fr);min-height:340px;overflow:hidden;border:1px solid var(--g-border);border-radius:var(--g-radius);background:linear-gradient(125deg,color-mix(in srgb,var(--g-accent) 9%,var(--g-surface)),var(--g-surface) 58%,var(--g-surface-2));box-shadow:var(--g-shadow)} .wm-guide-home-hero__copy{display:flex;flex-direction:column;justify-content:center;padding:38px 42px}.wm-guide-home-hero__copy>small,.wm-guide-page-head small,.wm-guide-section-heading small{color:var(--g-accent);font-size:8px;font-weight:950;letter-spacing:.14em;text-transform:uppercase}.wm-guide-home-hero h1{max-width:700px;margin:8px 0 10px;color:var(--g-text);font-size:clamp(30px,4vw,54px);line-height:.98;font-weight:950;letter-spacing:-.04em}.wm-guide-home-hero p{max-width:690px;margin:0;color:var(--g-muted);font-size:12px;line-height:1.65}.wm-guide-home-hero__art{min-height:340px;border:0;border-radius:0;background:radial-gradient(circle at 50% 48%,color-mix(in srgb,var(--g-accent) 13%,transparent),transparent 55%)}.wm-guide-home-hero__stats{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}.wm-guide-home-hero__stats span{min-width:90px;padding:9px 12px;border:1px solid var(--g-border);border-radius:9px;background:color-mix(in srgb,var(--g-surface) 72%,transparent)}.wm-guide-home-hero__stats b,.wm-guide-home-hero__stats small{display:block}.wm-guide-home-hero__stats b{font-size:16px;color:var(--g-text)}.wm-guide-home-hero__stats small{margin-top:1px;color:var(--g-muted);font-size:8px;text-transform:uppercase;letter-spacing:.06em} .wm-guide-home-section{padding:18px;border:1px solid var(--g-border);border-radius:var(--g-radius);background:var(--g-surface);box-shadow:var(--g-shadow)} .wm-guide-section-heading{display:flex;align-items:center;gap:10px;margin:0 0 13px}.wm-guide-section-heading>span{width:34px;height:34px;display:grid;place-items:center;flex:0 0 34px;border-radius:9px;background:color-mix(in srgb,var(--g-accent) 9%,var(--g-surface-2));color:var(--g-accent)}.wm-guide-section-heading>span svg{width:16px;height:16px}.wm-guide-section-heading h2,.wm-guide-section-heading h3{margin:2px 0 0;color:var(--g-text);font-weight:950;letter-spacing:-.02em}.wm-guide-section-heading h2{font-size:15px}.wm-guide-section-heading h3{font-size:13px} .wm-guide-category-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.wm-guide-category-grid>a{display:grid;grid-template-columns:44px minmax(0,1fr) 18px;gap:11px;align-items:center;min-height:92px;padding:12px;border:1px solid var(--g-border);border-radius:10px;background:var(--g-surface-2);color:var(--g-text);transition:.18s ease}.wm-guide-category-grid>a:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--g-accent) 45%,var(--g-border));box-shadow:0 10px 22px color-mix(in srgb,var(--g-accent) 8%,transparent)}.wm-guide-category-grid>a>span{width:44px;height:44px;display:grid;place-items:center;border-radius:10px;background:var(--g-surface);color:var(--g-accent)}.wm-guide-category-grid strong{display:block;font-size:11px;font-weight:950}.wm-guide-category-grid p{margin:4px 0 0;color:var(--g-muted);font-size:9px;line-height:1.4}.wm-guide-category-grid>a>svg{width:15px;height:15px;color:var(--g-muted)} .wm-guide-feature-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.wm-guide-feature-strip>a{overflow:hidden;border:1px solid var(--g-border);border-radius:10px;background:var(--g-surface-2);color:var(--g-text);transition:.18s}.wm-guide-feature-strip>a:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--g-accent) 45%,var(--g-border))}.wm-guide-feature-strip .wm-guide-picture{height:130px;border:0;border-radius:0;border-bottom:1px solid var(--g-border)}.wm-guide-feature-strip>a>div:last-child{padding:9px 10px}.wm-guide-feature-strip strong,.wm-guide-feature-strip span{display:block}.wm-guide-feature-strip strong{font-size:10px}.wm-guide-feature-strip span{margin-top:2px;color:var(--g-muted);font-size:8px} .wm-guide-home-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.wm-guide-link-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.wm-guide-link-list>a{display:grid;grid-template-columns:31px minmax(0,1fr) 14px;gap:7px;align-items:center;min-height:48px;padding:7px 9px;border:1px solid var(--g-border);border-radius:8px;color:var(--g-text);background:var(--g-surface-2)}.wm-guide-link-list>a>span{width:30px;height:30px;display:grid;place-items:center;border-radius:7px;background:var(--g-surface);color:var(--g-accent);font-size:8px;font-weight:950}.wm-guide-link-list strong{font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wm-guide-link-list>a>svg{width:12px;height:12px;color:var(--g-muted)} /* section layout */ .wm-guide-layout{display:grid;grid-template-columns:230px minmax(0,1fr);gap:14px;align-items:start}.wm-guide-sidebar{position:sticky;top:16px;overflow:hidden;border:1px solid var(--g-border);border-radius:var(--g-radius);background:var(--g-surface);box-shadow:var(--g-shadow)}.wm-guide-sidebar__head{padding:15px 15px 12px;border-bottom:1px solid var(--g-border)}.wm-guide-sidebar__head small,.wm-guide-sidebar__head strong{display:block}.wm-guide-sidebar__head small{color:var(--g-accent);font-size:7px;font-weight:950;letter-spacing:.12em}.wm-guide-sidebar__head strong{margin-top:3px;font-size:12px}.wm-guide-sidebar nav{max-height:calc(100vh - 170px);overflow:auto;padding:7px;scrollbar-width:none}.wm-guide-sidebar nav::-webkit-scrollbar{display:none}.wm-guide-sidebar nav a{display:grid;grid-template-columns:24px minmax(0,1fr);gap:7px;align-items:center;min-height:38px;padding:7px 9px;border-radius:8px;color:var(--g-muted);font-size:9px}.wm-guide-sidebar nav a span{width:24px;height:24px;display:grid;place-items:center;border-radius:7px;background:var(--g-surface-2)}.wm-guide-sidebar nav a svg{width:12px;height:12px}.wm-guide-sidebar nav a:hover,.wm-guide-sidebar nav a.is-active{background:color-mix(in srgb,var(--g-accent) 8%,var(--g-surface));color:var(--g-accent)}.wm-guide-sidebar nav a.is-active span{background:color-mix(in srgb,var(--g-accent) 12%,var(--g-surface))} .wm-guide-main{min-width:0}.wm-guide-subnav{display:flex;gap:6px;overflow:auto;margin-bottom:10px;padding:8px;border:1px solid var(--g-border);border-radius:10px;background:var(--g-surface);scrollbar-width:none}.wm-guide-subnav a{flex:0 0 auto;min-height:30px;display:flex;align-items:center;padding:0 10px;border-radius:7px;color:var(--g-muted);background:var(--g-surface-2);font-size:8px;font-weight:850;white-space:nowrap}.wm-guide-subnav a.is-active,.wm-guide-subnav a:hover{background:var(--g-accent);color:#fff} .wm-guide-page-head{padding:22px 24px;border:1px solid var(--g-border);border-radius:var(--g-radius);background:var(--g-surface);box-shadow:var(--g-shadow)}.wm-guide-page-head h1{margin:4px 0 7px;font-size:27px;line-height:1;font-weight:950;letter-spacing:-.03em}.wm-guide-page-head p{max-width:760px;margin:0;color:var(--g-muted);font-size:10px;line-height:1.55} .wm-guide-entry-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:10px}.wm-guide-entry-grid>a{overflow:hidden;border:1px solid var(--g-border);border-radius:11px;background:var(--g-surface);color:var(--g-text);box-shadow:var(--g-shadow);transition:.18s ease}.wm-guide-entry-grid>a:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--g-accent) 42%,var(--g-border))}.wm-guide-entry-grid .wm-guide-picture{height:145px;border:0;border-radius:0;border-bottom:1px solid var(--g-border)}.wm-guide-entry-grid>a>div:last-child{padding:11px 12px}.wm-guide-entry-grid small,.wm-guide-entry-grid strong,.wm-guide-entry-grid p,.wm-guide-entry-grid span{display:block}.wm-guide-entry-grid small{color:var(--g-accent);font-size:7px;font-weight:900;text-transform:uppercase}.wm-guide-entry-grid strong{margin-top:3px;font-size:11px}.wm-guide-entry-grid p{min-height:38px;margin:5px 0 7px;color:var(--g-muted);font-size:8.5px;line-height:1.45}.wm-guide-entry-grid span{display:flex;align-items:center;gap:5px;color:var(--g-accent);font-size:8px;font-weight:900}.wm-guide-entry-grid span svg{width:11px;height:11px} /* article */ .wm-guide-article{overflow:hidden;border:1px solid var(--g-border);border-radius:var(--g-radius);background:var(--g-surface);box-shadow:var(--g-shadow)}.wm-guide-article-hero{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(310px,.8fr);min-height:285px;border-bottom:1px solid var(--g-border);background:linear-gradient(125deg,color-mix(in srgb,var(--g-accent) 6%,var(--g-surface)),var(--g-surface))}.wm-guide-article-hero__copy{display:flex;flex-direction:column;justify-content:center;padding:28px 31px}.wm-guide-breadcrumb{align-self:flex-start;margin-bottom:9px;padding:4px 7px;border-radius:999px;background:color-mix(in srgb,var(--g-accent) 8%,var(--g-surface-2));color:var(--g-accent);font-size:7px;font-weight:950;text-transform:uppercase;letter-spacing:.08em}.wm-guide-article-hero h1{margin:0 0 8px;font-size:34px;line-height:1;font-weight:950;letter-spacing:-.035em}.wm-guide-article-hero p{max-width:690px;margin:0;color:var(--g-muted);font-size:10px;line-height:1.6}.wm-guide-article-hero__art{border:0;border-left:1px solid var(--g-border);border-radius:0;min-height:285px}.wm-guide-article-body{padding:18px 20px 24px}.wm-guide-content-section{padding:16px 0;border-bottom:1px solid var(--g-border)}.wm-guide-content-section:first-child{padding-top:0}.wm-guide-content-section:last-child{border-bottom:0}.wm-guide-copy{margin:0;color:var(--g-muted);font-size:10px;line-height:1.75} .wm-guide-two-cols{display:grid;grid-template-columns:1fr 1fr;gap:18px;padding:16px 0;border-bottom:1px solid var(--g-border)} .wm-guide-note{margin:14px 0;padding:11px 13px;border:1px solid color-mix(in srgb,var(--g-accent) 24%,var(--g-border));border-radius:9px;background:color-mix(in srgb,var(--g-accent) 5%,var(--g-surface-2));color:var(--g-muted);font-size:9px;line-height:1.55}.wm-guide-note strong{color:var(--g-text)}.wm-guide-note ul{margin:6px 0 0;padding-left:18px} /* facts / stats */ .wm-guide-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:10px 0}.wm-guide-facts article{display:grid;grid-template-columns:32px minmax(0,1fr);grid-template-rows:auto auto;column-gap:8px;align-items:center;min-height:62px;padding:9px 10px;border:1px solid var(--g-border);border-radius:9px;background:var(--g-surface-2)}.wm-guide-facts article>span{grid-row:1/3;width:31px;height:31px;display:grid;place-items:center;border-radius:8px;background:var(--g-surface);color:var(--g-accent)}.wm-guide-facts article>span svg{width:14px;height:14px}.wm-guide-facts small{color:var(--g-muted);font-size:7px;text-transform:uppercase;letter-spacing:.06em}.wm-guide-facts strong{font-size:10px;color:var(--g-text)}.wm-guide-facts--small{grid-template-columns:repeat(2,minmax(0,180px))} .wm-guide-character-meta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:16px}.wm-guide-character-meta article{padding:11px 12px;border:1px solid var(--g-border);border-radius:9px;background:var(--g-surface-2)}.wm-guide-character-meta small,.wm-guide-character-meta strong{display:block}.wm-guide-character-meta small{color:var(--g-muted);font-size:7px;letter-spacing:.08em}.wm-guide-character-meta strong{margin-top:3px;font-size:10px} .wm-guide-stat-bars{display:grid;gap:8px;max-width:680px}.wm-guide-stat-bars article>div{display:flex;justify-content:space-between;gap:10px;margin-bottom:4px;font-size:9px}.wm-guide-stat-bars article>div span{color:var(--g-muted)}.wm-guide-stat-bars article>div b{color:var(--g-text)}.wm-guide-stat-bars i{display:block;height:7px;overflow:hidden;border-radius:999px;background:var(--g-surface-2)}.wm-guide-stat-bars i:after{content:"";display:block;width:var(--value);height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--g-accent),color-mix(in srgb,var(--g-accent) 55%,white 45%))} .wm-guide-evolution{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.wm-guide-evolution>span{display:flex;align-items:center;gap:8px;padding:9px 11px;border:1px solid var(--g-border);border-radius:9px;background:var(--g-surface-2)}.wm-guide-evolution>span b{width:23px;height:23px;display:grid;place-items:center;border-radius:7px;background:color-mix(in srgb,var(--g-accent) 10%,var(--g-surface));color:var(--g-accent);font-size:8px}.wm-guide-evolution>span strong{font-size:9px}.wm-guide-evolution>svg{width:14px;height:14px;color:var(--g-muted)} .wm-guide-chip-list{display:flex;flex-wrap:wrap;gap:6px}.wm-guide-chip-list>span{padding:6px 8px;border:1px solid var(--g-border);border-radius:999px;background:var(--g-surface-2);color:var(--g-text);font-size:8px;font-weight:800} .wm-guide-check-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:0;padding:0;list-style:none}.wm-guide-check-list li{display:flex;gap:7px;align-items:flex-start;padding:9px 10px;border:1px solid var(--g-border);border-radius:8px;background:var(--g-surface-2);color:var(--g-muted);font-size:8.5px;line-height:1.45}.wm-guide-check-list li svg{width:13px;height:13px;flex:0 0 13px;color:var(--g-accent)} /* tables */ .wm-guide-table-wrap{width:100%;overflow-x:auto;border:1px solid var(--g-border);border-radius:9px;scrollbar-width:none}.wm-guide-table-wrap::-webkit-scrollbar{display:none}.wm-guide-table{width:100%;border-collapse:collapse;min-width:540px}.wm-guide-table th,.wm-guide-table td{padding:9px 10px;border-bottom:1px solid var(--g-border);text-align:left;font-size:8.5px}.wm-guide-table th{background:var(--g-surface-2);color:var(--g-muted);font-size:7px;text-transform:uppercase;letter-spacing:.06em}.wm-guide-table td{color:var(--g-text)}.wm-guide-table tbody tr:last-child td{border-bottom:0}.wm-guide-table code{padding:3px 6px;border-radius:5px;background:var(--g-surface-2);color:var(--g-accent);font-size:8px} /* maps/monsters */ .wm-guide-map-visuals{display:grid;grid-template-columns:minmax(280px,.9fr) minmax(0,1.1fr);gap:10px}.wm-guide-map-panel{overflow:hidden;border:1px solid var(--g-border);border-radius:10px;background:var(--g-surface-2)}.wm-guide-map-panel>header{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 12px;border-bottom:1px solid var(--g-border)}.wm-guide-map-panel>header strong{font-size:10px}.wm-guide-map-panel>header span{color:var(--g-muted);font-size:7.5px;text-align:right}.wm-guide-map-panel__image{height:260px;border:0;border-radius:0}.wm-guide-map-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:10px}.wm-guide-map-gallery__item{display:grid;gap:5px}.wm-guide-map-gallery__item small{color:var(--g-accent);font-size:7px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.wm-guide-map-gallery__image{height:152px} .wm-guide-monster-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.wm-guide-monster{overflow:hidden;border:1px solid var(--g-border);border-radius:9px;background:var(--g-surface-2)}.wm-guide-monster__image{height:130px;border:0;border-radius:0;border-bottom:1px solid var(--g-border)}.wm-guide-monster>div:last-child{padding:8px 9px}.wm-guide-monster h4{margin:0 0 5px;font-size:9px}.wm-guide-monster p{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:2px 0;color:var(--g-muted);font-size:7.5px}.wm-guide-monster p b{color:var(--g-text)}.wm-guide-monster__pending{display:block!important;line-height:1.35!important} .wm-guide-empty-state{display:flex;align-items:center;gap:11px;padding:16px;border:1px dashed var(--g-border-strong);border-radius:9px;background:var(--g-surface-2)}.wm-guide-empty-state>span{width:40px;height:40px;display:grid;place-items:center;border-radius:9px;background:var(--g-surface);color:var(--g-accent)}.wm-guide-empty-state strong,.wm-guide-empty-state p{display:block}.wm-guide-empty-state strong{font-size:9px}.wm-guide-empty-state p{margin:3px 0 0;color:var(--g-muted);font-size:8px;line-height:1.4} /* events */ .wm-guide-event-intro{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:0 0 16px;border-bottom:1px solid var(--g-border)}.wm-guide-event-type{display:flex;align-items:center;gap:7px;padding:7px 9px;border-radius:999px;background:color-mix(in srgb,var(--g-accent) 8%,var(--g-surface-2));color:var(--g-accent);font-size:8px;font-weight:900}.wm-guide-event-type svg{width:14px;height:14px}.wm-guide-event-meta{display:flex;flex-wrap:wrap;gap:7px}.wm-guide-event-meta>span{min-width:150px;padding:8px 10px;border:1px solid var(--g-border);border-radius:8px;background:var(--g-surface-2)}.wm-guide-event-meta small,.wm-guide-event-meta strong{display:block}.wm-guide-event-meta small{color:var(--g-muted);font-size:6.5px}.wm-guide-event-meta strong{margin-top:2px;font-size:8.5px} .wm-guide-steps{display:grid;gap:6px}.wm-guide-steps article{display:grid;grid-template-columns:30px minmax(0,1fr);gap:8px;align-items:center;padding:8px 10px;border:1px solid var(--g-border);border-radius:8px;background:var(--g-surface-2)}.wm-guide-steps article b{width:28px;height:28px;display:grid;place-items:center;border-radius:7px;background:color-mix(in srgb,var(--g-accent) 10%,var(--g-surface));color:var(--g-accent);font-size:8px}.wm-guide-steps article span{color:var(--g-muted);font-size:8.5px;line-height:1.4} .wm-guide-reward-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.wm-guide-reward-grid article{padding:9px;border:1px solid var(--g-border);border-radius:8px;background:var(--g-surface-2)}.wm-guide-reward-grid article>strong{display:block;margin-bottom:6px;font-size:9px}.wm-guide-reward-grid article>span{display:flex;justify-content:space-between;gap:6px;padding:3px 0;border-top:1px dashed var(--g-border);font-size:7.5px}.wm-guide-reward-grid small{color:var(--g-muted)} /* items/guides */ .wm-guide-item-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.wm-guide-item-grid>article{overflow:hidden;border:1px solid var(--g-border);border-radius:9px;background:var(--g-surface-2)}.wm-guide-item-grid__image{height:120px;border:0;border-radius:0;border-bottom:1px solid var(--g-border)}.wm-guide-item-grid>article>div:last-child{padding:8px 9px}.wm-guide-item-grid h4{margin:0;font-size:9px}.wm-guide-item-grid span{display:block;margin-top:3px;color:var(--g-muted);font-size:7.5px} .wm-guide-materials{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.wm-guide-materials>span{display:flex;align-items:center;gap:7px;padding:9px 10px;border:1px solid var(--g-border);border-radius:8px;background:var(--g-surface-2);color:var(--g-text);font-size:8.5px}.wm-guide-materials>span svg{width:13px;height:13px;color:var(--g-accent)} .wm-guide-shortcuts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.wm-guide-shortcuts>span{display:flex;align-items:center;gap:8px;padding:8px 9px;border:1px solid var(--g-border);border-radius:8px;background:var(--g-surface-2)}.wm-guide-shortcuts kbd{min-width:34px;padding:4px 6px;border:1px solid var(--g-border-strong);border-radius:5px;background:var(--g-surface);color:var(--g-accent);font:inherit;font-size:7.5px;font-weight:900;text-align:center}.wm-guide-shortcuts small{color:var(--g-muted);font-size:7.5px} /* search */ .wm-guide-search-page{display:grid;gap:10px}.wm-guide-search-results{display:grid;gap:7px}.wm-guide-search-results>a{position:relative;display:block;padding:11px 40px 11px 13px;border:1px solid var(--g-border);border-radius:9px;background:var(--g-surface);color:var(--g-text);box-shadow:var(--g-shadow)}.wm-guide-search-results>a>span{color:var(--g-accent);font-size:7px;font-weight:900;text-transform:uppercase}.wm-guide-search-results>a>strong{display:block;margin-top:2px;font-size:10px}.wm-guide-search-results>a>p{margin:4px 0 0;color:var(--g-muted);font-size:8.5px}.wm-guide-search-results>a>svg{position:absolute;right:14px;top:50%;width:14px;height:14px;transform:translateY(-50%);color:var(--g-muted)} /* readability pass 1.1.1: desktop scale */ .wm-guide{max-width:1540px;padding:0 22px 36px} .wm-guide-topbar{padding:12px 14px;gap:16px} .wm-guide-brand{min-width:195px;gap:10px}.wm-guide-brand>span{width:42px;height:42px}.wm-guide-brand strong{font-size:14px}.wm-guide-brand small{font-size:9px} .wm-guide-primary-nav a{min-height:44px;padding:0 12px;font-size:11.5px}.wm-guide-primary-nav a svg{width:16px;height:16px} .wm-guide-search{height:44px;padding:0 13px}.wm-guide-search input{font-size:11.5px} .wm-guide-home-hero__copy>small,.wm-guide-page-head small,.wm-guide-section-heading small{font-size:9px} .wm-guide-home-hero p{font-size:13px}.wm-guide-home-hero__stats small{font-size:9px} .wm-guide-section-heading h2{font-size:17px}.wm-guide-section-heading h3{font-size:15px} .wm-guide-category-grid strong{font-size:12.5px}.wm-guide-category-grid p{font-size:10.5px} .wm-guide-feature-strip strong{font-size:11.5px}.wm-guide-feature-strip span{font-size:9.5px} .wm-guide-link-list strong{font-size:10.5px}.wm-guide-link-list>a>span{font-size:9.5px} .wm-guide-layout{grid-template-columns:250px minmax(0,1fr);gap:16px} .wm-guide-sidebar__head{padding:17px 16px 14px}.wm-guide-sidebar__head small{font-size:8.5px}.wm-guide-sidebar__head strong{font-size:14.5px} .wm-guide-sidebar nav{padding:8px}.wm-guide-sidebar nav a{grid-template-columns:27px minmax(0,1fr);min-height:42px;padding:8px 10px;font-size:10.5px}.wm-guide-sidebar nav a span{width:27px;height:27px}.wm-guide-sidebar nav a svg{width:13px;height:13px} .wm-guide-subnav{gap:7px;padding:9px}.wm-guide-subnav a{min-height:34px;padding:0 12px;font-size:9.5px} .wm-guide-page-head{padding:25px 27px}.wm-guide-page-head h1{font-size:30px}.wm-guide-page-head p{font-size:12px;line-height:1.6} .wm-guide-entry-grid small{font-size:8.5px}.wm-guide-entry-grid strong{font-size:12.5px}.wm-guide-entry-grid p{font-size:10.5px;line-height:1.5}.wm-guide-entry-grid span{font-size:9.5px} .wm-guide-article-hero__copy{padding:31px 34px}.wm-guide-breadcrumb{font-size:8.5px}.wm-guide-article-hero h1{font-size:36px}.wm-guide-article-hero p{font-size:12.5px;line-height:1.65} .wm-guide-article-body{padding:22px 24px 28px}.wm-guide-content-section{padding:19px 0}.wm-guide-copy{font-size:12px;line-height:1.75} .wm-guide-note{padding:13px 15px;font-size:10.5px;line-height:1.6} .wm-guide-facts small,.wm-guide-character-meta small{font-size:8.5px}.wm-guide-facts strong,.wm-guide-character-meta strong{font-size:11.5px} .wm-guide-stat-bars article>div{font-size:10.5px}.wm-guide-evolution>span b{font-size:9px}.wm-guide-evolution>span strong{font-size:10.5px} .wm-guide-chip-list>span{padding:7px 10px;font-size:9.5px}.wm-guide-check-list li{padding:10px 11px;font-size:10px;line-height:1.5} .wm-guide-table th,.wm-guide-table td{padding:11px 12px;font-size:10px}.wm-guide-table th{font-size:8.5px}.wm-guide-table code{font-size:9.5px} .wm-guide-map-panel>header{padding:12px 14px}.wm-guide-map-panel>header strong{font-size:11.5px}.wm-guide-map-panel>header span{font-size:8.5px}.wm-guide-map-gallery__item small{font-size:8.5px} .wm-guide-monster>div:last-child{padding:10px 11px}.wm-guide-monster h4{font-size:11px}.wm-guide-monster p{font-size:9px;line-height:1.45} .wm-guide-empty-state strong{font-size:11px}.wm-guide-empty-state p{font-size:9.5px;line-height:1.5} .wm-guide-event-type{font-size:9.5px}.wm-guide-event-meta small{font-size:8px}.wm-guide-event-meta strong{font-size:10px} .wm-guide-steps article b{font-size:9px}.wm-guide-steps article span{font-size:10px;line-height:1.5} .wm-guide-reward-grid article>strong{font-size:10.5px}.wm-guide-reward-grid article>span{font-size:9px} .wm-guide-item-grid h4{font-size:10.5px}.wm-guide-item-grid span{font-size:9px}.wm-guide-materials>span{font-size:10px}.wm-guide-shortcuts kbd,.wm-guide-shortcuts small{font-size:9px} .wm-guide-search-results>a>span{font-size:8.5px}.wm-guide-search-results>a>strong{font-size:11.5px}.wm-guide-search-results>a>p{font-size:10px} @media(max-width:1180px){ .wm-guide-topbar{grid-template-columns:auto minmax(0,1fr)}.wm-guide-search{grid-column:1/-1}.wm-guide-home-hero{grid-template-columns:1fr 360px}.wm-guide-category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.wm-guide-feature-strip{grid-template-columns:repeat(3,minmax(0,1fr))}.wm-guide-entry-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.wm-guide-monster-grid,.wm-guide-item-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.wm-guide-reward-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.wm-guide-map-visuals{grid-template-columns:1fr}.wm-guide-map-gallery{grid-template-columns:repeat(2,minmax(0,1fr))} } @media(max-width:900px){ .wm-guide{padding:0 10px 24px}.wm-guide-topbar{grid-template-columns:minmax(0,1fr) auto}.wm-guide-primary-nav{grid-column:1/-1;display:none;border-top:1px solid var(--g-border);padding-top:8px}.wm-guide-primary-nav.is-open{display:flex}.wm-guide-mobile-menu{display:flex;align-items:center;gap:6px}.wm-guide-search{grid-column:1/-1}.wm-guide-layout{grid-template-columns:1fr}.wm-guide-sidebar{position:static;display:none}.wm-guide-sidebar.is-open{display:block}.wm-guide-home-hero{grid-template-columns:1fr}.wm-guide-home-hero__art{min-height:220px;border-top:1px solid var(--g-border)}.wm-guide-home-hero__copy{padding:28px 25px}.wm-guide-home-grid{grid-template-columns:1fr}.wm-guide-article-hero{grid-template-columns:1fr}.wm-guide-article-hero__art{min-height:220px;border-left:0;border-top:1px solid var(--g-border)}.wm-guide-check-list{grid-template-columns:1fr 1fr}.wm-guide-materials{grid-template-columns:repeat(2,minmax(0,1fr))}.wm-guide-shortcuts{grid-template-columns:repeat(2,minmax(0,1fr))} } @media(max-width:620px){ .wm-guide{padding-left:6px;padding-right:6px}.wm-guide-topbar{border-radius:10px}.wm-guide-brand strong{font-size:10px}.wm-guide-category-grid,.wm-guide-feature-strip,.wm-guide-entry-grid,.wm-guide-monster-grid,.wm-guide-item-grid,.wm-guide-reward-grid,.wm-guide-facts,.wm-guide-character-meta,.wm-guide-materials,.wm-guide-shortcuts{grid-template-columns:1fr}.wm-guide-link-list{grid-template-columns:1fr 1fr}.wm-guide-home-hero__copy{padding:22px 18px}.wm-guide-map-gallery{grid-template-columns:1fr}.wm-guide-map-panel__image,.wm-guide-map-gallery__image{height:auto;min-height:180px}.wm-guide-home-hero h1{font-size:32px}.wm-guide-home-hero__stats span{flex:1 1 40%}.wm-guide-page-head{padding:18px}.wm-guide-page-head h1{font-size:23px}.wm-guide-article-hero__copy{padding:22px 18px}.wm-guide-article-hero h1{font-size:28px}.wm-guide-article-body{padding:14px}.wm-guide-two-cols{grid-template-columns:1fr}.wm-guide-check-list{grid-template-columns:1fr}.wm-guide-event-intro{align-items:flex-start;flex-direction:column}.wm-guide-event-meta{width:100%}.wm-guide-event-meta>span{flex:1 1 100%}.wm-guide-evolution{align-items:flex-start;flex-direction:column}.wm-guide-evolution>svg{transform:rotate(90deg);margin-left:10px}.wm-guide-monster__image,.wm-guide-item-grid__image{height:160px}.wm-guide-feature-strip .wm-guide-picture{height:160px} } /* interactive map browser 1.2.0 */ .wm-guide-map-overview{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0 0 18px}.wm-guide-map-overview article{padding:14px 16px;border:1px solid var(--g-border);border-radius:12px;background:var(--g-surface);box-shadow:var(--g-shadow)}.wm-guide-map-overview small{display:block;color:var(--g-muted);font-size:8.5px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.wm-guide-map-overview strong{display:block;margin-top:5px;color:var(--g-text);font-size:18px;font-weight:950} .wm-guide-map-browser{display:grid;gap:14px}.wm-guide-map-browser__tabs{display:flex;flex-wrap:wrap;gap:8px}.wm-guide-map-browser__tabs button{min-height:38px;padding:0 14px;border:1px solid var(--g-border);border-radius:10px;background:var(--g-surface-2);color:var(--g-muted);font:inherit;font-size:10px;font-weight:900;cursor:pointer;transition:.18s ease}.wm-guide-map-browser__tabs button.is-active,.wm-guide-map-browser__tabs button:hover{border-color:color-mix(in srgb,var(--g-accent) 45%,var(--g-border));background:color-mix(in srgb,var(--g-accent) 10%,var(--g-surface));color:var(--g-accent)} .wm-guide-map-browser__body{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(340px,.88fr);gap:16px;align-items:start}.wm-guide-map-browser__stage,.wm-guide-map-browser__detail{padding:14px;border:1px solid var(--g-border);border-radius:14px;background:var(--g-surface-2)} .wm-guide-map-variant{display:none}.wm-guide-map-variant.is-active{display:block}.wm-guide-map-variant__canvas{position:relative;overflow:hidden;min-height:540px;padding:18px;border-radius:14px;background:#020608;box-shadow:inset 0 0 0 1px rgba(255,255,255,.04)}.wm-guide-map-variant__canvas img{width:100%;height:auto;display:block;object-fit:contain;aspect-ratio:1/1} .wm-guide-map-marker{position:absolute;transform:translate(-50%,-50%);width:34px;height:34px;border:0;border-radius:9px;background:#17f2e2;color:#06131b;font:inherit;font-size:12px;font-weight:950;cursor:pointer;box-shadow:0 10px 24px rgba(23,242,226,.25), 0 0 0 1px rgba(0,0,0,.35);transition:.16s ease}.wm-guide-map-marker:hover,.wm-guide-map-marker.is-active{transform:translate(-50%,-50%) scale(1.08);background:#ffc233;color:#241100;box-shadow:0 12px 28px rgba(255,194,51,.28), 0 0 0 1px rgba(0,0,0,.28)}.wm-guide-map-marker span{display:block;line-height:34px;text-align:center} .wm-guide-map-browser__detail{display:grid;gap:14px}.wm-guide-map-detail__summary{display:grid;grid-template-columns:1fr 1fr;gap:12px}.wm-guide-map-detail__summary article,.wm-guide-map-detail__title{padding:14px 16px;border:1px solid rgba(23,242,226,.16);border-radius:12px;background:#06090d;box-shadow:inset 0 0 0 1px rgba(255,255,255,.03)}.wm-guide-map-detail__summary small,.wm-guide-map-detail__title span{display:block;color:#17f2e2;font-size:9px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.wm-guide-map-detail__summary strong{display:block;margin-top:6px;color:#f4fbff;font-size:22px;font-weight:950}.wm-guide-map-detail__title strong{display:block;color:#17f2e2;font-size:18px;font-weight:950}.wm-guide-map-detail__title span{margin-top:5px;color:#8ddbd5;text-transform:none;letter-spacing:0;font-size:10px} .wm-guide-map-detail__cards{display:grid;grid-template-columns:1fr;gap:12px}.wm-guide-map-monster-card{padding:14px 16px;border:1px solid rgba(255,255,255,.08);border-radius:12px;background:#05080d;box-shadow:0 16px 34px rgba(0,0,0,.18)}.wm-guide-map-monster-card h4{margin:0 0 12px;color:#17f2e2;font-size:18px;font-weight:950;text-align:center}.wm-guide-map-monster-card__body{display:grid;grid-template-columns:118px minmax(0,1fr);gap:16px;align-items:center}.wm-guide-map-monster-card__visual{display:grid;justify-items:center;gap:10px}.wm-guide-map-monster-card__visual img{max-width:92px;max-height:122px;object-fit:contain}.wm-guide-map-monster-card__visual b{display:inline-flex;padding:6px 10px;border-radius:999px;background:#14181e;color:#ffc233;font-size:12px;font-weight:950}.wm-guide-map-monster-card__placeholder{width:92px;height:122px;border:1px dashed rgba(255,255,255,.16);border-radius:12px;background:rgba(255,255,255,.02)} .wm-guide-map-monster-card ul{margin:0;padding:0;list-style:none;display:grid;gap:6px}.wm-guide-map-monster-card li{display:flex;justify-content:space-between;gap:12px;padding:4px 0;border-bottom:1px dashed rgba(255,255,255,.08)}.wm-guide-map-monster-card li:last-child{border-bottom:0}.wm-guide-map-monster-card li span{color:#17f2e2;font-size:9px;font-weight:900;letter-spacing:.05em}.wm-guide-map-monster-card li strong{color:#f8fcff;font-size:13px;font-weight:800;text-align:right} @media(max-width:1180px){.wm-guide-map-browser__body{grid-template-columns:1fr}.wm-guide-map-variant__canvas{min-height:460px}} @media(max-width:900px){.wm-guide-map-overview{grid-template-columns:repeat(2,minmax(0,1fr))}.wm-guide-map-detail__summary{grid-template-columns:1fr 1fr}.wm-guide-map-monster-card__body{grid-template-columns:92px minmax(0,1fr)}.wm-guide-map-monster-card__visual img{max-width:74px;max-height:102px}.wm-guide-map-monster-card h4{font-size:15px}} @media(max-width:620px){.wm-guide-map-overview{grid-template-columns:1fr 1fr}.wm-guide-map-browser__stage,.wm-guide-map-browser__detail{padding:10px}.wm-guide-map-variant__canvas{min-height:320px;padding:12px}.wm-guide-map-marker{width:29px;height:29px;font-size:10px}.wm-guide-map-marker span{line-height:29px}.wm-guide-map-detail__summary{grid-template-columns:1fr}.wm-guide-map-detail__summary strong{font-size:18px}.wm-guide-map-detail__title strong{font-size:15px}.wm-guide-map-monster-card{padding:12px}.wm-guide-map-monster-card__body{grid-template-columns:1fr}.wm-guide-map-monster-card__visual{justify-items:center}.wm-guide-map-monster-card li span,.wm-guide-map-monster-card li strong{font-size:10px}} /* Maps & Spots final adaptive layout 1.2.1 */ .wm-guide-map-overview{gap:9px;margin-bottom:15px}.wm-guide-map-overview article{min-width:0;padding:12px 13px;border-color:var(--g-border);background:linear-gradient(180deg,color-mix(in srgb,var(--g-surface) 98%,transparent),color-mix(in srgb,var(--g-surface-2) 94%,transparent));box-shadow:none}.wm-guide-map-overview small{color:var(--g-muted);font-size:9px}.wm-guide-map-overview strong{margin-top:4px;color:var(--g-text);font-size:16px} .wm-guide-map-browser{gap:11px;min-width:0}.wm-guide-map-browser__tabs{gap:6px}.wm-guide-map-browser__tabs button{min-height:36px;padding:0 12px;border-color:var(--g-border);background:var(--g-surface-2);color:var(--g-muted);font-size:10px}.wm-guide-map-browser__tabs button.is-active,.wm-guide-map-browser__tabs button:hover{border-color:color-mix(in srgb,var(--g-accent) 45%,var(--g-border));background:color-mix(in srgb,var(--g-accent) 12%,var(--g-surface));color:var(--g-accent)} .wm-guide-map-browser__body{grid-template-columns:minmax(0,1.16fr) minmax(330px,.84fr);gap:12px;align-items:start;min-width:0}.wm-guide-map-browser__stage,.wm-guide-map-browser__detail{min-width:0;padding:11px;border:1px solid var(--g-border);border-radius:12px;background:var(--g-surface-2);box-shadow:none}.wm-guide-map-browser__stage{overflow:hidden}.wm-guide-map-browser__detail{max-height:566px;overflow:auto;scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--g-accent) 35%,var(--g-border)) transparent} .wm-guide-map-variant__canvas{min-height:0;aspect-ratio:1/1;padding:10px;overflow:hidden;border:1px solid var(--g-border);border-radius:10px;background:color-mix(in srgb,var(--g-text) 3%,var(--g-surface));box-shadow:none}.wm-guide-map-variant__canvas img{width:100%;height:100%;aspect-ratio:auto;object-fit:contain} .wm-guide-map-marker{width:31px;height:31px;border:1px solid color-mix(in srgb,var(--g-accent) 60%,var(--g-border));border-radius:8px;background:var(--g-accent);color:var(--g-accent-contrast);font-size:11px;box-shadow:0 6px 15px color-mix(in srgb,var(--g-accent) 24%,transparent)}.wm-guide-map-marker span{line-height:29px}.wm-guide-map-marker:hover,.wm-guide-map-marker.is-active{background:color-mix(in srgb,var(--g-accent) 78%,var(--g-text));border-color:var(--g-accent);color:var(--g-accent-contrast);box-shadow:0 7px 18px color-mix(in srgb,var(--g-accent) 30%,transparent)} .wm-guide-map-browser__detail{gap:10px}.wm-guide-map-detail__summary{gap:8px}.wm-guide-map-detail__summary article,.wm-guide-map-detail__title{padding:11px 12px;border:1px solid var(--g-border);border-radius:9px;background:var(--g-surface);box-shadow:none}.wm-guide-map-detail__summary small,.wm-guide-map-detail__title span{color:var(--g-muted);font-size:8.5px}.wm-guide-map-detail__summary strong{margin-top:3px;color:var(--g-text);font-size:17px}.wm-guide-map-detail__title strong{color:var(--g-accent);font-size:15px}.wm-guide-map-detail__title span{margin-top:3px;color:var(--g-muted);font-size:9.5px} .wm-guide-map-detail__cards{gap:8px}.wm-guide-map-monster-card{padding:10px 11px;border:1px solid var(--g-border);border-radius:10px;background:linear-gradient(180deg,var(--g-surface),color-mix(in srgb,var(--g-surface-2) 92%,var(--g-surface)));box-shadow:none}.wm-guide-map-monster-card h4{margin:0 0 8px;color:var(--g-text);font-size:14px;text-align:left}.wm-guide-map-monster-card__body{grid-template-columns:82px minmax(0,1fr);gap:11px}.wm-guide-map-monster-card__visual{gap:7px}.wm-guide-map-monster-card__visual img{max-width:72px;max-height:82px}.wm-guide-map-monster-card__visual b{padding:5px 7px;border:1px solid color-mix(in srgb,var(--g-accent) 22%,var(--g-border));background:color-mix(in srgb,var(--g-accent) 9%,var(--g-surface-2));color:var(--g-accent);font-size:9px}.wm-guide-map-monster-card__placeholder{width:70px;height:78px;border-color:var(--g-border);background:var(--g-surface-2)} .wm-guide-map-monster-card ul{gap:2px}.wm-guide-map-monster-card li{padding:3px 0;border-bottom:1px dashed var(--g-border)}.wm-guide-map-monster-card li span{color:var(--g-muted);font-size:8px;letter-spacing:.025em}.wm-guide-map-monster-card li strong{color:var(--g-text);font-size:9.5px} @media(max-width:1260px){.wm-guide-map-browser__body{grid-template-columns:minmax(0,1fr) minmax(300px,.78fr)}.wm-guide-map-browser__detail{max-height:520px}} @media(max-width:1050px){.wm-guide-map-browser__body{grid-template-columns:1fr}.wm-guide-map-browser__detail{max-height:none;overflow:visible}.wm-guide-map-detail__cards{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:760px){.wm-guide-map-overview{grid-template-columns:repeat(2,minmax(0,1fr))}.wm-guide-map-detail__cards{grid-template-columns:1fr}.wm-guide-map-monster-card__body{grid-template-columns:78px minmax(0,1fr)}} @media(max-width:520px){.wm-guide-map-browser__stage,.wm-guide-map-browser__detail{padding:8px}.wm-guide-map-variant__canvas{padding:6px}.wm-guide-map-marker{width:27px;height:27px;font-size:9px;border-radius:7px}.wm-guide-map-marker span{line-height:25px}.wm-guide-map-detail__summary{grid-template-columns:1fr 1fr}.wm-guide-map-detail__summary article{padding:9px 10px}.wm-guide-map-detail__summary strong{font-size:14px}.wm-guide-map-monster-card__body{grid-template-columns:68px minmax(0,1fr)}.wm-guide-map-monster-card__visual img{max-width:62px;max-height:72px}} /* Maps & Spots 1.2.2 — real coordinates + single navigator */ .wm-guide-layout--maps{grid-template-columns:minmax(0,1fr)} .wm-guide-layout--maps .wm-guide-main{width:100%;min-width:0} .wm-guide-subnav-shell{position:relative;display:grid;grid-template-columns:36px minmax(0,1fr) 36px;gap:6px;align-items:stretch;margin-bottom:10px} .wm-guide-subnav-shell .wm-guide-subnav{min-width:0;margin:0;padding:8px;overscroll-behavior-x:contain;scroll-snap-type:x proximity;cursor:grab;user-select:none;touch-action:pan-x} .wm-guide-subnav-shell .wm-guide-subnav.is-dragging{cursor:grabbing;scroll-snap-type:none} .wm-guide-subnav-shell .wm-guide-subnav a{scroll-snap-align:center;user-select:none} .wm-guide-subnav-arrow{display:grid;place-items:center;width:36px;min-width:36px;border:1px solid var(--g-border);border-radius:9px;background:var(--g-surface);color:var(--g-accent);cursor:pointer;box-shadow:none;transition:.18s ease} .wm-guide-subnav-arrow svg{width:14px;height:14px}.wm-guide-subnav-arrow--prev svg{transform:rotate(180deg)} .wm-guide-subnav-arrow:hover:not(:disabled){border-color:color-mix(in srgb,var(--g-accent) 45%,var(--g-border));background:color-mix(in srgb,var(--g-accent) 8%,var(--g-surface))}.wm-guide-subnav-arrow:disabled{opacity:.28;cursor:default} .wm-guide-subnav-shell:not(.has-overflow) .wm-guide-subnav-arrow{visibility:hidden} .wm-guide-map-awaiting{display:grid;grid-template-columns:minmax(280px,.85fr) minmax(0,1.15fr);gap:14px;align-items:center;padding:12px;border:1px solid var(--g-border);border-radius:12px;background:var(--g-surface-2)} .wm-guide-map-awaiting__image{min-height:300px;border:0;background:color-mix(in srgb,var(--g-surface) 96%,transparent)} .wm-guide-map-awaiting>div:last-child{padding:8px 12px}.wm-guide-map-awaiting strong{display:block;color:var(--g-text);font-size:15px}.wm-guide-map-awaiting p{margin:7px 0 0;color:var(--g-muted);font-size:11px;line-height:1.7} .wm-guide-map-variant__canvas{overflow:visible} .wm-guide-map-marker{z-index:3} .wm-guide-map-monster-card__visual small{display:block;color:var(--g-muted);font-size:8px;font-weight:900;line-height:1} @media(max-width:1050px){.wm-guide-map-awaiting{grid-template-columns:1fr}.wm-guide-map-awaiting__image{min-height:260px}} @media(max-width:720px){.wm-guide-subnav-shell{grid-template-columns:32px minmax(0,1fr) 32px}.wm-guide-subnav-arrow{width:32px;min-width:32px}.wm-guide-map-awaiting__image{min-height:220px}} .wm-guide-subnav a.is-active,.wm-guide-subnav a:hover{background:var(--g-accent);color:var(--g-accent-contrast)} /* 1.2.3 map fallback + roster restoration */ .wm-guide-map-reference{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:12px}.wm-guide-map-reference__panel{overflow:hidden;border:1px solid var(--g-border);border-radius:12px;background:var(--g-surface-2)}.wm-guide-map-reference__head{padding:11px 13px;border-bottom:1px solid var(--g-border);background:var(--g-surface)}.wm-guide-map-reference__head strong{font-size:12px;color:var(--g-text)}.wm-guide-map-reference__image{min-height:300px;height:auto;border:0;border-radius:0}.wm-guide-map-reference__image img{width:100%;height:auto;max-height:560px;object-fit:contain;padding:12px}.wm-guide-map-roster-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.wm-guide-map-monster-card--roster{background:var(--g-surface-2);border-color:var(--g-border)}.wm-guide-map-monster-card--roster h4{color:var(--g-text);text-align:left}.wm-guide-map-monster-card--roster li span{color:var(--g-accent)}.wm-guide-map-monster-card--roster li strong{color:var(--g-text)}.wm-guide-map-monster-card__picture{height:112px;border:0;background:transparent}.wm-guide-map-monster-card__picture img{max-width:105px;max-height:108px;object-fit:contain;padding:0}.wm-guide-map-monster-card__picture.wm-guide-picture--placeholder{min-height:100px}.wm-guide-subnav-shell .wm-guide-subnav{cursor:auto;user-select:auto;touch-action:pan-x}.wm-guide-subnav-shell .wm-guide-subnav a{user-select:auto}@media(max-width:900px){.wm-guide-map-roster-grid{grid-template-columns:1fr}}@media(max-width:620px){.wm-guide-map-reference{grid-template-columns:1fr}.wm-guide-map-reference__image{min-height:220px}.wm-guide-map-roster-grid{grid-template-columns:1fr}} /* 1.2.4 — maps readability + stable zone viewer */ .wm-guide{max-width:1660px;padding:0 14px 42px;font-size:14px} .wm-guide-topbar{padding:14px 16px;gap:18px;margin-bottom:16px} .wm-guide-brand{min-width:210px}.wm-guide-brand>span{width:46px;height:46px}.wm-guide-brand strong{font-size:16px}.wm-guide-brand small{font-size:10px} .wm-guide-primary-nav a{min-height:46px;padding:0 14px;font-size:13px}.wm-guide-primary-nav a svg{width:17px;height:17px} .wm-guide-search{height:46px}.wm-guide-search input{font-size:13px} .wm-guide-subnav{gap:8px;padding:10px}.wm-guide-subnav a{min-height:38px;padding:0 14px;font-size:11px} .wm-guide-subnav-shell{grid-template-columns:42px minmax(0,1fr) 42px;gap:8px;margin-bottom:14px}.wm-guide-subnav-arrow{width:42px;min-width:42px} .wm-guide-article-hero{min-height:320px;grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr)}.wm-guide-article-hero__copy{padding:34px 38px}.wm-guide-breadcrumb{font-size:10px}.wm-guide-article-hero h1{font-size:42px}.wm-guide-article-hero p{font-size:14px;line-height:1.7}.wm-guide-article-hero__art{min-height:320px} .wm-guide-article-body{padding:28px 30px 34px}.wm-guide-content-section{padding:24px 0}.wm-guide-section-heading{margin-bottom:16px}.wm-guide-section-heading>span{width:40px;height:40px;flex-basis:40px}.wm-guide-home-hero__copy>small,.wm-guide-page-head small,.wm-guide-section-heading small{font-size:10px}.wm-guide-section-heading h3{font-size:19px}.wm-guide-section-heading h2{font-size:21px} .wm-guide-map-overview{gap:12px;margin-bottom:20px}.wm-guide-map-overview article{padding:16px 18px}.wm-guide-map-overview small{font-size:10px}.wm-guide-map-overview strong{font-size:22px} .wm-guide-table th,.wm-guide-table td{padding:13px 14px;font-size:12.5px}.wm-guide-table th{font-size:10px} .wm-guide-note,.wm-guide-copy{font-size:13px}.wm-guide-check-list li{font-size:12.5px} .wm-guide-zone-viewer{display:grid;gap:12px;border:1px solid var(--g-border);border-radius:14px;background:var(--g-surface-2);padding:14px} .wm-guide-zone-viewer__tabs{display:flex;gap:8px;overflow-x:auto;padding-bottom:2px;scrollbar-width:none}.wm-guide-zone-viewer__tabs::-webkit-scrollbar{display:none}.wm-guide-zone-viewer__tabs button{flex:0 0 auto;min-height:40px;padding:0 15px;border:1px solid var(--g-border);border-radius:9px;background:var(--g-surface);color:var(--g-muted);font:inherit;font-size:12px;font-weight:900;cursor:pointer}.wm-guide-zone-viewer__tabs button.is-active,.wm-guide-zone-viewer__tabs button:hover{background:var(--g-accent);border-color:var(--g-accent);color:var(--g-accent-contrast)} .wm-guide-zone-viewer__stage{position:relative;min-height:430px}.wm-guide-zone-viewer__panel{display:none}.wm-guide-zone-viewer__panel.is-active{display:block}.wm-guide-zone-viewer__image{min-height:430px;border:0;background:transparent}.wm-guide-zone-viewer__image img{width:100%;height:430px;object-fit:contain;padding:16px} .wm-guide-map-roster-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px} .wm-guide-map-monster-card--roster{padding:15px 16px}.wm-guide-map-monster-card--roster h4{margin-bottom:12px;font-size:16px}.wm-guide-map-monster-card--roster .wm-guide-map-monster-card__body{grid-template-columns:110px minmax(0,1fr);gap:16px}.wm-guide-map-monster-card__picture{height:132px}.wm-guide-map-monster-card__picture img{max-width:120px;max-height:126px}.wm-guide-map-monster-card--roster .wm-guide-map-monster-card__visual b{font-size:10.5px}.wm-guide-map-monster-card--roster li{padding:5px 0}.wm-guide-map-monster-card--roster li span{font-size:10px}.wm-guide-map-monster-card--roster li strong{font-size:12px} /* real interactive mode uses same visual scale */ .wm-guide-map-browser__body{grid-template-columns:minmax(0,1.15fr) minmax(360px,.85fr);gap:16px}.wm-guide-map-browser__stage,.wm-guide-map-browser__detail{padding:14px}.wm-guide-map-variant__canvas{min-height:500px}.wm-guide-map-detail__summary small,.wm-guide-map-detail__title span{font-size:10px}.wm-guide-map-detail__summary strong{font-size:20px}.wm-guide-map-detail__title strong{font-size:17px}.wm-guide-map-monster-card h4{font-size:15px}.wm-guide-map-monster-card li span{font-size:9.5px}.wm-guide-map-monster-card li strong{font-size:11px} @media(max-width:1100px){ .wm-guide-article-hero{grid-template-columns:1fr 330px}.wm-guide-article-hero h1{font-size:36px}.wm-guide-article-hero p{font-size:13px} .wm-guide-map-browser__body{grid-template-columns:1fr}.wm-guide-map-browser__detail{max-height:none;overflow:visible} } @media(max-width:900px){ .wm-guide{padding:0 8px 28px}.wm-guide-map-roster-grid{grid-template-columns:1fr}.wm-guide-zone-viewer__stage,.wm-guide-zone-viewer__image{min-height:330px}.wm-guide-zone-viewer__image img{height:330px}.wm-guide-article-hero{grid-template-columns:1fr}.wm-guide-article-hero__art{min-height:260px} } @media(max-width:620px){ .wm-guide-article-body{padding:18px 14px}.wm-guide-article-hero__copy{padding:24px 18px}.wm-guide-article-hero h1{font-size:30px}.wm-guide-section-heading h3{font-size:17px}.wm-guide-zone-viewer{padding:8px}.wm-guide-zone-viewer__stage,.wm-guide-zone-viewer__image{min-height:250px}.wm-guide-zone-viewer__image img{height:250px;padding:6px}.wm-guide-map-monster-card--roster .wm-guide-map-monster-card__body{grid-template-columns:86px minmax(0,1fr)} } /* Maps & Spots 1.2.5 — interactive locality panel restored, theme adaptive */ .wm-guide-content-section--spots{padding-top:4px} .wm-guide-content-section--spots .wm-guide-section-heading{margin-bottom:14px} .wm-guide-content-section--spots .wm-guide-map-browser{gap:12px} .wm-guide-content-section--spots .wm-guide-map-browser__tabs{display:flex;flex-wrap:nowrap;gap:7px;overflow-x:auto;padding:0 0 2px;scrollbar-width:none} .wm-guide-content-section--spots .wm-guide-map-browser__tabs::-webkit-scrollbar{display:none} .wm-guide-content-section--spots .wm-guide-map-browser__tabs button{flex:0 0 auto;min-height:39px;padding:0 14px;border:1px solid var(--g-border);border-radius:9px;background:var(--g-surface-2);color:var(--g-muted);font-size:11.5px;font-weight:900} .wm-guide-content-section--spots .wm-guide-map-browser__tabs button.is-active,.wm-guide-content-section--spots .wm-guide-map-browser__tabs button:hover{background:var(--g-accent);border-color:var(--g-accent);color:var(--g-accent-contrast)} .wm-guide-content-section--spots .wm-guide-map-browser__body{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(390px,.92fr);gap:14px;align-items:start} .wm-guide-content-section--spots .wm-guide-map-browser__stage,.wm-guide-content-section--spots .wm-guide-map-browser__detail{min-width:0;padding:12px;border:1px solid var(--g-border);border-radius:13px;background:var(--g-surface-2);box-shadow:none} .wm-guide-content-section--spots .wm-guide-map-browser__stage{overflow:hidden} .wm-guide-content-section--spots .wm-guide-map-variant__canvas{position:relative;width:100%;aspect-ratio:1/1;min-height:0;padding:8px;overflow:hidden;border:1px solid var(--g-border);border-radius:11px;background:color-mix(in srgb,var(--g-surface) 94%,var(--g-text) 6%)} .wm-guide-content-section--spots .wm-guide-map-variant__canvas img{display:block;width:100%;height:100%;object-fit:contain} .wm-guide-content-section--spots .wm-guide-map-marker{width:30px;height:30px;border:2px solid color-mix(in srgb,var(--g-accent) 60%,var(--g-surface));border-radius:7px;background:var(--g-accent);color:var(--g-accent-contrast);font-size:11px;font-weight:950;box-shadow:0 4px 12px color-mix(in srgb,var(--g-accent) 30%,transparent)} .wm-guide-content-section--spots .wm-guide-map-marker span{line-height:26px} .wm-guide-content-section--spots .wm-guide-map-marker:hover,.wm-guide-content-section--spots .wm-guide-map-marker.is-active{transform:translate(-50%,-50%) scale(1.12);background:color-mix(in srgb,var(--g-accent) 72%,var(--g-text));border-color:var(--g-accent);color:var(--g-accent-contrast)} .wm-guide-content-section--spots .wm-guide-map-browser__detail{display:grid;gap:10px;max-height:620px;overflow:auto;scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--g-accent) 35%,var(--g-border)) transparent} .wm-guide-content-section--spots .wm-guide-map-detail__summary{display:grid;grid-template-columns:1fr 1fr;gap:8px} .wm-guide-content-section--spots .wm-guide-map-detail__summary article,.wm-guide-content-section--spots .wm-guide-map-detail__title{padding:12px 13px;border:1px solid var(--g-border);border-radius:9px;background:var(--g-surface);box-shadow:none} .wm-guide-content-section--spots .wm-guide-map-detail__summary small,.wm-guide-content-section--spots .wm-guide-map-detail__title span{display:block;color:var(--g-muted);font-size:9.5px;font-weight:900;letter-spacing:.07em;text-transform:uppercase} .wm-guide-content-section--spots .wm-guide-map-detail__summary strong{display:block;margin-top:4px;color:var(--g-text);font-size:19px;font-weight:950} .wm-guide-content-section--spots .wm-guide-map-detail__title strong{display:block;color:var(--g-accent);font-size:16px;font-weight:950} .wm-guide-content-section--spots .wm-guide-map-detail__title span{margin-top:3px;text-transform:none;letter-spacing:0} .wm-guide-content-section--spots .wm-guide-map-detail__cards{display:grid;grid-template-columns:1fr;gap:9px} .wm-guide-content-section--spots .wm-guide-map-monster-card{padding:11px 12px;border:1px solid var(--g-border);border-radius:10px;background:var(--g-surface);box-shadow:none} .wm-guide-content-section--spots .wm-guide-map-monster-card h4{margin:0 0 9px;color:var(--g-text);font-size:15px;font-weight:950;text-align:left} .wm-guide-content-section--spots .wm-guide-map-monster-card__body{display:grid;grid-template-columns:88px minmax(0,1fr);gap:12px;align-items:center} .wm-guide-content-section--spots .wm-guide-map-monster-card__visual img{max-width:78px;max-height:88px;object-fit:contain} .wm-guide-content-section--spots .wm-guide-map-monster-card__visual b{padding:5px 7px;border:1px solid color-mix(in srgb,var(--g-accent) 28%,var(--g-border));border-radius:999px;background:color-mix(in srgb,var(--g-accent) 9%,var(--g-surface-2));color:var(--g-accent);font-size:9.5px} .wm-guide-content-section--spots .wm-guide-map-monster-card li{padding:4px 0;border-bottom:1px dashed var(--g-border)} .wm-guide-content-section--spots .wm-guide-map-monster-card li span{color:var(--g-muted);font-size:9px} .wm-guide-content-section--spots .wm-guide-map-monster-card li strong{color:var(--g-text);font-size:10.5px} @media(max-width:1180px){.wm-guide-content-section--spots .wm-guide-map-browser__body{grid-template-columns:minmax(0,1fr) minmax(340px,.82fr)}} @media(max-width:980px){.wm-guide-content-section--spots .wm-guide-map-browser__body{grid-template-columns:1fr}.wm-guide-content-section--spots .wm-guide-map-browser__detail{max-height:none;overflow:visible}.wm-guide-content-section--spots .wm-guide-map-detail__cards{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:700px){.wm-guide-content-section--spots .wm-guide-map-detail__cards{grid-template-columns:1fr}.wm-guide-content-section--spots .wm-guide-map-detail__summary{grid-template-columns:1fr 1fr}.wm-guide-content-section--spots .wm-guide-map-marker{width:27px;height:27px;font-size:10px}.wm-guide-content-section--spots .wm-guide-map-marker span{line-height:23px}} /* 1.2.6: remove legacy fixed black/cyan palette from map components */ .wm-guide .wm-guide-map-variant__canvas{background:color-mix(in srgb,var(--g-surface) 94%,var(--g-text) 6%);box-shadow:inset 0 0 0 1px var(--g-border)} .wm-guide .wm-guide-map-detail__summary article,.wm-guide .wm-guide-map-detail__title{border-color:var(--g-border);background:var(--g-surface);box-shadow:none} .wm-guide .wm-guide-map-detail__summary small,.wm-guide .wm-guide-map-detail__title span{color:var(--g-muted)} .wm-guide .wm-guide-map-detail__summary strong{color:var(--g-text)} .wm-guide .wm-guide-map-detail__title strong{color:var(--g-accent)} .wm-guide .wm-guide-map-monster-card{border-color:var(--g-border);background:var(--g-surface);box-shadow:none} .wm-guide .wm-guide-map-monster-card h4{color:var(--g-text)} .wm-guide .wm-guide-map-monster-card__visual b{background:color-mix(in srgb,var(--g-accent) 9%,var(--g-surface-2));color:var(--g-accent);border:1px solid color-mix(in srgb,var(--g-accent) 28%,var(--g-border))} .wm-guide .wm-guide-map-monster-card__placeholder{border-color:var(--g-border-strong);background:var(--g-surface-2)} .wm-guide .wm-guide-map-monster-card li{border-bottom-color:var(--g-border)} .wm-guide .wm-guide-map-monster-card li span{color:var(--g-muted)} .wm-guide .wm-guide-map-monster-card li strong{color:var(--g-text)} /* 1.2.7 · Aureum/native theme bridge --------------------------------------- * Aureum and several legacy themes expose the older --clr-* surface tokens * instead of the full --wm-* contract. Prefer those tokens and only fall * back to glass surfaces, so the guide sits on the theme background instead * of painting a solid navy panel. */ .wm-guide{ --g-surface:var(--wm-surface,var(--clr-surface-01,var(--wm-card-bg,#fff))); --g-surface-2:var(--wm-surface-soft,var(--wm-surface-2,var(--clr-surface-02,var(--wm-card-soft,#f6f8fb)))); --g-surface-3:var(--wm-surface-3,var(--wm-input-bg,var(--clr-surface-03,#eef3f8))); --g-border:var(--wm-border,var(--clr-forSurface-02,var(--wm-card-border,#dbe3ec))); --g-border-strong:var(--wm-border-strong,var(--wm-border,var(--clr-forSurface-03,var(--clr-forSurface-02,var(--wm-card-border,#cbd7e5))))); --g-text:var(--wm-text,var(--clr-onSurface-01--strong,var(--wm-text-color,#182235))); --g-muted:var(--wm-muted,var(--clr-onSurface-01--subtle,var(--wm-text-muted,#6e7d91))); } .wm-guide[data-scheme="dark"],html[data-theme="dark"] .wm-guide,body.theme-dark .wm-guide,.dark .wm-guide,[data-wm-theme="dark"] .wm-guide,[data-bs-theme="dark"] .wm-guide{ --g-surface:var(--wm-surface,var(--clr-surface-01,rgba(255,255,255,.055))); --g-surface-2:var(--wm-surface-soft,var(--wm-surface-2,var(--clr-surface-02,rgba(255,255,255,.035)))); --g-surface-3:var(--wm-surface-3,var(--wm-input-bg,var(--clr-surface-03,rgba(255,255,255,.075)))); --g-border:var(--wm-border,var(--clr-forSurface-02,rgba(255,255,255,.10))); --g-border-strong:var(--wm-border-strong,var(--wm-border,var(--clr-forSurface-03,var(--clr-forSurface-02,rgba(255,255,255,.18))))); --g-text:var(--wm-text,var(--clr-onSurface-01--strong,#f6f7fb)); --g-muted:var(--wm-muted,var(--clr-onSurface-01--subtle,rgba(246,247,251,.66))); --g-shadow:var(--wm-card-shadow,var(--wm-shadow-soft,0 16px 42px rgba(0,0,0,.18))); } /* If Aureum has no published surface token at all, keep the module glassy. */ .wm-guide[data-scheme="dark"][data-guide-palette-fix="dark"]{ --g-surface:rgba(255,255,255,.055); --g-surface-2:rgba(255,255,255,.035); --g-surface-3:rgba(255,255,255,.075); --g-border:rgba(255,255,255,.10); --g-border-strong:rgba(255,255,255,.18); --g-text:#f6f7fb; --g-muted:rgba(246,247,251,.66); --g-shadow:0 16px 42px rgba(0,0,0,.18); } .wm-guide[data-scheme="dark"] .wm-guide-topbar, .wm-guide[data-scheme="dark"] .wm-guide-article, .wm-guide[data-scheme="dark"] .wm-guide-home-section, .wm-guide[data-scheme="dark"] .wm-guide-article-hero, .wm-guide[data-scheme="dark"] .wm-guide-article-body{ backdrop-filter:blur(10px); -webkit-backdrop-filter:blur(10px); } /* 1.3.0 — Character codex / Dark Wizard master template */ .wm-guide-character-tabs{position:sticky;top:8px;z-index:8;display:flex;gap:7px;overflow-x:auto;margin:0 0 16px;padding:8px;border:1px solid var(--g-border);border-radius:12px;background:color-mix(in srgb,var(--g-surface) 92%,transparent);box-shadow:var(--g-shadow);backdrop-filter:blur(12px);scrollbar-width:none}.wm-guide-character-tabs::-webkit-scrollbar{display:none}.wm-guide-character-tabs a{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:0 12px;border:1px solid transparent;border-radius:9px;color:var(--g-muted);white-space:nowrap;font-size:10px;font-weight:900}.wm-guide-character-tabs a:hover{border-color:color-mix(in srgb,var(--g-accent) 34%,var(--g-border));background:color-mix(in srgb,var(--g-accent) 8%,var(--g-surface));color:var(--g-accent)} .wm-guide-character-intro{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);min-height:330px;overflow:hidden;margin:0 0 8px;border:1px solid var(--g-border);border-radius:14px;background:linear-gradient(125deg,color-mix(in srgb,var(--g-accent) 9%,var(--g-surface)),var(--g-surface) 62%,var(--g-surface-2));box-shadow:var(--g-shadow)}.wm-guide-character-intro__copy{display:flex;flex-direction:column;justify-content:center;padding:32px 34px}.wm-guide-character-intro__copy>small{color:var(--g-accent);font-size:9px;font-weight:950;letter-spacing:.13em}.wm-guide-character-intro__copy h2{margin:7px 0 10px;font-size:34px;line-height:1;font-weight:950;letter-spacing:-.03em;color:var(--g-text)}.wm-guide-character-intro__copy p{max-width:760px;margin:0;color:var(--g-muted);font-size:12px;line-height:1.7}.wm-guide-character-intro__art{min-height:330px;border:0;border-radius:0;border-left:1px solid var(--g-border);background:radial-gradient(circle at 50% 48%,color-mix(in srgb,var(--g-accent) 15%,transparent),transparent 58%)}.wm-guide-character-intro__art img{padding:16px;object-fit:contain;filter:drop-shadow(0 18px 25px rgba(0,0,0,.18))}.wm-guide-character-tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:18px}.wm-guide-character-tags span{display:inline-flex;align-items:center;gap:6px;padding:7px 10px;border:1px solid var(--g-border);border-radius:999px;background:color-mix(in srgb,var(--g-surface) 68%,transparent);color:var(--g-text);font-size:9px;font-weight:850}.wm-guide-character-tags svg{width:13px;height:13px;color:var(--g-accent)} .wm-guide-character-stat-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px}.wm-guide-character-stat-grid article{padding:11px 12px;border:1px solid var(--g-border);border-radius:10px;background:var(--g-surface-2)}.wm-guide-character-stat-grid small,.wm-guide-character-stat-grid strong{display:block}.wm-guide-character-stat-grid small{color:var(--g-muted);font-size:8px;font-weight:900;letter-spacing:.06em;text-transform:uppercase}.wm-guide-character-stat-grid strong{margin-top:5px;color:var(--g-text);font-size:18px;font-weight:950} .wm-guide-character-strengths{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.wm-guide-character-strengths article{display:grid;grid-template-columns:31px minmax(0,1fr);gap:9px;align-items:center;padding:11px 12px;border:1px solid var(--g-border);border-radius:10px;background:var(--g-surface-2)}.wm-guide-character-strengths b{width:31px;height:31px;display:grid;place-items:center;border-radius:8px;background:color-mix(in srgb,var(--g-accent) 10%,var(--g-surface));color:var(--g-accent);font-size:9px}.wm-guide-character-strengths span{color:var(--g-muted);font-size:10px;line-height:1.45} .wm-guide-character-evolution{display:flex;align-items:center;gap:9px}.wm-guide-character-evolution article{display:flex;align-items:center;gap:9px;min-width:0;flex:1;padding:12px;border:1px solid var(--g-border);border-radius:10px;background:var(--g-surface-2)}.wm-guide-character-evolution article>span{width:34px;height:34px;display:grid;place-items:center;flex:0 0 34px;border-radius:9px;background:color-mix(in srgb,var(--g-accent) 11%,var(--g-surface));color:var(--g-accent);font-size:10px;font-weight:950}.wm-guide-character-evolution small,.wm-guide-character-evolution strong{display:block}.wm-guide-character-evolution small{color:var(--g-muted);font-size:7.5px;font-weight:900;letter-spacing:.08em}.wm-guide-character-evolution strong{margin-top:2px;color:var(--g-text);font-size:11px}.wm-guide-character-evolution>i{color:var(--g-muted);font-style:normal}.wm-guide-character-evolution>i svg{width:15px;height:15px}.wm-guide-character-footnote{margin:9px 0 0;color:var(--g-muted);font-size:9px;line-height:1.5} .wm-guide-build-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.wm-guide-build-card{padding:14px;border:1px solid var(--g-border);border-radius:12px;background:var(--g-surface-2)}.wm-guide-build-card header{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.wm-guide-build-card header small{color:var(--g-accent);font-size:8px;font-weight:950;letter-spacing:.08em}.wm-guide-build-card h4{margin:2px 0 0;color:var(--g-text);font-size:14px}.wm-guide-build-card header>span{width:34px;height:34px;display:grid;place-items:center;border-radius:9px;background:color-mix(in srgb,var(--g-accent) 10%,var(--g-surface));color:var(--g-accent)}.wm-guide-build-card p{min-height:42px;margin:10px 0 12px;color:var(--g-muted);font-size:9.5px;line-height:1.5}.wm-guide-build-stats{display:grid;gap:7px}.wm-guide-build-stats>div>span{display:flex;justify-content:space-between;gap:8px;margin-bottom:4px}.wm-guide-build-stats b,.wm-guide-build-stats em{font-size:8.5px;font-style:normal}.wm-guide-build-stats b{color:var(--g-muted)}.wm-guide-build-stats em{color:var(--g-text);font-weight:900}.wm-guide-build-stats i{display:block;height:5px;overflow:hidden;border-radius:999px;background:color-mix(in srgb,var(--g-border) 70%,transparent)}.wm-guide-build-stats u{display:block;width:var(--build-value);height:100%;border-radius:999px;background:var(--g-accent);text-decoration:none} .wm-guide-skill-group+.wm-guide-skill-group{margin-top:16px}.wm-guide-skill-group__head,.wm-guide-equipment-group__head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}.wm-guide-skill-group__head strong,.wm-guide-equipment-group__head strong{color:var(--g-text);font-size:11px}.wm-guide-skill-group__head span,.wm-guide-equipment-group__head span{min-width:28px;height:24px;display:grid;place-items:center;border:1px solid var(--g-border);border-radius:999px;color:var(--g-muted);font-size:8px;font-weight:900}.wm-guide-skill-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.wm-guide-skill-card{display:grid;grid-template-columns:58px minmax(0,1fr);gap:10px;align-items:center;min-height:84px;padding:10px;border:1px solid var(--g-border);border-radius:10px;background:var(--g-surface-2)}.wm-guide-skill-card__icon{width:58px;height:58px;border-radius:9px;background:color-mix(in srgb,var(--g-accent) 6%,var(--g-surface));}.wm-guide-skill-card__icon img{padding:6px;object-fit:contain}.wm-guide-skill-card h4{margin:0;color:var(--g-text);font-size:10px}.wm-guide-skill-card p{margin:4px 0 0;color:var(--g-muted);font-size:8px;line-height:1.45} .wm-guide-set-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.wm-guide-set-card{padding:11px 12px;border:1px solid var(--g-border);border-radius:11px;background:var(--g-surface-2)}.wm-guide-set-card header{margin-bottom:9px}.wm-guide-set-card header small{display:block;color:var(--g-accent);font-size:7.5px;font-weight:950;letter-spacing:.1em}.wm-guide-set-card h4{margin:2px 0 0;color:var(--g-text);font-size:11px}.wm-guide-set-pieces{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}.wm-guide-set-pieces>div{text-align:center}.wm-guide-set-piece__image{height:78px;border-radius:8px;background:var(--g-surface)}.wm-guide-set-piece__image img{padding:7px;object-fit:contain}.wm-guide-set-pieces span{display:block;margin-top:4px;color:var(--g-muted);font-size:7px;font-weight:800} .wm-guide-equipment-group+.wm-guide-equipment-group{margin-top:17px}.wm-guide-equipment-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:7px}.wm-guide-equipment-grid article{min-width:0;padding:8px;border:1px solid var(--g-border);border-radius:9px;background:var(--g-surface-2);text-align:center}.wm-guide-equipment-card__image{height:82px;border:0;border-radius:7px;background:var(--g-surface)}.wm-guide-equipment-card__image img{padding:8px;object-fit:contain}.wm-guide-equipment-grid article>strong{display:block;margin-top:6px;color:var(--g-text);font-size:8px;line-height:1.3;overflow-wrap:anywhere} @media(max-width:1180px){.wm-guide-character-stat-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.wm-guide-character-strengths{grid-template-columns:repeat(2,minmax(0,1fr))}.wm-guide-skill-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.wm-guide-equipment-grid{grid-template-columns:repeat(5,minmax(0,1fr))}} @media(max-width:900px){.wm-guide-character-intro{grid-template-columns:1fr}.wm-guide-character-intro__art{min-height:260px;border-left:0;border-top:1px solid var(--g-border)}.wm-guide-character-evolution{display:grid;grid-template-columns:1fr}.wm-guide-character-evolution>i{display:none}.wm-guide-build-grid{grid-template-columns:1fr}.wm-guide-skill-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.wm-guide-set-grid{grid-template-columns:1fr}.wm-guide-equipment-grid{grid-template-columns:repeat(4,minmax(0,1fr))}} @media(max-width:620px){.wm-guide-character-tabs{top:4px}.wm-guide-character-intro__copy{padding:22px 18px}.wm-guide-character-intro__copy h2{font-size:28px}.wm-guide-character-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.wm-guide-character-strengths{grid-template-columns:1fr}.wm-guide-skill-grid{grid-template-columns:1fr}.wm-guide-set-pieces{grid-template-columns:repeat(5,minmax(52px,1fr));overflow-x:auto;scrollbar-width:none}.wm-guide-set-pieces::-webkit-scrollbar{display:none}.wm-guide-equipment-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.wm-guide-skill-card{grid-template-columns:52px minmax(0,1fr)}.wm-guide-skill-card__icon{width:52px;height:52px}} .wm-guide-character-intro--compact{grid-template-columns:1fr;min-height:0}.wm-guide-character-intro--compact .wm-guide-character-intro__copy{padding-top:26px;padding-bottom:26px} /* 1.3.1 — Characters: full-width codex, readable typography, animated builds, complete equipment tabs */ .wm-guide-layout--characters{grid-template-columns:minmax(0,1fr)} .wm-guide-layout--characters .wm-guide-main{width:100%;min-width:0} .wm-guide-layout--characters .wm-guide-article-body{font-size:14px} .wm-guide-layout--characters .wm-guide-article-hero__copy h1{font-size:38px;line-height:1.05} .wm-guide-layout--characters .wm-guide-article-hero__copy p{font-size:14px;line-height:1.7} .wm-guide-layout--characters .wm-guide-breadcrumb{font-size:11px} .wm-guide-layout--characters .wm-guide-section-heading small{font-size:10px} .wm-guide-layout--characters .wm-guide-section-heading h2, .wm-guide-layout--characters .wm-guide-section-heading h3{font-size:20px;line-height:1.2} .wm-guide-layout--characters .wm-guide-copy{font-size:13px;line-height:1.7} .wm-guide-layout--characters .wm-guide-note{font-size:13px;line-height:1.65} .wm-guide-layout--characters .wm-guide-content-section{padding:22px 24px} .wm-guide-character-tabs{top:6px;gap:8px;padding:10px;margin-bottom:14px} .wm-guide-character-tabs a{min-height:40px;padding:0 16px;font-size:12px} .wm-guide-character-intro--compact .wm-guide-character-intro__copy{padding:34px 36px} .wm-guide-character-intro__copy>small{font-size:11px} .wm-guide-character-intro__copy h2{font-size:40px;margin-top:8px} .wm-guide-character-intro__copy p{font-size:15px;line-height:1.75} .wm-guide-character-tags span{padding:9px 13px;font-size:11px} .wm-guide-character-stat-grid{gap:10px} .wm-guide-character-stat-grid article{padding:15px 16px} .wm-guide-character-stat-grid small{font-size:10px} .wm-guide-character-stat-grid strong{font-size:23px} .wm-guide-character-strengths article{grid-template-columns:38px minmax(0,1fr);gap:12px;padding:15px 16px} .wm-guide-character-strengths b{width:38px;height:38px;font-size:11px} .wm-guide-character-strengths span{font-size:12px;line-height:1.55} .wm-guide-character-evolution article{padding:16px} .wm-guide-character-evolution article>span{width:42px;height:42px;flex-basis:42px;font-size:12px} .wm-guide-character-evolution small{font-size:9px} .wm-guide-character-evolution strong{font-size:14px} .wm-guide-character-footnote{font-size:11px;line-height:1.6} /* Build selector + large animated stat bars */ .wm-guide-build-viewer{overflow:hidden;border:1px solid var(--g-border);border-radius:13px;background:var(--g-surface-2)} .wm-guide-build-tabs{display:flex;gap:8px;overflow-x:auto;padding:10px;border-bottom:1px solid var(--g-border);background:color-mix(in srgb,var(--g-surface) 86%,transparent);scrollbar-width:none} .wm-guide-build-tabs::-webkit-scrollbar{display:none} .wm-guide-build-tabs button{flex:1 0 180px;min-height:54px;padding:8px 12px;border:1px solid var(--g-border);border-radius:9px;background:var(--g-surface);color:var(--g-muted);cursor:pointer;text-align:left;transition:.18s ease} .wm-guide-build-tabs button small,.wm-guide-build-tabs button strong{display:block} .wm-guide-build-tabs button small{font-size:9px;letter-spacing:.08em;font-weight:900} .wm-guide-build-tabs button strong{margin-top:3px;font-size:13px;color:var(--g-text)} .wm-guide-build-tabs button.is-active,.wm-guide-build-tabs button:hover{border-color:color-mix(in srgb,var(--g-accent) 65%,var(--g-border));background:color-mix(in srgb,var(--g-accent) 11%,var(--g-surface));color:var(--g-accent)} .wm-guide-build-panels{padding:18px} .wm-guide-build-panel{display:none} .wm-guide-build-panel.is-active{display:block} .wm-guide-build-panel>header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:8px} .wm-guide-build-panel>header small{font-size:10px;color:var(--g-accent);font-weight:950;letter-spacing:.08em} .wm-guide-build-panel>header h4{margin:3px 0 0;font-size:19px;color:var(--g-text)} .wm-guide-build-panel>header>span{width:42px;height:42px;display:grid;place-items:center;border-radius:10px;background:color-mix(in srgb,var(--g-accent) 12%,var(--g-surface));color:var(--g-accent)} .wm-guide-build-panel>p{margin:0 0 16px;color:var(--g-muted);font-size:13px;line-height:1.65} .wm-guide-build-bars{display:grid;gap:10px} .wm-guide-build-row{display:grid;grid-template-columns:150px minmax(0,1fr);align-items:center;gap:0;background:color-mix(in srgb,var(--g-text) 7%,var(--g-surface));border-radius:6px;overflow:hidden} .wm-guide-build-row>span{display:flex;align-items:center;justify-content:space-between;gap:8px;height:34px;padding:0 12px;background:color-mix(in srgb,var(--g-surface) 92%,transparent)} .wm-guide-build-row>span b,.wm-guide-build-row>span em{font-size:12px;font-style:normal} .wm-guide-build-row>span b{color:var(--g-text);text-transform:uppercase} .wm-guide-build-row>span em{color:var(--g-accent);font-weight:950} .wm-guide-build-row>i{position:relative;display:block;height:34px;background:color-mix(in srgb,var(--g-text) 22%,var(--g-surface));overflow:hidden} .wm-guide-build-row>i>u{position:absolute;left:0;top:0;height:100%;width:0;text-decoration:none;display:flex;align-items:center;justify-content:center;min-width:0;background:repeating-linear-gradient(45deg,var(--g-accent) 0,var(--g-accent) 9px,color-mix(in srgb,var(--g-accent) 76%,white) 9px,color-mix(in srgb,var(--g-accent) 76%,white) 18px);background-size:26px 26px;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--g-accent) 65%,transparent)} .wm-guide-build-panel.is-active .wm-guide-build-row>i>u{animation:wmGuideBuildFill .9s cubic-bezier(.22,.8,.24,1) forwards,wmGuideBuildStripe 1s linear .9s infinite} .wm-guide-build-row>i>u>b{font-size:12px;color:var(--g-accent-contrast);text-shadow:0 1px 1px rgba(0,0,0,.15);opacity:0;animation:wmGuideBuildText .2s ease .7s forwards} @keyframes wmGuideBuildFill{from{width:0}to{width:var(--build-value)}} @keyframes wmGuideBuildStripe{to{background-position:26px 0}} @keyframes wmGuideBuildText{to{opacity:1}} @media(prefers-reduced-motion:reduce){.wm-guide-build-panel.is-active .wm-guide-build-row>i>u{animation:none;width:var(--build-value)}.wm-guide-build-row>i>u>b{animation:none;opacity:1}} /* Skills enlarged */ .wm-guide-skill-group__head strong,.wm-guide-equipment-group__head strong{font-size:14px} .wm-guide-skill-group__head span,.wm-guide-equipment-group__head span{min-width:32px;height:28px;font-size:10px} .wm-guide-skill-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px} .wm-guide-skill-card{grid-template-columns:72px minmax(0,1fr);gap:12px;min-height:104px;padding:12px} .wm-guide-skill-card__icon{width:72px;height:72px} .wm-guide-skill-card h4{font-size:13px} .wm-guide-skill-card p{font-size:10.5px;line-height:1.55} /* Equipment, modelled after the reference guide: horizontal categories + every item card */ .wm-guide-equipment-codex{padding-left:0!important;padding-right:0!important;padding-bottom:0!important;overflow:hidden} .wm-guide-equipment-codex>.wm-guide-section-heading,.wm-guide-equipment-codex>.wm-guide-copy{margin-left:24px;margin-right:24px} .wm-guide-equipment-tabs{display:flex;align-items:stretch;gap:2px;overflow-x:auto;margin-top:16px;padding:0 18px;border-top:1px solid var(--g-border);border-bottom:1px solid var(--g-border);background:color-mix(in srgb,var(--g-surface) 92%,transparent);scrollbar-width:none} .wm-guide-equipment-tabs::-webkit-scrollbar{display:none} .wm-guide-equipment-tabs button{position:relative;flex:0 0 auto;min-height:52px;padding:0 18px;border:0;background:transparent;color:var(--g-text);font-size:12px;font-weight:900;cursor:pointer;white-space:nowrap} .wm-guide-equipment-tabs button:after{content:"";position:absolute;left:14px;right:14px;bottom:0;height:2px;transform:scaleX(0);background:var(--g-accent);transition:.18s ease} .wm-guide-equipment-tabs button:hover,.wm-guide-equipment-tabs button.is-active{color:var(--g-accent)} .wm-guide-equipment-tabs button.is-active:after{transform:scaleX(1)} .wm-guide-equipment-panels{padding:16px 18px 22px} .wm-guide-equipment-panel{display:none} .wm-guide-equipment-panel.is-active{display:block} .wm-guide-equipment-group+.wm-guide-equipment-group{margin-top:22px} .wm-guide-equipment-group__head{padding:0 2px 8px;margin-bottom:10px;border-bottom:1px solid var(--g-border)} .wm-guide-equipment-item-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px} .wm-guide-equipment-item-card{display:flex;flex-direction:column;min-width:0;overflow:hidden;border:1px solid var(--g-border);border-radius:10px;background:var(--g-surface-2);box-shadow:0 3px 10px rgba(0,0,0,.06);text-align:center;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease} .wm-guide-equipment-item-card:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--g-accent) 55%,var(--g-border));box-shadow:0 9px 22px rgba(0,0,0,.12)} .wm-guide-equipment-item-card h4{display:flex;align-items:center;justify-content:center;min-height:48px;margin:0;padding:9px 8px;border-bottom:1px solid var(--g-border);color:var(--g-accent);font-size:11.5px;line-height:1.35;text-transform:uppercase} .wm-guide-equipment-item-card__image{height:150px;margin:10px;border:1px solid color-mix(in srgb,var(--g-border) 90%,transparent);border-radius:7px;background:color-mix(in srgb,var(--g-surface) 94%,transparent)} .wm-guide-equipment-item-card__image img{padding:10px;object-fit:contain;filter:drop-shadow(0 8px 10px rgba(0,0,0,.16))} .wm-guide-equipment-item-card__meta{margin-top:auto;padding:9px 8px;border-top:1px solid var(--g-border);background:color-mix(in srgb,var(--g-text) 4%,var(--g-surface));color:var(--g-muted);font-size:10.5px;font-weight:800} @media(max-width:1180px){ .wm-guide-equipment-item-grid{grid-template-columns:repeat(4,minmax(0,1fr))} .wm-guide-skill-grid{grid-template-columns:repeat(3,minmax(0,1fr))} } @media(max-width:900px){ .wm-guide-layout--characters .wm-guide-article-hero__copy h1{font-size:32px} .wm-guide-character-intro__copy h2{font-size:34px} .wm-guide-skill-grid{grid-template-columns:repeat(2,minmax(0,1fr))} .wm-guide-equipment-item-grid{grid-template-columns:repeat(3,minmax(0,1fr))} .wm-guide-build-row{grid-template-columns:115px minmax(0,1fr)} } @media(max-width:620px){ .wm-guide-layout--characters .wm-guide-content-section{padding:18px 14px} .wm-guide-character-tabs a{font-size:11px;padding:0 12px} .wm-guide-character-intro--compact .wm-guide-character-intro__copy{padding:25px 18px} .wm-guide-character-intro__copy p{font-size:13px} .wm-guide-skill-grid{grid-template-columns:1fr} .wm-guide-equipment-item-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px} .wm-guide-equipment-item-card__image{height:125px;margin:8px} .wm-guide-equipment-tabs{padding:0 8px} .wm-guide-equipment-tabs button{min-height:46px;padding:0 12px;font-size:11px} .wm-guide-equipment-panels{padding:12px 10px 18px} .wm-guide-equipment-codex>.wm-guide-section-heading,.wm-guide-equipment-codex>.wm-guide-copy{margin-left:14px;margin-right:14px} .wm-guide-build-row{grid-template-columns:1fr} .wm-guide-build-row>span{height:30px} .wm-guide-build-row>i{height:30px} } /* 1.3.3 — characters polish: remove top brand, compact hero art, dashboard stats, better cards */ .wm-guide-brand{display:none!important} .wm-guide-topbar{grid-template-columns:minmax(0,1fr) minmax(220px,330px)} .wm-guide-layout--characters .wm-guide-entry-grid{gap:14px} .wm-guide-layout--characters .wm-guide-entry-grid .wm-guide-picture{height:190px;display:flex;align-items:flex-end;justify-content:center;background:radial-gradient(circle at 50% 10%,color-mix(in srgb,var(--g-accent) 14%,transparent),transparent 52%),linear-gradient(135deg,color-mix(in srgb,var(--g-accent) 6%,var(--g-surface-2)),var(--g-surface-2))} .wm-guide-layout--characters .wm-guide-entry-grid .wm-guide-picture img{width:auto;max-width:100%;max-height:100%;padding:10px 8px 0;object-fit:contain;object-position:center bottom} .wm-guide-layout--characters .wm-guide-entry-grid strong{font-size:18px} .wm-guide-layout--characters .wm-guide-entry-grid p{min-height:56px;font-size:12px;line-height:1.6} .wm-guide-layout--characters .wm-guide-entry-grid small{font-size:9px} .wm-guide-layout--characters .wm-guide-entry-grid span{font-size:11px} .wm-guide-layout--characters .wm-guide-article-hero{min-height:220px;grid-template-columns:minmax(0,1.35fr) minmax(220px,.65fr)} .wm-guide-layout--characters .wm-guide-article-hero__art{min-height:220px;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 26%,color-mix(in srgb,var(--g-accent) 13%,transparent),transparent 58%)} .wm-guide-layout--characters .wm-guide-article-hero__art img{width:auto;max-width:100%;max-height:210px;padding:12px 10px 0;object-fit:contain;object-position:center bottom} .wm-guide-layout--characters .wm-guide-article-hero__copy{padding-top:22px;padding-bottom:22px} .wm-guide-layout--characters .wm-guide-character-tabs{margin:0 0 12px} .wm-guide-character-overview-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px} .wm-guide-overview-panel{padding:0;border:1px solid var(--g-border);border-radius:12px;background:var(--g-surface-2);overflow:hidden} .wm-guide-overview-panel>header{padding:12px 14px;border-bottom:1px solid var(--g-border);background:color-mix(in srgb,var(--g-surface) 92%,transparent)} .wm-guide-overview-panel>header small,.wm-guide-overview-panel>header strong{display:block} .wm-guide-overview-panel>header small{font-size:9px;font-weight:950;letter-spacing:.12em;color:var(--g-accent)} .wm-guide-overview-panel>header strong{margin-top:3px;font-size:14px;color:var(--g-text)} .wm-guide-overview-stack{display:grid;gap:8px;padding:12px} .wm-guide-overview-line,.wm-guide-overview-resource{padding:10px 11px;border:1px solid color-mix(in srgb,var(--g-border) 92%,transparent);border-radius:8px;background:color-mix(in srgb,var(--g-surface) 94%,transparent)} .wm-guide-overview-line{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:42px} .wm-guide-overview-line span{color:var(--g-text);font-size:12px;font-weight:850;line-height:1.45} .wm-guide-overview-line b{color:var(--g-accent);font-size:13px;font-weight:950} .wm-guide-overview-line--dual span{text-transform:uppercase;font-size:11.5px} .wm-guide-overview-resource__head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:4px} .wm-guide-overview-resource__head span{font-size:12px;font-weight:900;color:var(--g-text);text-transform:uppercase} .wm-guide-overview-resource__head b{font-size:18px;font-weight:950;color:var(--g-accent)} .wm-guide-overview-resource small{display:block;color:var(--g-muted);font-size:10px;line-height:1.45} @media(max-width:1180px){.wm-guide-character-overview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:900px){.wm-guide-topbar{grid-template-columns:1fr}.wm-guide-layout--characters .wm-guide-article-hero{grid-template-columns:1fr}.wm-guide-layout--characters .wm-guide-article-hero__art{min-height:180px}.wm-guide-layout--characters .wm-guide-entry-grid .wm-guide-picture{height:180px}} @media(max-width:620px){.wm-guide-character-overview-grid{grid-template-columns:1fr}.wm-guide-layout--characters .wm-guide-entry-grid strong{font-size:16px}.wm-guide-layout--characters .wm-guide-entry-grid p{min-height:0;font-size:11px}.wm-guide-layout--characters .wm-guide-entry-grid .wm-guide-picture{height:165px}} /* 1.3.4 — character guide revision: fuller artwork, quest links, mastery + enhancement */ .wm-guide-layout--characters .wm-guide-entry-grid .wm-guide-picture{height:214px;overflow:hidden} .wm-guide-layout--characters .wm-guide-entry-grid .wm-guide-picture img{width:100%;height:100%;max-width:none;max-height:none;padding:0;object-fit:cover;object-position:center top} .wm-guide-layout--characters .wm-guide-article-hero{min-height:250px;grid-template-columns:minmax(0,1.3fr) minmax(260px,.7fr)} .wm-guide-layout--characters .wm-guide-article-hero__art{min-height:250px;overflow:hidden} .wm-guide-layout--characters .wm-guide-article-hero__art img{width:100%;height:100%;max-width:none;max-height:none;padding:0;object-fit:cover;object-position:center top} .wm-guide-overview-line--wrap{align-items:flex-start;justify-content:flex-start} .wm-guide-overview-line--wrap span{font-size:11.5px;text-transform:uppercase} .wm-guide-overview-badge{display:inline-flex;align-items:center;justify-content:center;min-width:72px;padding:8px 12px;border-radius:8px;background:color-mix(in srgb,var(--g-accent) 18%,var(--g-surface));border:1px solid color-mix(in srgb,var(--g-accent) 48%,transparent);color:var(--g-accent)!important;font-size:11px;font-weight:950;letter-spacing:.08em;text-transform:uppercase;text-decoration:none} .wm-guide-note{padding:11px 12px;border:1px dashed color-mix(in srgb,var(--g-border) 95%,transparent);border-radius:10px;color:var(--g-muted);font-size:12px;line-height:1.6} .wm-guide-mastery-tracks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px} .wm-guide-mastery-track{background:var(--g-surface-2);border:1px solid var(--g-border);border-radius:14px;overflow:hidden} .wm-guide-mastery-track>header{padding:12px 14px;border-bottom:1px solid var(--g-border);background:color-mix(in srgb,var(--g-surface) 93%,transparent)} .wm-guide-mastery-track>header strong{font-size:13px;letter-spacing:.1em;text-transform:uppercase;color:var(--g-accent)} .wm-guide-mastery-node-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:12px} .wm-guide-mastery-node,.wm-guide-enhancement-card{display:flex;flex-direction:column;align-items:center;gap:6px;padding:8px;border:1px solid color-mix(in srgb,var(--g-border) 92%,transparent);border-radius:10px;background:color-mix(in srgb,var(--g-surface) 95%,transparent);min-height:92px} .wm-guide-mastery-node span,.wm-guide-enhancement-card span{font-size:10px;line-height:1.25;text-align:center;color:var(--g-text);font-weight:700;word-break:break-word} .wm-guide-mastery-node__icon,.wm-guide-enhancement-card__icon,.wm-guide-enhancement-side-item__icon{width:44px;height:44px;min-width:44px;display:flex;align-items:center;justify-content:center} .wm-guide-mastery-node__icon img,.wm-guide-enhancement-card__icon img,.wm-guide-enhancement-side-item__icon img{width:100%;height:100%;object-fit:contain;padding:0} .wm-guide-enhancement-layout{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(260px,.8fr);gap:14px;align-items:start} .wm-guide-enhancement-tree{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px} .wm-guide-enhancement-column{background:var(--g-surface-2);border:1px solid var(--g-border);border-radius:14px;overflow:hidden} .wm-guide-enhancement-column>header{padding:12px 14px;border-bottom:1px solid var(--g-border);background:color-mix(in srgb,var(--g-surface) 93%,transparent);font-size:14px;font-weight:900;color:var(--g-accent);text-align:center} .wm-guide-enhancement-card-grid{display:grid;gap:9px;padding:12px} .wm-guide-enhancement-side{display:grid;gap:12px} .wm-guide-enhancement-panel{background:var(--g-surface-2);border:1px solid var(--g-border);border-radius:14px;overflow:hidden} .wm-guide-enhancement-panel>h4{margin:0;padding:12px 14px;border-bottom:1px solid var(--g-border);font-size:13px;text-transform:uppercase;letter-spacing:.08em;color:var(--g-accent);background:color-mix(in srgb,var(--g-surface) 93%,transparent)} .wm-guide-enhancement-side-list{display:grid;gap:8px;padding:12px} .wm-guide-enhancement-side-item{display:grid;grid-template-columns:44px minmax(0,1fr);gap:10px;align-items:center;padding:8px 10px;border:1px solid color-mix(in srgb,var(--g-border) 92%,transparent);border-radius:10px;background:color-mix(in srgb,var(--g-surface) 95%,transparent)} .wm-guide-enhancement-side-item span{font-size:11px;line-height:1.35;color:var(--g-text);font-weight:800;text-transform:uppercase} @media(max-width:1280px){ .wm-guide-mastery-node-grid{grid-template-columns:repeat(3,minmax(0,1fr))} .wm-guide-enhancement-layout{grid-template-columns:1fr} } @media(max-width:1080px){ .wm-guide-layout--characters .wm-guide-entry-grid .wm-guide-picture{height:195px} .wm-guide-mastery-tracks{grid-template-columns:1fr} .wm-guide-enhancement-tree{grid-template-columns:repeat(3,minmax(0,1fr))} } @media(max-width:860px){ .wm-guide-layout--characters .wm-guide-article-hero{grid-template-columns:1fr} .wm-guide-layout--characters .wm-guide-article-hero__art{min-height:210px} .wm-guide-mastery-node-grid{grid-template-columns:repeat(4,minmax(0,1fr))} .wm-guide-enhancement-tree{grid-template-columns:repeat(2,minmax(0,1fr))} } @media(max-width:620px){ .wm-guide-layout--characters .wm-guide-entry-grid .wm-guide-picture{height:175px} .wm-guide-mastery-node-grid{grid-template-columns:repeat(3,minmax(0,1fr))} .wm-guide-enhancement-tree{grid-template-columns:1fr} } /* 1.3.5 — compact character layout matching the reference guide more closely */ .wm-guide-layout--characters .wm-guide-entry-grid .wm-guide-picture{height:220px!important;background:var(--g-surface-2)!important} .wm-guide-layout--characters .wm-guide-entry-grid .wm-guide-picture img{width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;padding:0!important;object-fit:cover!important;object-position:center 18%!important} .wm-guide-layout--characters .wm-guide-article-hero{min-height:245px!important;grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr)!important} .wm-guide-layout--characters .wm-guide-article-hero__art{min-height:245px!important;background:var(--g-surface-2)!important} .wm-guide-layout--characters .wm-guide-article-hero__art img{width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;padding:0!important;object-fit:cover!important;object-position:center 18%!important} .wm-guide-character-overview-grid{grid-template-columns:minmax(0,1.18fr) minmax(0,1fr) minmax(0,1fr)!important;gap:14px!important} .wm-guide-overview-panel{border-radius:8px!important;box-shadow:none!important} .wm-guide-overview-panel>header{padding:10px 12px!important} .wm-guide-overview-panel>header small{font-size:10px!important} .wm-guide-overview-panel>header strong{font-size:13px!important} .wm-guide-overview-stack{gap:6px!important;padding:10px!important} .wm-guide-overview-line,.wm-guide-overview-resource{min-height:34px!important;padding:7px 9px!important;border-radius:6px!important} .wm-guide-overview-line span{font-size:11px!important} .wm-guide-overview-line b{font-size:11.5px!important} .wm-guide-overview-resource__head b{font-size:15px!important} .wm-guide-overview-resource small{font-size:9px!important} .wm-guide-overview-badge{min-width:62px!important;padding:6px 9px!important;border-radius:6px!important;font-size:9.5px!important} /* Mastery: three compact tracks, icons only like the guide tree. */ .wm-guide-mastery-tracks{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important} .wm-guide-mastery-track{border-radius:8px!important} .wm-guide-mastery-track>header{padding:8px 10px!important;text-align:center} .wm-guide-mastery-track>header strong{font-size:11px!important} .wm-guide-mastery-node-grid{grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:7px!important;padding:10px!important;align-items:center} .wm-guide-mastery-node{min-height:0!important;padding:2px!important;border:0!important;background:transparent!important} .wm-guide-mastery-node span{display:none!important} .wm-guide-mastery-node__icon{width:38px!important;height:38px!important;min-width:38px!important;border-radius:3px!important;background:transparent!important;border:0!important} .wm-guide-mastery-node__icon img{width:38px!important;height:38px!important;object-fit:contain!important} /* Enhancement: only one level/page is visible at once; side inventories become compact icon grids. */ .wm-guide-enhancement-layout{grid-template-columns:minmax(0,1.6fr) minmax(250px,.75fr)!important;gap:12px!important} .wm-guide-enhancement-tree{display:block!important;min-width:0} .wm-guide-enhancement-page-tabs{display:flex;justify-content:center;gap:7px;margin:0 0 10px} .wm-guide-enhancement-page-tabs button{min-width:34px;height:32px;border:1px solid var(--g-border);border-radius:6px;background:var(--g-surface-2);color:var(--g-text);font-size:11px;font-weight:900;cursor:pointer} .wm-guide-enhancement-page-tabs button.is-active{background:var(--g-accent);border-color:var(--g-accent);color:var(--g-accent-contrast)} .wm-guide-enhancement-column{display:none!important;border-radius:8px!important} .wm-guide-enhancement-column.is-active{display:block!important} .wm-guide-enhancement-column>header{display:none!important} .wm-guide-enhancement-card-grid{grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:9px!important;padding:12px!important} .wm-guide-enhancement-card{min-height:0!important;padding:4px!important;border:0!important;background:transparent!important} .wm-guide-enhancement-card span{display:none!important} .wm-guide-enhancement-card__icon{width:44px!important;height:44px!important;min-width:44px!important;border:0!important;background:transparent!important} .wm-guide-enhancement-card__icon img{width:44px!important;height:44px!important;object-fit:contain!important} .wm-guide-enhancement-side{gap:9px!important} .wm-guide-enhancement-panel{border-radius:8px!important} .wm-guide-enhancement-panel>h4{padding:9px 11px!important;font-size:10px!important} .wm-guide-enhancement-side-list{gap:6px!important;padding:8px!important} .wm-guide-enhancement-side-item{grid-template-columns:36px minmax(0,1fr)!important;gap:8px!important;padding:6px 8px!important;border-radius:6px!important} .wm-guide-enhancement-side-item__icon{width:34px!important;height:34px!important;min-width:34px!important;border:0!important;background:transparent!important} .wm-guide-enhancement-side-item__icon img{width:34px!important;height:34px!important;object-fit:contain!important} .wm-guide-enhancement-side-item span{font-size:9.5px!important} .wm-guide-enhancement-panel.is-compact-grid .wm-guide-enhancement-side-list{grid-template-columns:repeat(5,minmax(0,1fr))!important} .wm-guide-enhancement-panel.is-compact-grid .wm-guide-enhancement-side-item{display:flex!important;justify-content:center!important;padding:4px!important;border:0!important;background:transparent!important} .wm-guide-enhancement-panel.is-compact-grid .wm-guide-enhancement-side-item span{display:none!important} /* Equipment remains detailed, but cards use the visual more efficiently. */ .wm-guide-equipment-item-card__image{height:132px!important;margin:8px!important} .wm-guide-equipment-item-card__image img{padding:4px!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important} @media(max-width:1180px){ .wm-guide-character-overview-grid{grid-template-columns:1fr 1fr!important} .wm-guide-character-overview-grid .wm-guide-overview-panel:first-child{grid-row:span 2} .wm-guide-mastery-node-grid{grid-template-columns:repeat(5,minmax(0,1fr))!important} .wm-guide-enhancement-layout{grid-template-columns:1fr!important} } @media(max-width:860px){ .wm-guide-character-overview-grid{grid-template-columns:1fr!important} .wm-guide-character-overview-grid .wm-guide-overview-panel:first-child{grid-row:auto} .wm-guide-mastery-tracks{grid-template-columns:1fr!important} .wm-guide-mastery-node-grid{grid-template-columns:repeat(8,minmax(0,1fr))!important} .wm-guide-enhancement-card-grid{grid-template-columns:repeat(6,minmax(0,1fr))!important} } @media(max-width:620px){ .wm-guide-layout--characters .wm-guide-entry-grid .wm-guide-picture{height:185px!important} .wm-guide-mastery-node-grid{grid-template-columns:repeat(6,minmax(0,1fr))!important} .wm-guide-enhancement-card-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important} .wm-guide-enhancement-panel.is-compact-grid .wm-guide-enhancement-side-list{grid-template-columns:repeat(4,minmax(0,1fr))!important} } /* 1.3.6 — character detail polish, compact hero, better stats, cleaner enhancement layout */ .wm-guide-layout--characters .wm-guide-article-hero.wm-guide-character-hero{display:grid!important;grid-template-columns:minmax(240px,280px) minmax(0,1fr)!important;gap:18px!important;align-items:stretch!important;min-height:0!important;padding:16px!important;background:linear-gradient(135deg,color-mix(in srgb,var(--g-surface-2) 92%,transparent),color-mix(in srgb,var(--g-surface) 96%,transparent))!important} .wm-guide-character-hero__media{display:flex;align-items:stretch} .wm-guide-character-hero__card{display:flex;flex-direction:column;width:100%;overflow:hidden;border:1px solid var(--g-border);border-radius:14px;background:color-mix(in srgb,var(--g-surface-2) 96%,transparent);box-shadow:var(--g-shadow)} .wm-guide-character-hero__art{height:280px;min-height:280px;border:0!important;border-radius:0!important;background:radial-gradient(circle at 50% 25%,color-mix(in srgb,var(--g-accent) 16%,transparent),transparent 60%),color-mix(in srgb,var(--g-surface) 92%,transparent)} .wm-guide-character-hero__art img{width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;padding:0!important;object-fit:cover!important;object-position:center 15%!important} .wm-guide-character-hero__name{padding:12px 14px;border-top:1px solid var(--g-border);background:linear-gradient(180deg,color-mix(in srgb,var(--g-surface) 74%,transparent),color-mix(in srgb,var(--g-surface-2) 96%,transparent))} .wm-guide-character-hero__name small{display:block;color:var(--g-accent);font-size:10px;font-weight:900;letter-spacing:.12em;text-transform:uppercase} .wm-guide-character-hero__name strong{display:block;margin-top:4px;color:var(--g-accent);font-size:18px;font-weight:950;line-height:1.05;text-transform:uppercase} .wm-guide-character-hero__copy{display:flex;flex-direction:column;justify-content:center;gap:12px;padding:4px 0} .wm-guide-character-hero__block{padding:16px 18px;border:1px solid var(--g-border);border-radius:12px;background:color-mix(in srgb,var(--g-surface) 92%,transparent)} .wm-guide-character-hero__block small{display:block;margin-bottom:8px;color:var(--g-accent);font-size:10px;font-weight:950;letter-spacing:.12em;text-transform:uppercase} .wm-guide-character-hero__block p{margin:0;color:var(--g-text);font-size:14px;line-height:1.72} .wm-guide-overview-resource__label{display:inline-flex;align-items:center;gap:8px} .wm-guide-overview-resource__label em{font-style:normal;font-size:12px;font-weight:900;color:var(--g-text);text-transform:uppercase} .wm-guide-overview-resource__emoji{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:999px;background:color-mix(in srgb,var(--g-accent) 14%,var(--g-surface));border:1px solid color-mix(in srgb,var(--g-accent) 42%,transparent);font-style:normal;font-size:15px;line-height:1} .wm-guide-overview-resource__head b{font-size:20px!important} .wm-guide-enhancement-layout{grid-template-columns:1fr!important;gap:14px!important} .wm-guide-enhancement-tree{display:block!important;min-width:0!important} .wm-guide-enhancement-side{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px!important;align-items:start} .wm-guide-enhancement-panel{height:100%} .wm-guide-enhancement-panel.is-compact-grid .wm-guide-enhancement-side-list{grid-template-columns:repeat(5,minmax(0,1fr))!important} .wm-guide-enhancement-panel.is-compact-grid .wm-guide-enhancement-side-item{display:flex!important;justify-content:center!important;align-items:center!important;padding:4px!important;border:0!important;background:transparent!important} .wm-guide-enhancement-panel.is-compact-grid .wm-guide-enhancement-side-item__icon{width:36px!important;height:36px!important;min-width:36px!important} .wm-guide-enhancement-panel.is-compact-grid .wm-guide-enhancement-side-item span{display:none!important} @media(max-width:1080px){ .wm-guide-layout--characters .wm-guide-article-hero.wm-guide-character-hero{grid-template-columns:240px minmax(0,1fr)!important} } @media(max-width:860px){ .wm-guide-layout--characters .wm-guide-article-hero.wm-guide-character-hero{grid-template-columns:1fr!important} .wm-guide-character-hero__art{height:230px;min-height:230px} .wm-guide-enhancement-side{grid-template-columns:1fr!important} } @media(max-width:620px){ .wm-guide-character-hero__block{padding:14px} .wm-guide-character-hero__block p{font-size:13px} .wm-guide-overview-resource__head b{font-size:17px!important} .wm-guide-enhancement-card-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important} .wm-guide-enhancement-panel.is-compact-grid .wm-guide-enhancement-side-list{grid-template-columns:repeat(4,minmax(0,1fr))!important} } /* 1.3.7 — compact character header + compact stats like reference */ .wm-guide-character-stats-compact{padding-top:8px!important} .wm-guide-character-stats-compact>.wm-guide-character-overview-grid{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr) minmax(0,1fr)!important;gap:18px!important;align-items:start!important} .wm-guide-character-stats-compact .wm-guide-overview-panel{align-self:start!important;border:0!important;border-radius:0!important;background:transparent!important;overflow:visible!important;box-shadow:none!important} .wm-guide-character-stats-compact .wm-guide-overview-panel>header{padding:0!important;border:0!important;border-bottom:3px solid var(--g-accent)!important;background:transparent!important} .wm-guide-character-stats-compact .wm-guide-overview-panel>header strong{display:inline-flex!important;align-items:center!important;min-height:38px;padding:0 14px!important;border-radius:8px 8px 0 0!important;background:color-mix(in srgb,var(--g-text) 92%,var(--g-surface-2))!important;color:var(--g-surface)!important;font-size:12px!important;font-weight:900!important;letter-spacing:.03em!important;text-transform:uppercase!important} .wm-guide[data-scheme="dark"] .wm-guide-character-stats-compact .wm-guide-overview-panel>header strong{background:#111!important;color:var(--g-accent)!important} .wm-guide-default-stats-layout{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:14px;padding-top:12px} .wm-guide-character-stats-compact .wm-guide-overview-stack{gap:6px!important;padding:12px 0 0!important} .wm-guide-character-stats-compact .wm-guide-overview-stack--base,.wm-guide-character-stats-compact .wm-guide-overview-stack--resources{padding-top:0!important} .wm-guide-character-stats-compact .wm-guide-overview-line,.wm-guide-character-stats-compact .wm-guide-overview-resource{min-height:34px!important;padding:7px 10px!important;border:1px solid color-mix(in srgb,var(--g-border) 72%,transparent)!important;border-radius:7px!important;background:color-mix(in srgb,var(--g-surface-2) 82%,transparent)!important;box-shadow:none!important} .wm-guide-character-stats-compact .wm-guide-overview-line span{font-size:11.5px!important;font-weight:850!important} .wm-guide-character-stats-compact .wm-guide-overview-line b{font-size:11.5px!important} .wm-guide-character-stats-compact .wm-guide-overview-line--dual{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important} .wm-guide-character-stats-compact .wm-guide-overview-line--wrap{justify-content:center!important;text-align:center!important} .wm-guide-character-stats-compact .wm-guide-overview-line--wrap span{width:100%;font-size:10.5px!important;line-height:1.35!important} .wm-guide-character-stats-compact .wm-guide-overview-resource{padding:8px 10px!important} .wm-guide-character-stats-compact .wm-guide-overview-resource__head{margin-bottom:3px!important} .wm-guide-character-stats-compact .wm-guide-overview-resource small{font-size:8.8px!important;line-height:1.35!important} .wm-guide-character-stats-compact .wm-guide-overview-resource__emoji{width:24px!important;height:24px!important;font-size:13px!important} .wm-guide-character-stats-compact .wm-guide-overview-resource__label em{font-size:11px!important} .wm-guide-character-stats-compact .wm-guide-overview-resource__head b{font-size:17px!important} .wm-guide-character-stats-compact .wm-guide-overview-badge{min-width:58px!important;padding:5px 8px!important;font-size:9px!important} .wm-guide-layout--characters .wm-guide-article-hero.wm-guide-character-hero{display:grid!important;grid-template-columns:250px minmax(0,1fr)!important;gap:16px!important;align-items:stretch!important;min-height:0!important;padding:14px!important;background:var(--g-surface)!important;border-bottom:1px solid var(--g-border)!important} .wm-guide-character-hero__media,.wm-guide-character-hero__copy{min-width:0} .wm-guide-character-hero__card{height:100%;overflow:hidden;border:1px solid var(--g-border);border-radius:10px;background:var(--g-surface-2);box-shadow:none} .wm-guide-character-hero__art{height:230px!important;min-height:230px!important;border:0!important;border-radius:0!important;background:var(--g-surface-2)!important} .wm-guide-character-hero__art img{width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;padding:0!important;object-fit:cover!important;object-position:center 12%!important} .wm-guide-character-hero__name{padding:10px 12px!important;border-top:1px solid var(--g-border)!important;background:color-mix(in srgb,var(--g-surface-2) 92%,transparent)!important} .wm-guide-character-hero__name h1{margin:0!important;color:var(--g-accent)!important;font-size:19px!important;line-height:1.05!important;font-weight:950!important;text-transform:uppercase!important} .wm-guide-character-hero__copy{display:flex!important;align-items:stretch!important;padding:0!important} .wm-guide-character-hero__panel{display:flex;flex-direction:column;justify-content:center;width:100%;padding:18px 20px;border:1px solid var(--g-border);border-radius:10px;background:color-mix(in srgb,var(--g-surface-2) 80%,var(--g-surface));box-shadow:none} .wm-guide-character-hero__panel section{padding:4px 0} .wm-guide-character-hero__panel section+section{margin-top:14px;padding-top:14px;border-top:1px solid var(--g-border)} .wm-guide-character-hero__panel small{display:block;margin-bottom:7px;color:var(--g-accent);font-size:10px;font-weight:950;letter-spacing:.08em;text-transform:uppercase} .wm-guide-character-hero__panel p{margin:0;color:var(--g-text);font-size:13px;line-height:1.65} .wm-guide-character-hero__copy>.wm-guide-breadcrumb,.wm-guide-character-hero__block{display:none!important} @media(max-width:1080px){ .wm-guide-character-stats-compact>.wm-guide-character-overview-grid{grid-template-columns:1fr 1fr!important} .wm-guide-character-stats-compact .wm-guide-overview-panel--stats{grid-column:1/-1} .wm-guide-layout--characters .wm-guide-article-hero.wm-guide-character-hero{grid-template-columns:220px minmax(0,1fr)!important} .wm-guide-character-hero__art{height:210px!important;min-height:210px!important} } @media(max-width:760px){ .wm-guide-character-stats-compact>.wm-guide-character-overview-grid{grid-template-columns:1fr!important} .wm-guide-default-stats-layout{grid-template-columns:1fr!important} .wm-guide-layout--characters .wm-guide-article-hero.wm-guide-character-hero{grid-template-columns:1fr!important} .wm-guide-character-hero__card{max-width:360px;margin:0 auto} .wm-guide-character-hero__panel{padding:15px 16px} } /* 1.3.8 — remove internal helper copy and normalize section menus */ .wm-guide-layout--characters .wm-guide-content-section>.wm-guide-copy{display:none!important} .wm-guide-subnav-shell{width:100%;box-sizing:border-box;min-height:58px} .wm-guide-subnav-shell .wm-guide-subnav{width:100%;min-height:58px;box-sizing:border-box;align-items:center;margin:0!important;padding:10px!important} .wm-guide-subnav-shell .wm-guide-subnav a{min-height:38px!important;padding:0 14px!important;font-size:11px!important;box-sizing:border-box} .wm-guide-subnav-shell .wm-guide-subnav-arrow{height:58px;box-sizing:border-box} .wm-guide-subnav-shell:not(.has-overflow){grid-template-columns:minmax(0,1fr)!important;gap:0!important} .wm-guide-subnav-shell:not(.has-overflow) .wm-guide-subnav-arrow{display:none!important} .wm-guide-layout--characters .wm-guide-subnav-shell, .wm-guide-layout--maps .wm-guide-subnav-shell{margin-bottom:14px!important} .wm-guide-topbar{width:100%;box-sizing:border-box} .wm-guide-primary-nav a{min-height:46px!important;padding:0 14px!important;font-size:13px!important;box-sizing:border-box} @media(max-width:720px){ .wm-guide-subnav-shell{min-height:50px} .wm-guide-subnav-shell .wm-guide-subnav{min-height:50px;padding:7px!important} .wm-guide-subnav-shell .wm-guide-subnav-arrow{height:50px} .wm-guide-subnav-shell .wm-guide-subnav a{min-height:34px!important;padding:0 11px!important;font-size:10px!important} } /* 1.4.0 — Eventos Pro: Blood Castle / Devil Square / Chaos Castle */ .wm-guide-layout--events{grid-template-columns:minmax(0,1fr)!important} .wm-guide-layout--events .wm-guide-main{min-width:0} .wm-guide-layout--events .wm-guide-article{overflow:visible} .wm-guide-layout--events .wm-guide-article-body{padding:20px 22px 28px} .wm-guide-layout--events .wm-guide-subnav-shell{margin-bottom:14px} .wm-guide-event-card-fallback{height:190px;display:flex;align-items:center;justify-content:center;border-bottom:1px solid var(--g-border);background:radial-gradient(circle at 50% 40%,color-mix(in srgb,var(--g-accent) 16%,transparent),transparent 55%),var(--g-surface-2)} .wm-guide-event-card-fallback svg{width:46px;height:46px;color:var(--g-accent);opacity:.75} .wm-guide-layout--events .wm-guide-event-hero{min-height:300px;grid-template-columns:minmax(0,1fr) minmax(360px,.85fr);background:linear-gradient(120deg,color-mix(in srgb,var(--g-accent) 7%,var(--g-surface)),var(--g-surface))} .wm-guide-layout--events .wm-guide-event-hero--noart{grid-template-columns:1fr;min-height:210px} .wm-guide-layout--events .wm-guide-event-hero__art{min-height:300px;background:var(--g-surface-2)} .wm-guide-layout--events .wm-guide-event-hero__art img{width:100%;height:100%;padding:0;object-fit:cover;object-position:center} .wm-guide-event-hero__type{display:block;margin:0 0 8px;color:var(--g-accent);font-size:10px;font-weight:950;letter-spacing:.12em;text-transform:uppercase} .wm-guide-layout--events .wm-guide-event-hero h1{font-size:44px} .wm-guide-layout--events .wm-guide-event-hero p{font-size:14px;line-height:1.72} .wm-guide-event-tabs{position:sticky;top:8px;z-index:9;display:flex;gap:6px;overflow-x:auto;margin:0 0 4px;padding:8px;border:1px solid var(--g-border);border-radius:12px;background:color-mix(in srgb,var(--g-surface) 94%,transparent);backdrop-filter:blur(12px);box-shadow:0 8px 24px rgba(0,0,0,.06);scrollbar-width:none} .wm-guide-event-tabs::-webkit-scrollbar{display:none} .wm-guide-event-tabs a{flex:1 0 130px;display:flex;align-items:center;justify-content:center;min-height:40px;padding:8px 12px;border-radius:8px;color:var(--g-muted);font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.06em;text-decoration:none;white-space:nowrap} .wm-guide-event-tabs a:hover{background:color-mix(in srgb,var(--g-accent) 11%,var(--g-surface-2));color:var(--g-accent)} .wm-guide-event-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:14px 0 4px} .wm-guide-event-summary article{display:grid;grid-template-columns:38px minmax(0,1fr);grid-template-rows:auto auto;column-gap:10px;align-items:center;padding:11px 12px;border:1px solid var(--g-border);border-radius:10px;background:var(--g-surface-2)} .wm-guide-event-summary article>span{grid-row:1/3;display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:9px;background:color-mix(in srgb,var(--g-accent) 12%,var(--g-surface));color:var(--g-accent)} .wm-guide-event-summary svg{width:18px;height:18px} .wm-guide-event-summary small{color:var(--g-muted);font-size:8px;font-weight:900;letter-spacing:.1em} .wm-guide-event-summary strong{overflow:hidden;color:var(--g-text);font-size:12px;font-weight:900;text-overflow:ellipsis;white-space:nowrap} .wm-guide-event-story__grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(240px,.55fr);gap:14px;align-items:stretch} .wm-guide-event-story__copy{padding:15px 17px;border:1px solid var(--g-border);border-radius:10px;background:var(--g-surface-2)} .wm-guide-event-story__copy p{margin:0 0 10px;color:var(--g-text);font-size:12px;line-height:1.75} .wm-guide-event-story__copy p:last-child{margin-bottom:0} .wm-guide-event-story aside{display:flex;flex-direction:column;justify-content:center;padding:18px;border:1px solid color-mix(in srgb,var(--g-accent) 40%,var(--g-border));border-radius:10px;background:linear-gradient(135deg,color-mix(in srgb,var(--g-accent) 12%,var(--g-surface-2)),var(--g-surface-2))} .wm-guide-event-story aside small{color:var(--g-accent);font-size:9px;font-weight:950;letter-spacing:.12em} .wm-guide-event-story aside strong{margin-top:8px;color:var(--g-text);font-size:18px;line-height:1.35} .wm-guide-event-subhead{display:flex;align-items:end;justify-content:space-between;gap:12px;margin:18px 0 9px;padding-bottom:7px;border-bottom:1px solid var(--g-border)} .wm-guide-event-subhead strong{color:var(--g-text);font-size:13px;font-weight:950} .wm-guide-event-subhead span{color:var(--g-muted);font-size:9px;font-weight:800;letter-spacing:.04em} .wm-guide-event-visual-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px} .wm-guide-event-visual-grid--objective{grid-template-columns:repeat(4,minmax(0,1fr))} .wm-guide-event-visual-card{display:grid;grid-template-columns:86px minmax(0,1fr);min-height:96px;overflow:hidden;border:1px solid var(--g-border);border-radius:10px;background:var(--g-surface-2)} .wm-guide-event-visual-card__image{width:86px;height:96px;min-height:96px;border:0!important;border-right:1px solid var(--g-border)!important;border-radius:0!important;background:color-mix(in srgb,var(--g-surface) 86%,transparent)} .wm-guide-event-visual-card__image img{width:100%;height:100%;padding:6px;object-fit:contain} .wm-guide-event-visual-card__emoji{display:flex;align-items:center;justify-content:center;width:86px;min-height:96px;border-right:1px solid var(--g-border);font-size:34px;background:color-mix(in srgb,var(--g-accent) 6%,var(--g-surface))} .wm-guide-event-visual-card>div:last-child{display:flex;flex-direction:column;justify-content:center;gap:5px;padding:11px 12px;min-width:0} .wm-guide-event-visual-card strong{color:var(--g-text);font-size:12px;font-weight:950;line-height:1.3} .wm-guide-event-visual-card span{color:var(--g-muted);font-size:9px;line-height:1.5} .wm-guide-event-schedule{display:flex;gap:6px;overflow-x:auto;padding:1px 0 4px;scrollbar-width:thin} .wm-guide-event-schedule span{flex:0 0 auto;padding:7px 10px;border:1px solid var(--g-border);border-radius:7px;background:var(--g-surface-2);color:var(--g-text);font-size:10px;font-weight:850} .wm-guide-event-table{margin-top:0} .wm-guide-event-table .wm-guide-table{font-size:10px} .wm-guide-event-table .wm-guide-table th{font-size:8.5px;letter-spacing:.06em;text-transform:uppercase} .wm-guide-event-table .wm-guide-table td{padding:9px 10px} .wm-guide-event-table--compact{max-width:740px} .wm-guide-event-combination{display:grid;grid-template-columns:minmax(240px,.72fr) minmax(0,1.28fr);gap:10px;align-items:stretch} .wm-guide-event-combination>.wm-guide-event-visual-card{grid-template-columns:110px minmax(0,1fr);height:100%} .wm-guide-event-combination>.wm-guide-event-visual-card .wm-guide-event-visual-card__image{width:110px;height:100%;min-height:116px} .wm-guide-event-materials{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px} .wm-guide-event-materials .wm-guide-event-visual-card{grid-template-columns:72px minmax(0,1fr);min-height:96px} .wm-guide-event-materials .wm-guide-event-visual-card__image,.wm-guide-event-materials .wm-guide-event-visual-card__emoji{width:72px;min-height:96px;height:96px} .wm-guide-event-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px} .wm-guide-event-steps article{display:grid;grid-template-columns:34px minmax(0,1fr);gap:9px;align-items:center;padding:10px 11px;border:1px solid var(--g-border);border-radius:9px;background:var(--g-surface-2)} .wm-guide-event-steps b{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:8px;background:var(--g-accent);color:var(--g-accent-contrast);font-size:12px;font-weight:950} .wm-guide-event-steps span{color:var(--g-text);font-size:10px;line-height:1.5;font-weight:750} .wm-guide-event-reward-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px} .wm-guide-event-reward-grid article{overflow:hidden;border:1px solid var(--g-border);border-radius:9px;background:var(--g-surface-2)} .wm-guide-event-reward-grid header{padding:8px 10px;border-bottom:1px solid var(--g-border);background:color-mix(in srgb,var(--g-accent) 8%,var(--g-surface));color:var(--g-accent);font-size:10px;font-weight:950;text-transform:uppercase} .wm-guide-event-reward-grid article>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding:8px} .wm-guide-event-reward-grid span{padding:6px 7px;border:1px solid color-mix(in srgb,var(--g-border) 90%,transparent);border-radius:6px;background:var(--g-surface)} .wm-guide-event-reward-grid small,.wm-guide-event-reward-grid b{display:block} .wm-guide-event-reward-grid small{color:var(--g-muted);font-size:7.5px} .wm-guide-event-reward-grid b{margin-top:2px;color:var(--g-text);font-size:10px} .wm-guide-event-box-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;max-width:850px} .wm-guide-event-rules{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px} .wm-guide-event-rules span{display:grid;grid-template-columns:18px minmax(0,1fr);gap:8px;align-items:start;padding:9px 10px;border:1px solid var(--g-border);border-radius:8px;background:var(--g-surface-2)} .wm-guide-event-rules svg{width:16px;height:16px;color:var(--g-accent)} .wm-guide-event-rules b{color:var(--g-text);font-size:9.5px;line-height:1.55} .wm-guide-event-quest-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px} .wm-guide-event-quest{border:1px solid var(--g-border);border-radius:8px;background:var(--g-surface-2);overflow:hidden} .wm-guide-event-quest summary{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 11px;cursor:pointer;list-style:none} .wm-guide-event-quest summary::-webkit-details-marker{display:none} .wm-guide-event-quest summary span{display:flex;align-items:center;gap:8px;min-width:0} .wm-guide-event-quest summary b{color:var(--g-accent);font-size:10px;font-weight:950} .wm-guide-event-quest summary small{color:var(--g-muted);font-size:8.5px} .wm-guide-event-quest summary svg{width:15px;height:15px;color:var(--g-muted);transition:transform .2s ease} .wm-guide-event-quest[open] summary svg{transform:rotate(90deg)} .wm-guide-event-quest ol{margin:0;padding:0 15px 12px 35px;border-top:1px solid var(--g-border)} .wm-guide-event-quest li{padding:6px 0;color:var(--g-text);font-size:9.5px;line-height:1.5} .wm-guide-event-monsters{min-width:0} .wm-guide-event-monster-tabs{display:flex;gap:6px;overflow-x:auto;padding-bottom:8px;scrollbar-width:none} .wm-guide-event-monster-tabs::-webkit-scrollbar{display:none} .wm-guide-event-monster-tabs button{flex:0 0 auto;min-height:34px;padding:7px 12px;border:1px solid var(--g-border);border-radius:7px;background:var(--g-surface-2);color:var(--g-muted);font-size:9px;font-weight:900;cursor:pointer} .wm-guide-event-monster-tabs button.is-active{border-color:var(--g-accent);background:var(--g-accent);color:var(--g-accent-contrast)} .wm-guide-event-monster-panel{display:none} .wm-guide-event-monster-panel.is-active{display:block} .wm-guide-event-monster-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px} .wm-guide-event-monster-grid article{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;min-width:0;padding:8px;border:1px solid var(--g-border);border-radius:8px;background:var(--g-surface-2)} .wm-guide-event-monster__image{width:100%;height:100px;min-height:100px;border:0!important;background:transparent!important} .wm-guide-event-monster__image img{width:100%;height:100%;padding:4px;object-fit:contain} .wm-guide-event-monster-grid strong{margin-top:6px;color:var(--g-text);font-size:8.5px;line-height:1.3;text-align:center} @media(max-width:1180px){ .wm-guide-event-summary{grid-template-columns:repeat(2,minmax(0,1fr))} .wm-guide-event-visual-grid{grid-template-columns:repeat(2,minmax(0,1fr))} .wm-guide-event-reward-grid{grid-template-columns:repeat(3,minmax(0,1fr))} .wm-guide-event-monster-grid{grid-template-columns:repeat(5,minmax(0,1fr))} .wm-guide-event-combination{grid-template-columns:1fr} } @media(max-width:900px){ .wm-guide-layout--events .wm-guide-event-hero{grid-template-columns:1fr;min-height:0} .wm-guide-layout--events .wm-guide-event-hero__art{min-height:230px;border-left:0;border-top:1px solid var(--g-border)} .wm-guide-event-story__grid{grid-template-columns:1fr} .wm-guide-event-steps{grid-template-columns:repeat(2,minmax(0,1fr))} .wm-guide-event-reward-grid{grid-template-columns:repeat(2,minmax(0,1fr))} .wm-guide-event-monster-grid{grid-template-columns:repeat(4,minmax(0,1fr))} } @media(max-width:680px){ .wm-guide-layout--events .wm-guide-article-body{padding:15px 13px 22px} .wm-guide-event-summary{grid-template-columns:1fr} .wm-guide-event-visual-grid,.wm-guide-event-visual-grid--objective{grid-template-columns:1fr} .wm-guide-event-materials{grid-template-columns:1fr} .wm-guide-event-steps{grid-template-columns:1fr} .wm-guide-event-reward-grid{grid-template-columns:1fr 1fr} .wm-guide-event-box-grid{grid-template-columns:1fr} .wm-guide-event-rules{grid-template-columns:1fr} .wm-guide-event-quest-grid{grid-template-columns:1fr} .wm-guide-event-monster-grid{grid-template-columns:repeat(3,minmax(0,1fr))} .wm-guide-layout--events .wm-guide-event-hero h1{font-size:34px} } @media(max-width:450px){ .wm-guide-event-reward-grid{grid-template-columns:1fr} .wm-guide-event-monster-grid{grid-template-columns:repeat(2,minmax(0,1fr))} } /* RC 1.4.1 - Eventos ordenados y compactos */ .wm-guide-event-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));overflow:visible;align-items:stretch} .wm-guide-event-tabs a{flex:none;min-height:44px;white-space:normal;text-align:center;line-height:1.25} .wm-guide-event-summary{padding-top:10px} .wm-guide-event-story__copy p{font-size:11px;line-height:1.68} .wm-guide-event-steps article{align-items:flex-start} .wm-guide-event-steps span{font-size:9.5px;line-height:1.55} .wm-guide-event-visual-card span{font-size:8.5px;line-height:1.45} .wm-guide-event-rules b{font-size:9px} @media (max-width: 960px){.wm-guide-event-tabs{grid-template-columns:repeat(2,minmax(0,1fr));overflow:auto}} @media (max-width: 560px){.wm-guide-event-tabs{grid-template-columns:1fr}} /* 1.4.2 — EVENTOS: layout estilo guía, sin sticky interno */ .wm-guide-event-tabs{display:none!important;position:static!important} .wm-guide-layout--events .wm-guide-article{overflow:visible} .wm-guide-layout--events .wm-guide-article-body{padding:0 30px 34px} /* Perfil del evento: imagen real a la izquierda + información a la derecha */ .wm-guide-event-profile{display:grid;grid-template-columns:minmax(240px,320px) minmax(0,1fr);gap:0;overflow:hidden;border-bottom:1px solid var(--g-border);background:var(--g-surface)} .wm-guide-event-profile--noart{grid-template-columns:1fr} .wm-guide-event-profile__media{display:flex;align-items:center;justify-content:center;min-height:300px;padding:18px;border-right:1px solid var(--g-border);background:color-mix(in srgb,var(--g-surface-2) 96%,transparent)} .wm-guide-event-profile__art{width:100%;height:270px;min-height:270px;border:0!important;border-radius:10px!important;background:transparent!important;overflow:hidden} .wm-guide-event-profile__art img{width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;padding:0!important;object-fit:contain!important;object-position:center!important} .wm-guide-event-profile__copy{display:flex;flex-direction:column;justify-content:center;padding:30px 34px;min-width:0} .wm-guide-event-profile__copy .wm-guide-breadcrumb{margin-bottom:12px} .wm-guide-event-profile__copy h1{margin:4px 0 12px;color:var(--g-text);font-size:36px;line-height:1.02;font-weight:950;letter-spacing:-.035em} .wm-guide-event-profile__copy p{max-width:760px;margin:0;color:var(--g-text);font-size:14px;line-height:1.8} .wm-guide-event-hero__type{margin:0;color:var(--g-accent);font-size:10px;font-weight:950;letter-spacing:.12em;text-transform:uppercase} /* Ficha rápida sin tarjetas grandes */ .wm-guide-event-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin:22px 0 6px;padding:0;border:1px solid var(--g-border);border-radius:10px;background:var(--g-surface-2);overflow:hidden} .wm-guide-event-summary article{display:grid;grid-template-columns:32px minmax(0,1fr);grid-template-rows:auto auto;column-gap:10px;align-items:center;min-height:76px;padding:12px 14px;border:0!important;border-right:1px solid var(--g-border)!important;border-radius:0!important;background:transparent!important} .wm-guide-event-summary article:last-child{border-right:0!important} .wm-guide-event-summary article>span{grid-row:1/3;display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:7px;background:color-mix(in srgb,var(--g-accent) 10%,var(--g-surface));color:var(--g-accent)} .wm-guide-event-summary small{color:var(--g-muted);font-size:8px;font-weight:900;letter-spacing:.1em;text-transform:uppercase} .wm-guide-event-summary strong{overflow:visible;color:var(--g-text);font-size:11px;font-weight:900;line-height:1.35;text-overflow:clip;white-space:normal} /* Encabezados de sección como la guía: pestaña + línea de acento */ .wm-guide-layout--events .wm-guide-content-section{padding:24px 0 26px;border-bottom:1px solid var(--g-border)} .wm-guide-layout--events .wm-guide-content-section>.wm-guide-section-heading{display:flex;align-items:flex-end;gap:0;margin:0 0 16px;border-bottom:2px solid var(--g-accent)} .wm-guide-layout--events .wm-guide-content-section>.wm-guide-section-heading>span{display:none} .wm-guide-layout--events .wm-guide-content-section>.wm-guide-section-heading>div{display:inline-flex;flex-direction:column;justify-content:center;min-width:145px;padding:9px 14px 8px;border:1px solid var(--g-border);border-bottom:0;border-radius:8px 8px 0 0;background:var(--g-surface-2)} .wm-guide-layout--events .wm-guide-content-section>.wm-guide-section-heading small{font-size:8px;line-height:1.2;color:var(--g-accent)} .wm-guide-layout--events .wm-guide-content-section>.wm-guide-section-heading h3{margin:2px 0 0;color:var(--g-text);font-size:15px;line-height:1.2;font-weight:950;letter-spacing:0;text-transform:uppercase} /* Información general limpia */ .wm-guide-event-story__grid{grid-template-columns:minmax(0,1.55fr) minmax(220px,.45fr);gap:12px;align-items:stretch} .wm-guide-event-story__copy{padding:16px 18px;border:0;border-radius:8px;background:color-mix(in srgb,var(--g-surface-2) 92%,transparent)} .wm-guide-event-story__copy p{font-size:12px;line-height:1.8} .wm-guide-event-story aside{padding:16px 18px;border-radius:8px} .wm-guide-event-story aside strong{font-size:15px;line-height:1.45} /* Subtítulos internos */ .wm-guide-event-subhead{align-items:center;margin:20px 0 10px;padding:0 0 7px;border-bottom:1px solid var(--g-border)} .wm-guide-event-subhead strong{font-size:13px} .wm-guide-event-subhead span{font-size:8.5px} /* Cards visuales parecidas a GuideMU: compactas, sin crecer de más */ .wm-guide-event-visual-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px} .wm-guide-event-visual-grid--objective{grid-template-columns:repeat(4,minmax(0,1fr))} .wm-guide-event-visual-card{grid-template-columns:92px minmax(0,1fr);min-height:96px;border-radius:8px} .wm-guide-event-visual-card__image{width:92px;height:96px;min-height:96px} .wm-guide-event-visual-card__image img{padding:8px;object-fit:contain} .wm-guide-event-visual-card>div:last-child{padding:10px 12px} .wm-guide-event-visual-card strong{font-size:11px} .wm-guide-event-visual-card span{font-size:9px!important;line-height:1.45!important} /* Pasos en lista compacta, no mosaico gigante */ .wm-guide-event-steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px} .wm-guide-event-steps article{grid-template-columns:30px minmax(0,1fr);gap:9px;min-height:48px;padding:8px 10px;border-radius:7px;background:color-mix(in srgb,var(--g-surface-2) 94%,transparent)} .wm-guide-event-steps b{width:30px;height:30px;border-radius:6px;font-size:11px} .wm-guide-event-steps span{font-size:10px!important;line-height:1.55!important;font-weight:700} /* Tablas legibles */ .wm-guide-event-table .wm-guide-table{font-size:11px} .wm-guide-event-table .wm-guide-table th{font-size:9px} .wm-guide-event-table .wm-guide-table td{padding:10px 11px} .wm-guide-event-schedule span{font-size:10px;padding:7px 10px} /* Premios y reglas sin cajas excesivas */ .wm-guide-event-reward-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px} .wm-guide-event-reward-grid article{border-radius:7px} .wm-guide-event-box-grid{max-width:none;grid-template-columns:repeat(3,minmax(0,1fr))} .wm-guide-event-rules{gap:6px} .wm-guide-event-rules span{padding:8px 9px;border-radius:6px} .wm-guide-event-rules b{font-size:9.5px!important;line-height:1.55} /* Bestiario compacto */ .wm-guide-event-monster-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:8px} .wm-guide-event-monster-grid article{border-radius:7px;padding:8px} .wm-guide-event-monster__image{height:92px;min-height:92px} .wm-guide-event-monster-grid strong{font-size:9px} @media(max-width:1180px){ .wm-guide-event-summary{grid-template-columns:repeat(2,minmax(0,1fr))} .wm-guide-event-summary article:nth-child(2){border-right:0!important} .wm-guide-event-summary article:nth-child(-n+2){border-bottom:1px solid var(--g-border)!important} .wm-guide-event-visual-grid{grid-template-columns:repeat(2,minmax(0,1fr))} .wm-guide-event-monster-grid{grid-template-columns:repeat(5,minmax(0,1fr))} } @media(max-width:900px){ .wm-guide-layout--events .wm-guide-article-body{padding:0 18px 28px} .wm-guide-event-profile{grid-template-columns:1fr} .wm-guide-event-profile__media{min-height:230px;border-right:0;border-bottom:1px solid var(--g-border)} .wm-guide-event-profile__art{height:220px;min-height:220px} .wm-guide-event-profile__copy{padding:22px 20px} .wm-guide-event-profile__copy h1{font-size:30px} .wm-guide-event-story__grid{grid-template-columns:1fr} .wm-guide-event-visual-grid--objective{grid-template-columns:repeat(2,minmax(0,1fr))} .wm-guide-event-reward-grid{grid-template-columns:repeat(2,minmax(0,1fr))} .wm-guide-event-monster-grid{grid-template-columns:repeat(4,minmax(0,1fr))} } @media(max-width:620px){ .wm-guide-layout--events .wm-guide-article-body{padding:0 12px 24px} .wm-guide-event-profile__copy p{font-size:13px} .wm-guide-event-summary{grid-template-columns:1fr} .wm-guide-event-summary article{border-right:0!important;border-bottom:1px solid var(--g-border)!important} .wm-guide-event-summary article:last-child{border-bottom:0!important} .wm-guide-event-visual-grid,.wm-guide-event-visual-grid--objective{grid-template-columns:1fr} .wm-guide-event-steps{grid-template-columns:1fr} .wm-guide-event-reward-grid{grid-template-columns:1fr} .wm-guide-event-box-grid{grid-template-columns:1fr} .wm-guide-event-monster-grid{grid-template-columns:repeat(2,minmax(0,1fr))} } /* 1.4.3 — EVENTOS: guía visual completa, imágenes grandes y secciones explicadas */ .wm-guide-layout--events .wm-guide-article-body{padding:0 34px 42px} .wm-guide-event-profile{grid-template-columns:minmax(300px,380px) minmax(0,1fr)!important;min-height:340px} .wm-guide-event-profile__media{min-height:340px!important;padding:22px!important} .wm-guide-event-profile__art{height:300px!important;min-height:300px!important;display:flex!important;align-items:center!important;justify-content:center!important;background:radial-gradient(circle at 50% 45%,color-mix(in srgb,var(--g-accent) 9%,var(--g-surface-2)),var(--g-surface-2))!important} .wm-guide-event-profile__art img{width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;padding:0!important;object-fit:contain!important;object-position:center!important} .wm-guide-event-profile__copy{padding:34px 38px!important} .wm-guide-event-profile__copy h1{font-size:40px!important} .wm-guide-event-profile__copy p{font-size:14px!important;line-height:1.85!important} /* Cards visuales: la imagen es protagonista, no un thumbnail lateral. */ .wm-guide-event-visual-grid,.wm-guide-event-visual-grid--objective{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:16px!important} .wm-guide-event-visual-card{display:flex!important;flex-direction:column!important;grid-template-columns:none!important;min-height:0!important;overflow:hidden!important;border:1px solid var(--g-border)!important;border-radius:12px!important;background:var(--g-surface-2)!important} .wm-guide-event-visual-card__image{width:100%!important;height:205px!important;min-height:205px!important;border:0!important;border-bottom:1px solid var(--g-border)!important;border-radius:0!important;background:radial-gradient(circle at center,color-mix(in srgb,var(--g-accent) 7%,var(--g-surface)),var(--g-surface))!important} .wm-guide-event-visual-card__image img{width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;padding:18px!important;object-fit:contain!important;object-position:center!important} .wm-guide-event-visual-card>div:last-child{display:flex!important;flex-direction:column!important;justify-content:flex-start!important;gap:6px!important;padding:13px 15px 15px!important;min-height:74px!important} .wm-guide-event-visual-card strong{font-size:13px!important;line-height:1.35!important} .wm-guide-event-visual-card span{font-size:10px!important;line-height:1.55!important;color:var(--g-muted)!important} .wm-guide-event-visual-card--icon .wm-guide-event-visual-card__image{height:150px!important;min-height:150px!important} .wm-guide-event-visual-card--icon .wm-guide-event-visual-card__image img{padding:22px!important;image-rendering:auto} .wm-guide-event-visual-card--portrait .wm-guide-event-visual-card__image{height:260px!important;min-height:260px!important} .wm-guide-event-visual-card--portrait .wm-guide-event-visual-card__image img{padding:14px!important} .wm-guide-event-visual-card--wide .wm-guide-event-visual-card__image{height:245px!important;min-height:245px!important} .wm-guide-event-visual-card--wide .wm-guide-event-visual-card__image img{padding:8px!important} .wm-guide-event-visual-card__emoji{width:100%!important;min-height:150px!important;border:0!important;border-bottom:1px solid var(--g-border)!important;font-size:48px!important} /* Combination y materiales conservan tamaño práctico, pero dejan de ser miniaturas. */ .wm-guide-event-combination{grid-template-columns:minmax(240px,.7fr) minmax(0,1.3fr)!important;gap:16px!important} .wm-guide-event-combination>.wm-guide-event-visual-card{height:auto!important} .wm-guide-event-combination>.wm-guide-event-visual-card .wm-guide-event-visual-card__image{width:100%!important;height:220px!important;min-height:220px!important} .wm-guide-event-materials{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important} .wm-guide-event-materials .wm-guide-event-visual-card{min-height:0!important} .wm-guide-event-materials .wm-guide-event-visual-card__image,.wm-guide-event-materials .wm-guide-event-visual-card__emoji{width:100%!important;height:160px!important;min-height:160px!important} /* Secciones de guía detallada inspiradas en la estructura del sitio de referencia. */ .wm-guide-event-detail{padding:28px 0 30px!important} .wm-guide-event-detail__copy{max-width:1040px;margin:0 0 18px;padding:0 2px} .wm-guide-event-detail__copy p{margin:0 0 11px;color:var(--g-text);font-size:13px;line-height:1.82} .wm-guide-event-detail__copy p:last-child{margin-bottom:0} .wm-guide-event-detail__media{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:stretch} .wm-guide-event-detail__media--icons{grid-template-columns:repeat(5,minmax(0,1fr))} .wm-guide-event-detail__media--gallery{grid-template-columns:repeat(3,minmax(0,1fr))} .wm-guide-event-detail__media--feature{grid-template-columns:repeat(3,minmax(0,1fr))} .wm-guide-event-detail__media--center{grid-template-columns:minmax(220px,360px);justify-content:center} .wm-guide-event-detail--feature .wm-guide-event-visual-card--wide{grid-column:span 2} .wm-guide-event-detail--feature .wm-guide-event-visual-card--wide .wm-guide-event-visual-card__image{height:310px!important;min-height:310px!important} .wm-guide-event-detail--icons .wm-guide-event-visual-card__image{height:135px!important;min-height:135px!important} .wm-guide-event-detail--icons .wm-guide-event-visual-card__image img{padding:20px!important} .wm-guide-event-detail__steps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:16px} .wm-guide-event-detail__steps article{display:grid;grid-template-columns:38px minmax(0,1fr);gap:11px;align-items:start;padding:13px 14px;border:1px solid var(--g-border);border-radius:10px;background:var(--g-surface-2)} .wm-guide-event-detail__steps b{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:8px;background:var(--g-accent);color:var(--g-accent-contrast);font-size:13px;font-weight:950} .wm-guide-event-detail__steps span{padding-top:2px;color:var(--g-text);font-size:11px;line-height:1.65;font-weight:700} .wm-guide-event-detail__note{display:grid;grid-template-columns:22px minmax(0,1fr);gap:9px;align-items:start;margin-top:16px;padding:12px 14px;border:1px solid color-mix(in srgb,var(--g-accent) 35%,var(--g-border));border-radius:9px;background:color-mix(in srgb,var(--g-accent) 6%,var(--g-surface-2));color:var(--g-text);font-size:11px;line-height:1.6} .wm-guide-event-detail__note svg{width:19px;height:19px;color:var(--g-accent)} .wm-guide-event-table--detail{margin-top:16px} /* La información general deja de verse como cajas innecesariamente altas. */ .wm-guide-event-story__grid{grid-template-columns:minmax(0,1.7fr) minmax(220px,.3fr)!important} .wm-guide-event-story__copy{padding:14px 16px!important;background:transparent!important;border-left:3px solid var(--g-accent)!important;border-radius:0!important} .wm-guide-event-story aside{align-self:start!important;padding:14px 16px!important} .wm-guide-event-story aside strong{font-size:14px!important} /* Bestiarios: imágenes más grandes y menos columnas. */ .wm-guide-event-monster-grid{grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:12px!important} .wm-guide-event-monster-grid article{padding:10px!important;border-radius:10px!important} .wm-guide-event-monster__image{height:145px!important;min-height:145px!important} .wm-guide-event-monster__image img{padding:7px!important} .wm-guide-event-monster-grid strong{font-size:10px!important;margin-top:8px!important} /* Mastery / reward cards más visibles. */ .wm-guide-event-box-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px!important;max-width:none!important} .wm-guide-event-box-grid .wm-guide-event-visual-card__image{height:165px!important;min-height:165px!important} .wm-guide-event-box-grid .wm-guide-event-visual-card__image img{padding:18px!important} @media(max-width:1180px){ .wm-guide-event-profile{grid-template-columns:minmax(260px,330px) minmax(0,1fr)!important} .wm-guide-event-detail__media,.wm-guide-event-detail__media--gallery,.wm-guide-event-detail__media--feature{grid-template-columns:repeat(2,minmax(0,1fr))} .wm-guide-event-detail__media--icons{grid-template-columns:repeat(4,minmax(0,1fr))} .wm-guide-event-detail--feature .wm-guide-event-visual-card--wide{grid-column:span 2} .wm-guide-event-monster-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important} } @media(max-width:900px){ .wm-guide-layout--events .wm-guide-article-body{padding:0 20px 34px} .wm-guide-event-profile{grid-template-columns:1fr!important} .wm-guide-event-profile__media{border-right:0!important;border-bottom:1px solid var(--g-border)!important} .wm-guide-event-profile__art{height:300px!important;min-height:300px!important} .wm-guide-event-detail__media--icons{grid-template-columns:repeat(3,minmax(0,1fr))} .wm-guide-event-detail__steps{grid-template-columns:1fr} .wm-guide-event-combination{grid-template-columns:1fr!important} } @media(max-width:680px){ .wm-guide-layout--events .wm-guide-article-body{padding:0 13px 28px} .wm-guide-event-profile__copy{padding:22px 20px!important} .wm-guide-event-profile__copy h1{font-size:32px!important} .wm-guide-event-detail__media,.wm-guide-event-detail__media--gallery,.wm-guide-event-detail__media--feature,.wm-guide-event-detail__media--icons{grid-template-columns:1fr!important} .wm-guide-event-detail--feature .wm-guide-event-visual-card--wide{grid-column:auto} .wm-guide-event-visual-grid,.wm-guide-event-visual-grid--objective{grid-template-columns:1fr!important} .wm-guide-event-materials{grid-template-columns:1fr!important} .wm-guide-event-monster-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important} .wm-guide-event-box-grid{grid-template-columns:1fr!important} } /* ===================================================================== INFO 1.5.0 — Eventos reconstruidos desde cero con layout tipo GuideMU ===================================================================== */ .wm-guide-layout--events .wm-guide-article{overflow:visible} .wm-event-page-head-v2{padding:24px 28px 18px;border-bottom:1px solid var(--g-border);background:var(--g-surface)} .wm-event-page-head-v2 .wm-guide-breadcrumb{margin-bottom:9px} .wm-event-page-head-v2>small{display:block;margin:0 0 5px;color:var(--g-accent);font-size:10px;font-weight:950;letter-spacing:.12em;text-transform:uppercase} .wm-event-page-head-v2 h1{margin:0;color:var(--g-text);font-size:34px;line-height:1.08;font-weight:950;letter-spacing:-.025em} .wm-event-page-head-v2 p{max-width:820px;margin:8px 0 0;color:var(--g-muted);font-size:13px;line-height:1.65} .wm-event-guide-v2{font-size:13px;color:var(--g-text)} .wm-event-jumpbar{position:static!important;top:auto!important;z-index:auto!important;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:0 0 22px;border:1px solid var(--g-border);background:var(--g-surface-2)} .wm-event-jumpbar a{display:flex;align-items:center;justify-content:center;min-height:44px;padding:10px 14px;border-right:1px solid var(--g-border);color:var(--g-text)!important;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.04em;text-decoration:none} .wm-event-jumpbar a:last-child{border-right:0} .wm-event-jumpbar a:hover{background:color-mix(in srgb,var(--g-accent) 9%,var(--g-surface-2));color:var(--g-accent)!important} .wm-event-intro-v2{display:grid;grid-template-columns:minmax(260px,34%) minmax(0,1fr);gap:18px;padding:0 0 30px;border-bottom:1px solid var(--g-border)} .wm-event-intro-v2__media{display:flex;align-items:center;justify-content:center;min-height:330px;border:1px solid var(--g-border);background:color-mix(in srgb,var(--g-surface-2) 96%,transparent);overflow:hidden} .wm-event-intro-v2__image{width:100%;height:100%;min-height:330px;border:0!important;background:transparent!important} .wm-event-intro-v2__image img{width:100%;height:100%;max-width:none;max-height:430px;padding:12px;object-fit:contain;object-position:center} .wm-event-intro-v2__copy{display:flex;flex-direction:column;justify-content:center;padding:8px 8px 8px 6px} .wm-event-intro-v2__copy>small{color:var(--g-accent);font-size:10px;font-weight:950;letter-spacing:.12em;text-transform:uppercase} .wm-event-intro-v2__copy h2{margin:6px 0 14px;font-size:25px;line-height:1.1;color:var(--g-text);font-weight:950} .wm-event-intro-v2__copy p{margin:0 0 11px;color:var(--g-text);font-size:14px;line-height:1.72} .wm-event-mission{margin-top:10px;padding:13px 15px;border-left:3px solid var(--g-accent);background:color-mix(in srgb,var(--g-accent) 6%,var(--g-surface-2))} .wm-event-mission span{display:block;margin-bottom:4px;color:var(--g-accent);font-size:9px;font-weight:950;letter-spacing:.1em} .wm-event-mission strong{font-size:13px;line-height:1.5} .wm-event-section-v2{padding:28px 0;border-bottom:1px solid var(--g-border);scroll-margin-top:18px} .wm-event-section-v2:last-child{border-bottom:0;padding-bottom:8px} .wm-event-section-head{position:relative;display:flex;align-items:flex-end;gap:12px;margin:0 0 16px;padding:0 0 9px;border-bottom:2px solid color-mix(in srgb,var(--g-accent) 78%,transparent);scroll-margin-top:18px} .wm-event-section-head span{display:inline-flex;align-items:center;min-height:32px;padding:7px 13px;background:color-mix(in srgb,var(--g-text) 8%,var(--g-surface-2));color:var(--g-accent);font-size:10px;font-weight:950;letter-spacing:.08em;text-transform:uppercase} .wm-event-section-head h3{margin:0 0 3px;color:var(--g-text);font-size:18px;line-height:1.2;font-weight:950} .wm-event-copy{max-width:970px;margin:0 0 17px} .wm-event-copy p{margin:0 0 9px;color:var(--g-text);font-size:13.5px;line-height:1.72} .wm-event-feature{display:grid;grid-template-columns:minmax(250px,330px) minmax(0,1fr);gap:18px;align-items:stretch} .wm-event-feature__media{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;border:1px solid var(--g-border);background:var(--g-surface-2);overflow:hidden} .wm-event-feature__image{width:100%;min-height:245px;border:0!important;background:transparent!important} .wm-event-feature__image img{width:100%;height:260px;max-width:none;max-height:none;padding:12px;object-fit:contain} .wm-event-feature__media>strong{width:100%;padding:10px 12px;border-top:1px solid var(--g-border);text-align:center;font-size:12px;color:var(--g-text)} .wm-event-feature__copy{padding:14px 16px;border:1px solid var(--g-border);background:color-mix(in srgb,var(--g-surface-2) 92%,transparent)} .wm-event-feature__copy p{margin:0 0 12px;font-size:13.5px;line-height:1.72;color:var(--g-text)} .wm-event-feature__facts{display:flex;flex-wrap:wrap;gap:7px;margin-top:14px} .wm-event-feature__facts span,.wm-event-reward-facts span{display:inline-flex;padding:7px 10px;border:1px solid var(--g-border);background:var(--g-surface);font-size:10px;font-weight:850;color:var(--g-text)} .wm-event-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-items:stretch} .wm-event-media-card{display:flex;flex-direction:column;min-width:0;border:1px solid var(--g-border);background:var(--g-surface-2);overflow:hidden} .wm-event-media-card__image{display:flex;align-items:center;justify-content:center;width:100%;height:210px;min-height:210px;border:0!important;border-bottom:1px solid var(--g-border)!important;background:color-mix(in srgb,var(--g-surface) 95%,transparent)!important} .wm-event-media-card__image img{width:100%;height:100%;max-width:none;max-height:none;padding:12px;object-fit:contain;object-position:center} .wm-event-media-card__body{display:flex;flex:1;flex-direction:column;gap:4px;padding:11px 12px} .wm-event-media-card__body strong{color:var(--g-text);font-size:12px;line-height:1.35;font-weight:950} .wm-event-media-card__body p{margin:0;color:var(--g-muted);font-size:10.5px;line-height:1.5} .wm-event-media-card__facts{display:flex;flex-wrap:wrap;gap:5px;margin-top:5px} .wm-event-media-card__facts span{padding:4px 6px;border:1px solid var(--g-border);background:var(--g-surface);font-size:8.5px;font-weight:800;color:var(--g-text)} .wm-event-media-card--portrait .wm-event-media-card__image{height:280px;min-height:280px} .wm-event-media-card--portrait .wm-event-media-card__image img{padding:8px;object-fit:contain} .wm-event-media-card--wide .wm-event-media-card__image{height:225px;min-height:225px} .wm-event-media-card--wide .wm-event-media-card__image img{padding:0;object-fit:contain} .wm-event-media-card--item .wm-event-media-card__image{height:180px;min-height:180px} .wm-event-media-card--item .wm-event-media-card__image img{padding:20px;object-fit:contain} .wm-event-media-card--skill .wm-event-media-card__image{height:170px;min-height:170px} .wm-event-media-card--skill .wm-event-media-card__image img{padding:26px;object-fit:contain} .wm-event-media-card--monster .wm-event-media-card__image{height:190px;min-height:190px} .wm-event-media-card--monster .wm-event-media-card__image img{padding:12px;object-fit:contain} .wm-event-steps-v2{counter-reset:eventstep;display:grid;gap:8px;margin:0;padding:0;list-style:none} .wm-event-steps-v2 li{counter-increment:eventstep;display:grid;grid-template-columns:38px minmax(0,1fr);align-items:center;min-height:46px;border:1px solid var(--g-border);background:var(--g-surface-2)} .wm-event-steps-v2 li:before{content:counter(eventstep);display:flex;align-items:center;justify-content:center;align-self:stretch;background:var(--g-accent);color:var(--g-accent-contrast,#fff);font-size:12px;font-weight:950} .wm-event-steps-v2 li span{padding:10px 13px;color:var(--g-text);font-size:12.5px;line-height:1.55} .wm-event-server-row{margin-bottom:15px;padding:13px 14px;border:1px solid var(--g-border);background:var(--g-surface-2)} .wm-event-server-row>strong{display:block;margin-bottom:9px;font-size:12px} .wm-event-time-list{display:flex;flex-wrap:wrap;gap:6px} .wm-event-time-list span{padding:6px 9px;border:1px solid var(--g-border);background:var(--g-surface);font-size:10px;font-weight:850} .wm-event-table-wrap{margin-top:15px;overflow-x:auto} .wm-event-table-wrap h4,.wm-event-monster-group h4{margin:0 0 8px;color:var(--g-text);font-size:13px;font-weight:950} .wm-event-table{min-width:680px} .wm-event-server-rewards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:14px} .wm-event-server-rewards article{padding:11px;border:1px solid var(--g-border);background:var(--g-surface-2)} .wm-event-server-rewards strong{display:block;margin-bottom:4px;color:var(--g-accent);font-size:10px} .wm-event-server-rewards span{font-size:9.5px;line-height:1.45;color:var(--g-text)} .wm-event-combination-v2{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;align-items:stretch} .wm-event-combination-v2 .wm-event-media-card--portrait{grid-column:span 1} .wm-event-combination-v2 .wm-event-media-card__image{height:190px;min-height:190px} .wm-event-reward-facts{display:flex;flex-wrap:wrap;gap:7px;margin:0 0 15px} .wm-event-rules-v2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0;padding:0;list-style:none} .wm-event-rules-v2 li{display:grid;grid-template-columns:28px minmax(0,1fr);align-items:center;min-height:44px;border:1px solid var(--g-border);background:var(--g-surface-2)} .wm-event-rules-v2 li>span:first-child,.wm-event-rules-v2 li>svg{margin-left:8px;color:var(--g-accent)} .wm-event-rules-v2 li>span:last-child{padding:9px 10px;color:var(--g-text);font-size:11px;line-height:1.5} .wm-event-quests-v2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px} .wm-event-quests-v2 article{border:1px solid var(--g-border);background:var(--g-surface-2)} .wm-event-quests-v2 header{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 11px;border-bottom:1px solid var(--g-border);background:color-mix(in srgb,var(--g-accent) 7%,var(--g-surface-2))} .wm-event-quests-v2 header strong{color:var(--g-accent);font-size:10px}.wm-event-quests-v2 header span{color:var(--g-muted);font-size:9px} .wm-event-quests-v2 ol{margin:0;padding:10px 13px 11px 27px}.wm-event-quests-v2 li{margin:0 0 5px;color:var(--g-text);font-size:10.5px;line-height:1.45} .wm-event-monster-group{margin-top:18px}.wm-event-monster-grid-v2{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.wm-event-monster-grid-v2 .wm-event-media-card__body{padding:8px 10px}.wm-event-monster-grid-v2 .wm-event-media-card__body strong{text-align:center;font-size:10.5px} .wm-guide-layout--events .wm-guide-entry-grid>a{overflow:hidden} .wm-guide-layout--events .wm-guide-entry-card__art{height:210px;min-height:210px;background:var(--g-surface-2)} .wm-guide-layout--events .wm-guide-entry-card__art img{width:100%;height:100%;max-width:none;max-height:none;padding:8px;object-fit:contain} @media(max-width:1080px){ .wm-event-gallery{grid-template-columns:repeat(2,minmax(0,1fr))} .wm-event-monster-grid-v2{grid-template-columns:repeat(4,minmax(0,1fr))} .wm-event-server-rewards{grid-template-columns:repeat(2,minmax(0,1fr))} .wm-event-combination-v2{grid-template-columns:repeat(2,minmax(0,1fr))} } @media(max-width:860px){ .wm-event-intro-v2,.wm-event-feature{grid-template-columns:1fr} .wm-event-intro-v2__media{min-height:260px}.wm-event-intro-v2__image{min-height:260px}.wm-event-intro-v2__image img{max-height:360px} .wm-event-jumpbar{grid-template-columns:repeat(2,minmax(0,1fr))}.wm-event-jumpbar a:nth-child(2){border-right:0}.wm-event-jumpbar a:nth-child(-n+2){border-bottom:1px solid var(--g-border)} .wm-event-rules-v2,.wm-event-quests-v2{grid-template-columns:1fr} .wm-event-monster-grid-v2{grid-template-columns:repeat(3,minmax(0,1fr))} } @media(max-width:620px){ .wm-event-page-head-v2{padding:20px 18px 16px}.wm-event-page-head-v2 h1{font-size:29px}.wm-event-page-head-v2 p{font-size:12px} .wm-event-gallery,.wm-event-combination-v2{grid-template-columns:1fr}.wm-event-media-card__image{height:230px;min-height:230px} .wm-event-monster-grid-v2{grid-template-columns:repeat(2,minmax(0,1fr))}.wm-event-monster-grid-v2 .wm-event-media-card__image{height:170px;min-height:170px} .wm-event-server-rewards{grid-template-columns:1fr} .wm-event-section-head{align-items:flex-start;flex-direction:column;gap:5px}.wm-event-section-head h3{font-size:17px} } .wm-event-media-card__emoji{display:flex;align-items:center;justify-content:center;width:100%;height:180px;min-height:180px;border-bottom:1px solid var(--g-border);background:color-mix(in srgb,var(--g-surface) 95%,transparent);font-size:54px;line-height:1} .wm-event-accordion-v2{display:grid;gap:10px} .wm-event-accordion-v2__item{border:1px solid var(--g-border);background:var(--g-surface-2)} .wm-event-accordion-v2__item summary{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 16px;cursor:pointer;list-style:none} .wm-event-accordion-v2__item summary::-webkit-details-marker{display:none} .wm-event-accordion-v2__title{display:flex;flex-direction:column;gap:4px} .wm-event-accordion-v2__title strong{color:var(--g-accent);font-size:12px;font-weight:950;text-transform:uppercase;letter-spacing:.05em} .wm-event-accordion-v2__title span{color:var(--g-muted);font-size:11px} .wm-event-accordion-v2__item summary i,.wm-event-accordion-v2__item summary svg{display:flex;width:18px;height:18px;color:var(--g-accent);transition:transform .18s ease} .wm-event-accordion-v2__item[open] summary i,.wm-event-accordion-v2__item[open] summary svg{transform:rotate(90deg)} .wm-event-accordion-v2__body{padding:0 16px 14px;border-top:1px solid var(--g-border)} .wm-event-accordion-v2__body ol{margin:0;padding:12px 0 0 19px} .wm-event-accordion-v2__body li{margin:0 0 7px;color:var(--g-text);font-size:12px;line-height:1.62} .wm-event-monster-browser-v2{display:grid;gap:14px} .wm-event-monster-browser-v2__tabs{display:flex;flex-wrap:wrap;gap:8px} .wm-event-monster-browser-v2__tabs button{min-height:38px;padding:9px 14px;border:1px solid var(--g-border);background:var(--g-surface-2);color:var(--g-text);font-size:11px;font-weight:900;letter-spacing:.02em;cursor:pointer} .wm-event-monster-browser-v2__tabs button.is-active{border-color:color-mix(in srgb,var(--g-accent) 50%,var(--g-border));background:color-mix(in srgb,var(--g-accent) 12%,var(--g-surface-2));color:var(--g-accent)} .wm-event-monster-browser-v2__panel{display:none} .wm-event-monster-browser-v2__panel.is-active{display:block} .wm-event-monster-browser-v2__panel h4{margin:0 0 10px;color:var(--g-text);font-size:13px;font-weight:950} .wm-guide-special-guide .wm-event-media-card__image img{padding:14px} @media (max-width:900px){ .wm-event-monster-browser-v2__tabs{overflow:auto;flex-wrap:nowrap;padding-bottom:4px} .wm-event-monster-browser-v2__tabs button{white-space:nowrap} } /* Golden Invasion 1.5.3 - dorado + recompensa por card */ .wm-golden-guide{display:grid;gap:0} .wm-golden-intro{margin-bottom:0} .wm-golden-tier{padding-top:30px} .wm-golden-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px} .wm-golden-card{display:flex;flex-direction:column;min-width:0;border:1px solid var(--g-border);background:var(--g-surface-2);overflow:hidden} .wm-golden-card__monster{display:flex;flex-direction:column;min-height:320px;background:color-mix(in srgb,var(--g-surface) 96%,transparent)} .wm-golden-card__monster-image{display:flex;align-items:center;justify-content:center;flex:1;width:100%;min-height:270px;border:0!important;background:transparent!important} .wm-golden-card__monster-image img{width:100%;height:270px;max-width:none;max-height:none;padding:18px;object-fit:contain;object-position:center} .wm-golden-card__monster h4{margin:0;padding:12px 14px;border-top:1px solid var(--g-border);color:var(--g-text);font-size:15px;line-height:1.2;text-align:center;font-weight:950} .wm-golden-card__stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:var(--g-border);border-top:1px solid var(--g-border);border-bottom:1px solid var(--g-border)} .wm-golden-card__stats span{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:9px 11px;background:var(--g-surface-2)} .wm-golden-card__stats small,.wm-golden-card__location small,.wm-golden-card__reward>small{color:var(--g-accent);font-size:8px;font-weight:950;letter-spacing:.08em} .wm-golden-card__stats b{color:var(--g-text);font-size:10px} .wm-golden-card__location{display:grid;gap:4px;padding:11px 13px;border-bottom:1px solid var(--g-border)} .wm-golden-card__location strong{color:var(--g-text);font-size:10.5px;line-height:1.4} .wm-golden-card__reward{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;margin-top:auto;padding:13px;background:color-mix(in srgb,var(--g-accent) 5%,var(--g-surface-2));text-align:center} .wm-golden-card__reward-visual{display:flex;align-items:center;justify-content:center;gap:8px;min-height:72px} .wm-golden-card__box{display:flex;align-items:center;justify-content:center;width:72px;height:72px;min-height:72px;border:0!important;background:transparent!important} .wm-golden-card__box img{width:72px;height:72px;max-width:none;max-height:none;padding:5px;object-fit:contain} .wm-golden-card__reward>strong{color:var(--g-text);font-size:12px;font-weight:950} @media (max-width:1000px){.wm-golden-grid{grid-template-columns:repeat(2,minmax(0,1fr))}} @media (max-width:620px){.wm-golden-grid{grid-template-columns:1fr}.wm-golden-card__monster-image img{height:240px}.wm-golden-card__monster-image{min-height:240px}.wm-golden-card__monster{min-height:290px}} /* ===================================================================== INFO 1.5.4 — Eventos con radios consistentes + Golden cards compactas ===================================================================== */ .wm-guide-layout--events{ --wm-event-radius:10px; --wm-event-radius-sm:8px; } /* Radios únicamente dentro de Eventos. */ .wm-guide-layout--events .wm-event-page-head-v2, .wm-guide-layout--events .wm-event-jumpbar, .wm-guide-layout--events .wm-event-intro-v2__media, .wm-guide-layout--events .wm-event-mission, .wm-guide-layout--events .wm-event-feature__media, .wm-guide-layout--events .wm-event-feature__copy, .wm-guide-layout--events .wm-event-media-card, .wm-guide-layout--events .wm-event-steps-v2 li, .wm-guide-layout--events .wm-event-server-row, .wm-guide-layout--events .wm-event-server-rewards article, .wm-guide-layout--events .wm-event-rules-v2 li, .wm-guide-layout--events .wm-event-quests-v2 article, .wm-guide-layout--events .wm-event-accordion-v2__item, .wm-guide-layout--events .wm-golden-card{ border-radius:var(--wm-event-radius)!important; overflow:hidden; } .wm-guide-layout--events .wm-event-section-head span, .wm-guide-layout--events .wm-event-feature__facts span, .wm-guide-layout--events .wm-event-reward-facts span, .wm-guide-layout--events .wm-event-media-card__facts span, .wm-guide-layout--events .wm-event-time-list span, .wm-guide-layout--events .wm-event-monster-browser-v2__tabs button{ border-radius:var(--wm-event-radius-sm)!important; } .wm-guide-layout--events .wm-event-table-wrap{ border-radius:var(--wm-event-radius)!important; } .wm-guide-layout--events .wm-event-jumpbar a:first-child{border-radius:var(--wm-event-radius) 0 0 var(--wm-event-radius)} .wm-guide-layout--events .wm-event-jumpbar a:last-child{border-radius:0 var(--wm-event-radius) var(--wm-event-radius) 0} /* Golden Invasion: cards más pequeñas, 4 por fila en escritorio. */ .wm-guide-layout--events .wm-golden-grid{ grid-template-columns:repeat(4,minmax(0,1fr))!important; gap:12px!important; } .wm-guide-layout--events .wm-golden-card__monster{ min-height:225px!important; } .wm-guide-layout--events .wm-golden-card__monster-image{ min-height:180px!important; } .wm-guide-layout--events .wm-golden-card__monster-image img{ height:180px!important; padding:12px!important; } .wm-guide-layout--events .wm-golden-card__monster h4{ padding:9px 10px!important; font-size:12px!important; } .wm-guide-layout--events .wm-golden-card__stats span{ padding:7px 9px!important; } .wm-guide-layout--events .wm-golden-card__stats small, .wm-guide-layout--events .wm-golden-card__location small, .wm-guide-layout--events .wm-golden-card__reward>small{ font-size:7px!important; } .wm-guide-layout--events .wm-golden-card__stats b{ font-size:9px!important; } .wm-guide-layout--events .wm-golden-card__location{ padding:8px 10px!important; } .wm-guide-layout--events .wm-golden-card__location strong{ font-size:9.5px!important; } .wm-guide-layout--events .wm-golden-card__reward{ gap:5px!important; padding:9px 10px!important; } .wm-guide-layout--events .wm-golden-card__reward-visual{ min-height:54px!important; } .wm-guide-layout--events .wm-golden-card__box{ width:54px!important; height:54px!important; min-height:54px!important; } .wm-guide-layout--events .wm-golden-card__box img{ width:54px!important; height:54px!important; padding:4px!important; } .wm-guide-layout--events .wm-golden-card__reward>strong{ font-size:10.5px!important; } @media(max-width:1180px){ .wm-guide-layout--events .wm-golden-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important} } @media(max-width:820px){ .wm-guide-layout--events .wm-golden-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important} } @media(max-width:520px){ .wm-guide-layout--events .wm-golden-grid{grid-template-columns:1fr!important} .wm-guide-layout--events .wm-golden-card__monster-image img{height:210px!important} .wm-guide-layout--events .wm-golden-card__monster-image{min-height:210px!important} } /* Info 1.5.6 — Items full-width + real category covers */ .wm-guide-layout--items{grid-template-columns:minmax(0,1fr)} .wm-guide-layout--items .wm-guide-main{width:100%;min-width:0} .wm-guide-layout--items .wm-guide-entry-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px} .wm-guide-layout--items .wm-guide-entry-grid>a{min-width:0;overflow:hidden} .wm-guide-layout--items .wm-guide-entry-card__art--item{height:210px;min-height:210px;background:linear-gradient(145deg,color-mix(in srgb,var(--g-accent) 5%,var(--g-surface-2)),var(--g-surface))} .wm-guide-layout--items .wm-guide-entry-card__art--item img{object-fit:contain;padding:26px} .wm-guide-item-card-fallback{height:210px;display:grid;place-items:center;border-bottom:1px solid var(--g-border);background:linear-gradient(145deg,color-mix(in srgb,var(--g-accent) 7%,var(--g-surface-2)),var(--g-surface));color:var(--g-accent)} .wm-guide-item-card-fallback svg{width:42px;height:42px} .wm-guide-layout--items .wm-guide-entry-grid>a>div:last-child{min-height:154px} .wm-guide-layout--items .wm-guide-entry-grid strong{font-size:15px} .wm-guide-layout--items .wm-guide-entry-grid p{font-size:10.5px;line-height:1.6} @media(max-width:1100px){.wm-guide-layout--items .wm-guide-entry-grid{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:650px){.wm-guide-layout--items .wm-guide-entry-grid{grid-template-columns:1fr}.wm-guide-layout--items .wm-guide-entry-card__art--item,.wm-guide-item-card-fallback{height:190px;min-height:190px}} /* Info 1.5.7 — Items detail rebuild */ .wm-guide-layout--items .wm-guide-article-hero{grid-template-columns:minmax(0,1fr) 260px;align-items:stretch} .wm-guide-layout--items .wm-guide-article-hero__art--item,.wm-guide-layout--items .wm-guide-item-card-fallback--hero{min-height:220px;height:220px;background:linear-gradient(145deg,color-mix(in srgb,var(--g-accent) 4%,var(--g-surface-2)),var(--g-surface))} .wm-guide-layout--items .wm-guide-article-hero__art--item img{object-fit:contain;padding:22px;image-rendering:pixelated} .wm-guide-items-catalog{gap:14px} .wm-guide-item-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:6px 0 4px} .wm-guide-item-stats article{padding:12px 14px;border:1px solid var(--g-border);border-radius:14px;background:var(--g-surface-2)} .wm-guide-item-stats small{display:block;color:var(--g-muted);font-size:10px;letter-spacing:.12em} .wm-guide-item-stats strong{display:block;margin-top:5px;font-size:18px} .wm-guide-item-group{border:1px solid var(--g-border);border-radius:16px;background:var(--g-surface-2);overflow:hidden} .wm-guide-item-group+ .wm-guide-item-group{margin-top:12px} .wm-guide-item-group>summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;background:linear-gradient(180deg,color-mix(in srgb,var(--g-accent) 7%,transparent),transparent)} .wm-guide-item-group>summary::-webkit-details-marker{display:none} .wm-guide-item-group>summary span{display:flex;flex-direction:column;gap:4px} .wm-guide-item-group>summary b{font-size:15px} .wm-guide-item-group>summary small{color:var(--g-muted);font-size:10px;letter-spacing:.12em;text-transform:uppercase} .wm-guide-item-group>summary svg{width:16px;height:16px;transition:transform .2s ease} .wm-guide-item-group[open]>summary svg{transform:rotate(90deg)} .wm-guide-item-grid--compact{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;padding:0 14px 14px} .wm-guide-item-card{border:1px solid var(--g-border);border-radius:14px;background:linear-gradient(180deg,color-mix(in srgb,var(--g-accent) 3%,var(--g-surface)),var(--g-surface));overflow:hidden;min-width:0} .wm-guide-item-card__body{padding:10px 11px 12px} .wm-guide-item-card__body small{display:block;color:var(--g-accent);font-size:9.5px;letter-spacing:.12em;text-transform:uppercase} .wm-guide-item-card__body h4{margin:5px 0 0;font-size:12px;line-height:1.35} .wm-guide-item-card__body p{margin:6px 0 0;color:var(--g-muted);font-size:9.5px;line-height:1.55} .wm-guide-item-grid--compact .wm-guide-item-grid__image{height:94px;min-height:94px;border:0;border-bottom:1px solid var(--g-border);background:radial-gradient(circle at 50% 22%,color-mix(in srgb,var(--g-accent) 10%,transparent),transparent 60%),var(--g-surface)} .wm-guide-item-grid--compact .wm-guide-item-grid__image img{object-fit:contain;padding:14px;image-rendering:pixelated} @media(max-width:1200px){.wm-guide-item-grid--compact{grid-template-columns:repeat(4,minmax(0,1fr))}} @media(max-width:900px){.wm-guide-layout--items .wm-guide-article-hero{grid-template-columns:1fr}.wm-guide-item-stats{grid-template-columns:1fr 1fr}.wm-guide-item-grid--compact{grid-template-columns:repeat(3,minmax(0,1fr))}} @media(max-width:650px){.wm-guide-item-stats{grid-template-columns:1fr}.wm-guide-item-grid--compact{grid-template-columns:repeat(2,minmax(0,1fr));padding:0 10px 10px}.wm-guide-item-group>summary{padding:12px 12px}.wm-guide-item-card__body h4{font-size:11px}.wm-guide-item-card__body p{font-size:9px}} /* Info 1.5.8 — Items database / More Info modal */ .wm-guide-layout--items{grid-template-columns:minmax(0,1fr)!important} .wm-guide-layout--items .wm-guide-main{width:100%;min-width:0} .wm-guide-layout--items .wm-guide-subnav-shell{display:none!important} .wm-items-browser{display:block;border:1px solid var(--g-border);border-radius:16px;background:var(--g-surface);overflow:hidden} .wm-items-browser__head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;padding:24px 26px 18px;border-bottom:1px solid var(--g-border)} .wm-items-browser__head small{display:block;color:var(--g-accent);font-size:10px;font-weight:900;letter-spacing:.14em} .wm-items-browser__head h1{margin:4px 0 0;font-size:29px;line-height:1.08;letter-spacing:.01em} .wm-items-browser__head p{margin:8px 0 0;color:var(--g-muted);font-size:10.5px;line-height:1.55} .wm-items-browser__search{display:flex;align-items:center;gap:9px;width:min(300px,100%);height:42px;padding:0 13px;border:1px solid var(--g-border);border-radius:8px;background:var(--g-surface-2)} .wm-items-browser__search svg{width:15px;height:15px;color:var(--g-muted)} .wm-items-browser__search input{width:100%;border:0;outline:0;background:transparent;color:var(--g-text);font:inherit;font-size:10.5px;text-transform:uppercase} .wm-items-browser__groups,.wm-items-browser__subcats{display:flex;align-items:center;gap:4px;overflow-x:auto;scrollbar-width:none} .wm-items-browser__groups::-webkit-scrollbar,.wm-items-browser__subcats::-webkit-scrollbar{display:none} .wm-items-browser__groups{padding:10px 16px 7px;border-bottom:1px solid var(--g-border);background:var(--g-surface-2)} .wm-items-browser__groups a{flex:0 0 auto;padding:9px 13px;border-radius:7px;color:var(--g-muted);font-size:10px;font-weight:900;text-decoration:none;letter-spacing:.03em} .wm-items-browser__groups a.is-active{background:color-mix(in srgb,var(--g-accent) 12%,var(--g-surface));color:var(--g-accent)} .wm-items-browser__subcats{padding:8px 16px 10px;border-bottom:1px solid var(--g-border)} .wm-items-browser__subcats a{flex:0 0 auto;padding:8px 11px;border:1px solid transparent;border-radius:7px;color:var(--g-muted);font-size:9.5px;font-weight:800;text-decoration:none} .wm-items-browser__subcats a.is-active{border-color:color-mix(in srgb,var(--g-accent) 45%,var(--g-border));background:color-mix(in srgb,var(--g-accent) 9%,transparent);color:var(--g-accent)} .wm-items-browser__count{display:flex;align-items:baseline;gap:7px;padding:13px 18px 0;color:var(--g-muted)} .wm-items-browser__count strong{color:var(--g-text);font-size:17px}.wm-items-browser__count span{font-size:9.5px;text-transform:uppercase;letter-spacing:.08em} .wm-items-card-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;padding:14px 18px 20px} .wm-items-card{min-width:0;overflow:hidden;border:1px solid var(--g-border);border-radius:10px;background:var(--g-surface-2);box-shadow:0 5px 14px rgba(0,0,0,.08)} .wm-items-card__title{min-height:43px;display:flex;align-items:center;justify-content:center;padding:8px 9px;border-bottom:1px solid var(--g-border);color:var(--g-text);font-size:10px;font-weight:900;text-align:center;text-transform:uppercase;line-height:1.25} .wm-items-card__main{min-height:108px;display:grid;grid-template-columns:86px minmax(0,1fr);align-items:center;gap:8px;padding:10px 10px} .wm-items-card__image{height:78px;display:grid;place-items:center;border-radius:7px;background:var(--g-surface)} .wm-items-card__image img{display:block;width:auto!important;height:auto!important;max-width:64px!important;max-height:64px!important;object-fit:contain!important;image-rendering:auto!important;filter:none!important} .wm-items-card__image svg{width:25px;height:25px;color:var(--g-muted)} .wm-items-card__stats{display:grid;gap:7px;min-width:0} .wm-items-card__stats span{display:block;color:var(--g-text);font-size:10px;white-space:normal;line-height:1.25} .wm-items-card__stats b{display:inline-block;min-width:70px;color:var(--g-accent);font-size:9.5px;font-weight:900} .wm-items-card__stats span:nth-child(2) b{color:#46e8a1} .wm-items-card__more{width:100%;height:31px;border:0;border-top:1px solid var(--g-border);background:color-mix(in srgb,var(--g-text) 8%,var(--g-surface-2));color:var(--g-accent);font-size:9.5px;font-weight:950;cursor:pointer;letter-spacing:.04em} .wm-items-card__more:hover{background:color-mix(in srgb,var(--g-accent) 12%,var(--g-surface-2))} .wm-items-empty{margin:0 18px 20px;padding:16px;border:1px dashed var(--g-border);border-radius:10px;color:var(--g-muted);text-align:center;font-size:11px} html.wm-item-modal-open{overflow:hidden} .wm-item-modal[hidden]{display:none!important} .wm-item-modal{position:fixed;inset:0;z-index:99999;display:grid;place-items:center;padding:18px} .wm-item-modal__backdrop{position:absolute;inset:0;background:rgba(0,0,0,.72);backdrop-filter:blur(2px)} .wm-item-modal__dialog{position:relative;width:min(1120px,96vw);max-height:92vh;overflow:auto;border:1px solid var(--g-border);border-radius:12px;background:var(--g-surface);box-shadow:0 24px 80px rgba(0,0,0,.55)} .wm-item-modal__dialog>header{position:sticky;top:0;z-index:4;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 20px;border-bottom:1px solid var(--g-border);background:color-mix(in srgb,var(--g-surface) 94%,transparent)} .wm-item-modal__dialog>header h2{margin:0;color:var(--g-accent);font-size:20px;letter-spacing:.02em} .wm-item-modal__dialog>header button{width:36px;height:36px;border:0;background:transparent;color:var(--g-muted);font-size:30px;line-height:1;cursor:pointer} .wm-item-modal__intro{display:grid;grid-template-columns:250px minmax(0,1fr);gap:20px;padding:18px 20px} .wm-item-modal__image,.wm-item-modal__classes{min-height:104px;border:1px solid var(--g-border);border-radius:8px;background:var(--g-surface-2)} .wm-item-modal__image{display:grid;place-items:center}.wm-item-modal__image img{display:block;width:auto!important;height:auto!important;max-width:84px!important;max-height:84px!important;object-fit:contain!important;image-rendering:auto!important;filter:none!important} .wm-item-modal__classes{display:flex;align-items:center;gap:20px;padding:16px 18px}.wm-item-modal__classes>strong{flex:0 0 auto;font-size:11px}.wm-item-modal__classes>div{display:flex;flex-wrap:wrap;gap:7px}.wm-item-modal__classes span{padding:6px 8px;border-radius:7px;background:color-mix(in srgb,var(--g-text) 9%,var(--g-surface));font-size:9px;font-weight:900} .wm-item-modal__tabs{display:flex;justify-content:center;gap:3px;margin:0 20px;padding-top:1px;border:1px solid var(--g-border);background:var(--g-surface-2)} .wm-item-modal__tabs button{min-width:110px;padding:12px 18px;border:0;border-bottom:2px solid transparent;background:transparent;color:var(--g-muted);font-size:11px;font-weight:900;cursor:pointer} .wm-item-modal__tabs button.is-active{border-bottom-color:var(--g-accent);color:var(--g-accent)} .wm-item-modal__table-wrap{margin:14px 20px 20px;overflow:auto;border:1px solid var(--g-border);border-radius:8px} .wm-item-modal table{width:100%;border-collapse:collapse;min-width:780px;background:var(--g-surface-2)} .wm-item-modal th,.wm-item-modal td{padding:10px 9px;border-right:1px solid var(--g-border);border-bottom:1px solid var(--g-border);text-align:center;font-size:10px} .wm-item-modal th{background:color-mix(in srgb,var(--g-text) 5%,var(--g-surface-2));color:var(--g-text);font-weight:950}.wm-item-modal td{color:var(--g-text)} .wm-item-modal tr:last-child td{border-bottom:0}.wm-item-modal th:last-child,.wm-item-modal td:last-child{border-right:0} @media(max-width:1180px){.wm-items-card-grid{grid-template-columns:repeat(4,minmax(0,1fr))}} @media(max-width:900px){.wm-items-browser__head{align-items:stretch;flex-direction:column}.wm-items-browser__search{width:100%}.wm-items-card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.wm-item-modal__intro{grid-template-columns:180px minmax(0,1fr)}} @media(max-width:650px){.wm-items-browser{border-radius:10px}.wm-items-browser__head{padding:18px 14px 14px}.wm-items-browser__head h1{font-size:23px}.wm-items-browser__groups,.wm-items-browser__subcats{padding-left:10px;padding-right:10px}.wm-items-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:10px}.wm-items-card__main{grid-template-columns:64px minmax(0,1fr);min-height:94px;padding:8px}.wm-items-card__image{height:64px}.wm-items-card__image img{max-width:52px!important;max-height:52px!important}.wm-items-card__stats b{min-width:0;display:block}.wm-item-modal{padding:6px}.wm-item-modal__dialog{width:99vw;max-height:96vh}.wm-item-modal__intro{grid-template-columns:1fr}.wm-item-modal__image{min-height:110px}.wm-item-modal__classes{align-items:flex-start;flex-direction:column;gap:10px}.wm-item-modal__tabs{margin:0 8px}.wm-item-modal__table-wrap{margin:10px 8px 14px}} /* Info 1.5.9 — Items readability + theme isolation */ /* Cards: larger text/numbers, same button shape on every theme. */ .wm-guide .wm-items-card__title{ min-height:48px; padding:10px 10px; font-size:12.5px; line-height:1.25; } .wm-guide .wm-items-card__main{ min-height:116px; grid-template-columns:88px minmax(0,1fr); gap:11px; padding:11px 11px; } .wm-guide .wm-items-card__stats{gap:8px} .wm-guide .wm-items-card__stats span{ font-size:12px; line-height:1.3; } .wm-guide .wm-items-card__stats b{ min-width:76px; font-size:11px; line-height:1.3; } .wm-guide .wm-items-card__more{ -webkit-appearance:none!important; appearance:none!important; display:flex!important; align-items:center!important; justify-content:center!important; width:100%!important; height:36px!important; margin:0!important; padding:0 10px!important; border:0!important; border-top:1px solid var(--g-border)!important; border-radius:0 0 10px 10px!important; box-shadow:none!important; text-shadow:none!important; background:#eef2f7!important; color:var(--g-accent)!important; font-family:inherit!important; font-size:11.5px!important; font-weight:950!important; line-height:1!important; letter-spacing:.04em!important; text-transform:uppercase!important; cursor:pointer!important; } .wm-guide .wm-items-card__more:hover{ background:#e4eaf1!important; color:var(--g-accent)!important; } .wm-guide[data-scheme="dark"] .wm-items-card__more, html[data-theme="dark"] .wm-guide .wm-items-card__more, body.theme-dark .wm-guide .wm-items-card__more, .dark .wm-guide .wm-items-card__more, [data-wm-theme="dark"] .wm-guide .wm-items-card__more, [data-bs-theme="dark"] .wm-guide .wm-items-card__more, .wm-guide[data-guide-palette-fix="dark"] .wm-items-card__more{ background:#262a30!important; color:var(--g-accent)!important; } .wm-guide[data-scheme="dark"] .wm-items-card__more:hover, html[data-theme="dark"] .wm-guide .wm-items-card__more:hover, body.theme-dark .wm-guide .wm-items-card__more:hover, .dark .wm-guide .wm-items-card__more:hover, [data-wm-theme="dark"] .wm-guide .wm-items-card__more:hover, [data-bs-theme="dark"] .wm-guide .wm-items-card__more:hover, .wm-guide[data-guide-palette-fix="dark"] .wm-items-card__more:hover{ background:#30353c!important; } /* Modal: force real opaque surfaces so transparent theme tokens cannot bleed through. */ .wm-guide .wm-item-modal__backdrop{ background:rgba(0,0,0,.82)!important; backdrop-filter:blur(4px)!important; -webkit-backdrop-filter:blur(4px)!important; } .wm-guide .wm-item-modal__dialog{ background:#ffffff!important; border-color:#d9e1ea!important; box-shadow:0 28px 90px rgba(0,0,0,.62)!important; isolation:isolate; } .wm-guide .wm-item-modal__dialog>header{ background:#ffffff!important; border-color:#d9e1ea!important; backdrop-filter:none!important; -webkit-backdrop-filter:none!important; } .wm-guide .wm-item-modal__image, .wm-guide .wm-item-modal__classes, .wm-guide .wm-item-modal__tabs, .wm-guide .wm-item-modal table{ background:#f6f8fb!important; } .wm-guide .wm-item-modal th{ background:#edf1f5!important; } .wm-guide .wm-item-modal td{ background:#f6f8fb!important; } .wm-guide[data-scheme="dark"] .wm-item-modal__dialog, html[data-theme="dark"] .wm-guide .wm-item-modal__dialog, body.theme-dark .wm-guide .wm-item-modal__dialog, .dark .wm-guide .wm-item-modal__dialog, [data-wm-theme="dark"] .wm-guide .wm-item-modal__dialog, [data-bs-theme="dark"] .wm-guide .wm-item-modal__dialog, .wm-guide[data-guide-palette-fix="dark"] .wm-item-modal__dialog{ background:#171a1f!important; border-color:#3a4048!important; } .wm-guide[data-scheme="dark"] .wm-item-modal__dialog>header, html[data-theme="dark"] .wm-guide .wm-item-modal__dialog>header, body.theme-dark .wm-guide .wm-item-modal__dialog>header, .dark .wm-guide .wm-item-modal__dialog>header, [data-wm-theme="dark"] .wm-guide .wm-item-modal__dialog>header, [data-bs-theme="dark"] .wm-guide .wm-item-modal__dialog>header, .wm-guide[data-guide-palette-fix="dark"] .wm-item-modal__dialog>header{ background:#171a1f!important; border-color:#3a4048!important; } .wm-guide[data-scheme="dark"] .wm-item-modal__image, .wm-guide[data-scheme="dark"] .wm-item-modal__classes, .wm-guide[data-scheme="dark"] .wm-item-modal__tabs, .wm-guide[data-scheme="dark"] .wm-item-modal table, html[data-theme="dark"] .wm-guide .wm-item-modal__image, html[data-theme="dark"] .wm-guide .wm-item-modal__classes, html[data-theme="dark"] .wm-guide .wm-item-modal__tabs, html[data-theme="dark"] .wm-guide .wm-item-modal table, body.theme-dark .wm-guide .wm-item-modal__image, body.theme-dark .wm-guide .wm-item-modal__classes, body.theme-dark .wm-guide .wm-item-modal__tabs, body.theme-dark .wm-guide .wm-item-modal table, .dark .wm-guide .wm-item-modal__image, .dark .wm-guide .wm-item-modal__classes, .dark .wm-guide .wm-item-modal__tabs, .dark .wm-guide .wm-item-modal table, [data-wm-theme="dark"] .wm-guide .wm-item-modal__image, [data-wm-theme="dark"] .wm-guide .wm-item-modal__classes, [data-wm-theme="dark"] .wm-guide .wm-item-modal__tabs, [data-wm-theme="dark"] .wm-guide .wm-item-modal table, [data-bs-theme="dark"] .wm-guide .wm-item-modal__image, [data-bs-theme="dark"] .wm-guide .wm-item-modal__classes, [data-bs-theme="dark"] .wm-guide .wm-item-modal__tabs, [data-bs-theme="dark"] .wm-guide .wm-item-modal table, .wm-guide[data-guide-palette-fix="dark"] .wm-item-modal__image, .wm-guide[data-guide-palette-fix="dark"] .wm-item-modal__classes, .wm-guide[data-guide-palette-fix="dark"] .wm-item-modal__tabs, .wm-guide[data-guide-palette-fix="dark"] .wm-item-modal table{ background:#20242a!important; border-color:#3a4048!important; } .wm-guide[data-scheme="dark"] .wm-item-modal th, html[data-theme="dark"] .wm-guide .wm-item-modal th, body.theme-dark .wm-guide .wm-item-modal th, .dark .wm-guide .wm-item-modal th, [data-wm-theme="dark"] .wm-guide .wm-item-modal th, [data-bs-theme="dark"] .wm-guide .wm-item-modal th, .wm-guide[data-guide-palette-fix="dark"] .wm-item-modal th{ background:#252a31!important; border-color:#3a4048!important; } .wm-guide[data-scheme="dark"] .wm-item-modal td, html[data-theme="dark"] .wm-guide .wm-item-modal td, body.theme-dark .wm-guide .wm-item-modal td, .dark .wm-guide .wm-item-modal td, [data-wm-theme="dark"] .wm-guide .wm-item-modal td, [data-bs-theme="dark"] .wm-guide .wm-item-modal td, .wm-guide[data-guide-palette-fix="dark"] .wm-item-modal td{ background:#20242a!important; border-color:#3a4048!important; } /* Modal readability. */ .wm-guide .wm-item-modal__dialog>header h2{font-size:23px!important} .wm-guide .wm-item-modal__classes>strong{font-size:13px!important} .wm-guide .wm-item-modal__classes span{font-size:11px!important;padding:7px 9px!important} .wm-guide .wm-item-modal__tabs button{font-size:13px!important;padding:13px 20px!important} .wm-guide .wm-item-modal th, .wm-guide .wm-item-modal td{ padding:11px 10px!important; font-size:12px!important; line-height:1.35!important; } .wm-guide .wm-item-modal th{font-size:12px!important} @media(max-width:650px){ .wm-guide .wm-items-card__title{font-size:11.5px} .wm-guide .wm-items-card__stats span{font-size:11px} .wm-guide .wm-items-card__stats b{font-size:10.5px} .wm-guide .wm-item-modal th,.wm-guide .wm-item-modal td{font-size:11px!important} } /* Info 1.5.10 — Item cards / modal closer to GuideMU + sharper supplied item assets */ .wm-guide .wm-items-card-grid{ grid-template-columns:repeat(5,minmax(0,1fr)); gap:14px!important; padding:16px 18px 22px!important; } .wm-guide .wm-items-card{ border-radius:10px!important; overflow:hidden!important; border:1px solid var(--g-border)!important; background:var(--g-surface-2)!important; box-shadow:0 4px 12px rgba(0,0,0,.12)!important; } .wm-guide .wm-items-card__title{ min-height:48px!important; padding:10px 12px!important; border-bottom:0!important; color:var(--g-accent)!important; font-size:13px!important; font-weight:950!important; line-height:1.2!important; letter-spacing:.015em!important; } .wm-guide .wm-items-card__main{ min-height:112px!important; grid-template-columns:96px minmax(0,1fr)!important; gap:12px!important; padding:8px 12px 12px!important; } .wm-guide .wm-items-card__image{ width:96px!important; height:84px!important; min-width:96px!important; border-radius:8px!important; background:color-mix(in srgb,var(--g-text) 4%,var(--g-surface))!important; overflow:hidden!important; } .wm-guide .wm-items-card__image img{ width:auto!important; height:auto!important; max-width:88px!important; max-height:76px!important; object-fit:contain!important; image-rendering:auto!important; filter:none!important; transform:none!important; opacity:1!important; } .wm-guide .wm-items-card__stats{gap:9px!important} .wm-guide .wm-items-card__stats span{ display:grid!important; grid-template-columns:minmax(72px,auto) 1fr!important; align-items:center!important; gap:6px!important; color:var(--g-text)!important; font-size:12.5px!important; font-weight:800!important; line-height:1.25!important; } .wm-guide .wm-items-card__stats b{ min-width:0!important; color:#2f8cff!important; font-size:12px!important; font-weight:950!important; } .wm-guide .wm-items-card__stats span:nth-child(2) b{color:#20df8f!important} .wm-guide .wm-items-card__more{ height:35px!important; border-radius:0 0 10px 10px!important; font-size:12px!important; font-weight:950!important; letter-spacing:.025em!important; } /* More Info dialog: same visual hierarchy as the reference. */ .wm-guide .wm-item-modal{padding:20px!important} .wm-guide .wm-item-modal__backdrop{ background:rgba(0,0,0,.86)!important; backdrop-filter:blur(3px)!important; -webkit-backdrop-filter:blur(3px)!important; } .wm-guide .wm-item-modal__dialog{ width:min(1160px,96vw)!important; max-height:94vh!important; border-radius:10px!important; overflow:auto!important; } .wm-guide .wm-item-modal__dialog>header{ min-height:68px!important; padding:16px 20px!important; } .wm-guide .wm-item-modal__dialog>header h2{ color:var(--g-accent)!important; font-size:22px!important; font-weight:900!important; text-transform:uppercase!important; } .wm-guide .wm-item-modal__intro{ grid-template-columns:260px minmax(0,1fr)!important; gap:18px!important; padding:16px 20px 14px!important; } .wm-guide .wm-item-modal__image, .wm-guide .wm-item-modal__classes{ min-height:104px!important; border-radius:7px!important; } .wm-guide .wm-item-modal__image img{ width:auto!important; height:auto!important; max-width:118px!important; max-height:92px!important; object-fit:contain!important; image-rendering:auto!important; filter:none!important; opacity:1!important; } .wm-guide .wm-item-modal__classes{ padding:16px 18px!important; } .wm-guide .wm-item-modal__classes>strong{ font-size:13px!important; font-weight:900!important; } .wm-guide .wm-item-modal__classes span{ padding:7px 10px!important; border-radius:7px!important; font-size:11.5px!important; font-weight:900!important; } .wm-guide .wm-item-modal__tabs{ min-height:46px!important; align-items:flex-end!important; margin:0 20px!important; border-radius:0!important; } .wm-guide .wm-item-modal__tabs button{ min-width:120px!important; padding:13px 18px 11px!important; font-size:13px!important; font-weight:900!important; } .wm-guide .wm-item-modal__table-wrap{ margin:14px 20px 20px!important; border-radius:0!important; } .wm-guide .wm-item-modal table{min-width:840px!important} .wm-guide .wm-item-modal th, .wm-guide .wm-item-modal td{ padding:11px 10px!important; font-size:12.5px!important; font-weight:800!important; } .wm-guide .wm-item-modal th{ font-size:12px!important; font-weight:950!important; text-transform:uppercase!important; } /* Never apply browser pixel-art enlargement to the guide item database. */ .wm-guide-layout--items img, .wm-guide .wm-items-card img, .wm-guide .wm-item-modal img{ image-rendering:auto!important; -ms-interpolation-mode:bicubic; } @media(max-width:1260px){.wm-guide .wm-items-card-grid{grid-template-columns:repeat(4,minmax(0,1fr))}} @media(max-width:980px){ .wm-guide .wm-items-card-grid{grid-template-columns:repeat(3,minmax(0,1fr))} .wm-guide .wm-item-modal__intro{grid-template-columns:190px minmax(0,1fr)!important} } @media(max-width:680px){ .wm-guide .wm-items-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px!important;padding:10px!important} .wm-guide .wm-items-card__title{font-size:11.5px!important;min-height:44px!important} .wm-guide .wm-items-card__main{grid-template-columns:72px minmax(0,1fr)!important;min-height:96px!important;padding:7px!important} .wm-guide .wm-items-card__image{width:72px!important;min-width:72px!important;height:68px!important} .wm-guide .wm-items-card__image img{max-width:64px!important;max-height:60px!important} .wm-guide .wm-items-card__stats span{grid-template-columns:1fr!important;font-size:10.5px!important;gap:2px!important} .wm-guide .wm-items-card__stats b{font-size:10px!important} .wm-guide .wm-item-modal{padding:5px!important} .wm-guide .wm-item-modal__dialog{width:99vw!important;max-height:97vh!important} .wm-guide .wm-item-modal__intro{grid-template-columns:1fr!important;padding:12px 10px!important} .wm-guide .wm-item-modal__tabs{margin:0 8px!important} .wm-guide .wm-item-modal__table-wrap{margin:10px 8px 14px!important} } /* Info 1.5.11 — item classification + tabs navigation + card stat alignment */ .wm-guide .wm-items-card__stats span{ display:flex!important; align-items:center!important; justify-content:space-between!important; gap:10px!important; min-width:0!important; white-space:nowrap!important; word-break:normal!important; overflow-wrap:normal!important; } .wm-guide .wm-items-card__stats b{ flex:0 0 auto!important; min-width:0!important; white-space:nowrap!important; } .wm-guide .wm-items-card__stats em{ display:block!important; flex:1 1 auto!important; min-width:48px!important; color:var(--g-text)!important; font-style:normal!important; font-size:12.5px!important; font-weight:950!important; text-align:right!important; white-space:nowrap!important; word-break:normal!important; overflow-wrap:normal!important; } .wm-guide .wm-items-browser__subcats-shell{ display:grid!important; grid-template-columns:42px minmax(0,1fr) 42px!important; align-items:stretch!important; border-bottom:1px solid var(--g-border)!important; background:var(--g-surface)!important; } .wm-guide .wm-items-browser__subcats{ min-width:0!important; padding:8px 8px 10px!important; border-bottom:0!important; scroll-behavior:smooth!important; overscroll-behavior-inline:contain!important; cursor:grab!important; touch-action:pan-x!important; } .wm-guide .wm-items-browser__subcats.is-dragging{cursor:grabbing!important;user-select:none!important} .wm-guide .wm-items-browser__tab-arrow{ display:grid!important; place-items:center!important; width:42px!important; min-width:42px!important; padding:0!important; border:0!important; border-right:1px solid var(--g-border)!important; border-radius:0!important; background:color-mix(in srgb,var(--g-accent) 5%,var(--g-surface-2))!important; color:var(--g-accent)!important; cursor:pointer!important; } .wm-guide .wm-items-browser__tab-arrow--next{border-right:0!important;border-left:1px solid var(--g-border)!important} .wm-guide .wm-items-browser__tab-arrow svg{width:17px!important;height:17px!important} .wm-guide .wm-items-browser__tab-arrow--prev svg{transform:rotate(180deg)!important} .wm-guide .wm-items-browser__tab-arrow:disabled{opacity:.28!important;cursor:default!important} .wm-guide .wm-items-browser__subcats-shell:not(.has-overflow) .wm-items-browser__tab-arrow{opacity:.25!important} @media(max-width:680px){ .wm-guide .wm-items-card__stats span{display:flex!important;font-size:10.5px!important;gap:5px!important} .wm-guide .wm-items-card__stats em{min-width:34px!important;font-size:10.5px!important} .wm-guide .wm-items-browser__subcats-shell{grid-template-columns:36px minmax(0,1fr) 36px!important} .wm-guide .wm-items-browser__tab-arrow{width:36px!important;min-width:36px!important} } .wm-guide .wm-items-browser__subcats-shell:not(.has-overflow){grid-template-columns:minmax(0,1fr)!important} .wm-guide .wm-items-browser__subcats-shell:not(.has-overflow) .wm-items-browser__tab-arrow{display:none!important} /* Info 1.5.12 — card numbers never clip */ .wm-guide .wm-items-card__main{ grid-template-columns:68px minmax(0,1fr)!important; gap:8px!important; padding:10px 9px!important; } .wm-guide .wm-items-card__image{ width:68px!important; height:72px!important; min-width:68px!important; } .wm-guide .wm-items-card__image img{ max-width:58px!important; max-height:58px!important; } .wm-guide .wm-items-card__stats{ width:100%!important; min-width:0!important; gap:7px!important; } .wm-guide .wm-items-card__stats span{ display:grid!important; grid-template-columns:minmax(62px,1fr) max-content!important; align-items:center!important; column-gap:7px!important; width:100%!important; min-width:0!important; overflow:visible!important; white-space:nowrap!important; } .wm-guide .wm-items-card__stats b{ display:block!important; min-width:0!important; width:auto!important; font-size:10.5px!important; line-height:1!important; white-space:nowrap!important; overflow:visible!important; } .wm-guide .wm-items-card__stats em{ display:block!important; min-width:28px!important; width:auto!important; margin:0!important; padding:0!important; color:var(--g-text)!important; font-size:12px!important; font-weight:950!important; line-height:1!important; text-align:right!important; white-space:nowrap!important; overflow:visible!important; } @media(max-width:1100px){ .wm-guide .wm-items-card-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important} } @media(max-width:780px){ .wm-guide .wm-items-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important} } @media(max-width:480px){ .wm-guide .wm-items-card-grid{grid-template-columns:1fr!important} } /* Info 1.5.13 — restore item image size without clipping stats */ .wm-guide .wm-items-card__main{ grid-template-columns:86px minmax(0,1fr)!important; gap:9px!important; min-height:112px!important; padding:9px 10px 11px!important; } .wm-guide .wm-items-card__image{ width:86px!important; min-width:86px!important; height:84px!important; border-radius:8px!important; } .wm-guide .wm-items-card__image img{ width:auto!important; height:auto!important; max-width:78px!important; max-height:76px!important; object-fit:contain!important; image-rendering:auto!important; transform:none!important; } .wm-guide .wm-items-card__stats{ min-width:0!important; width:100%!important; gap:8px!important; } .wm-guide .wm-items-card__stats span{ display:grid!important; grid-template-columns:minmax(54px,1fr) max-content!important; align-items:center!important; gap:5px!important; width:100%!important; min-width:0!important; white-space:nowrap!important; } .wm-guide .wm-items-card__stats b{ min-width:0!important; font-size:10.5px!important; line-height:1.05!important; white-space:nowrap!important; } .wm-guide .wm-items-card__stats em{ min-width:24px!important; font-size:12px!important; line-height:1.05!important; text-align:right!important; white-space:nowrap!important; } /* Item category tabs: always keep a real horizontal track */ .wm-guide .wm-items-browser__subcats-shell{ display:grid!important; grid-template-columns:42px minmax(0,1fr) 42px!important; min-width:0!important; } .wm-guide .wm-items-browser__subcats-shell:not(.has-overflow){ grid-template-columns:42px minmax(0,1fr) 42px!important; } .wm-guide .wm-items-browser__subcats-shell:not(.has-overflow) .wm-items-browser__tab-arrow{ display:grid!important; opacity:.32!important; } .wm-guide .wm-items-browser__subcats{ display:flex!important; flex-wrap:nowrap!important; min-width:0!important; width:100%!important; overflow-x:auto!important; overflow-y:hidden!important; scroll-behavior:smooth!important; scrollbar-width:none!important; -webkit-overflow-scrolling:touch!important; } .wm-guide .wm-items-browser__subcats::-webkit-scrollbar{display:none!important} .wm-guide .wm-items-browser__subcats a{ flex:0 0 auto!important; white-space:nowrap!important; } .wm-guide .wm-items-browser__tab-arrow{ position:relative!important; z-index:3!important; pointer-events:auto!important; } @media(max-width:680px){ .wm-guide .wm-items-card__main{grid-template-columns:76px minmax(0,1fr)!important;gap:7px!important;padding:8px!important} .wm-guide .wm-items-card__image{width:76px!important;min-width:76px!important;height:72px!important} .wm-guide .wm-items-card__image img{max-width:68px!important;max-height:66px!important} .wm-guide .wm-items-card__stats span{grid-template-columns:minmax(50px,1fr) max-content!important;gap:4px!important} } /* Info 1.5.14 — item images visibly larger + category tabs hard-fix */ .wm-guide .wm-items-card__main{ grid-template-columns:104px minmax(0,1fr)!important; gap:10px!important; min-height:126px!important; padding:10px 11px 12px!important; } .wm-guide .wm-items-card__image{ width:104px!important; min-width:104px!important; height:100px!important; min-height:100px!important; padding:2px!important; overflow:visible!important; } .wm-guide .wm-items-card__image img{ display:block!important; width:auto!important; height:auto!important; max-width:98px!important; max-height:94px!important; object-fit:contain!important; image-rendering:auto!important; transform:none!important; } .wm-guide .wm-items-card__stats span{ grid-template-columns:minmax(58px,1fr) max-content!important; column-gap:5px!important; } .wm-guide .wm-items-card__stats b{font-size:10.5px!important} .wm-guide .wm-items-card__stats em{font-size:12.5px!important;min-width:24px!important} /* tabs remain clickable above any theme overlay */ .wm-guide .wm-items-browser__groups, .wm-guide .wm-items-browser__subcats-shell, .wm-guide .wm-items-browser__subcats{ position:relative!important; z-index:6!important; pointer-events:auto!important; } .wm-guide .wm-items-browser__groups a, .wm-guide .wm-items-browser__subcats a{ position:relative!important; z-index:7!important; pointer-events:auto!important; cursor:pointer!important; } @media(max-width:680px){ .wm-guide .wm-items-card__main{grid-template-columns:84px minmax(0,1fr)!important;min-height:108px!important;padding:8px!important} .wm-guide .wm-items-card__image{width:84px!important;min-width:84px!important;height:82px!important;min-height:82px!important} .wm-guide .wm-items-card__image img{max-width:78px!important;max-height:76px!important} } /* Info 1.5.16 — final items browser normalization - one uniform preview size for all item categories - 4 cards on desktop to avoid clipped values - no oversized/pixelated special item previews */ .wm-guide .wm-items-card-grid{ grid-template-columns:repeat(4,minmax(0,1fr))!important; gap:14px!important; padding:14px 18px 20px!important; } .wm-guide .wm-items-card__title{ min-height:46px!important; padding:10px 12px 8px!important; font-size:12.5px!important; line-height:1.18!important; } .wm-guide .wm-items-card__main{ grid-template-columns:78px minmax(0,1fr)!important; gap:10px!important; min-height:108px!important; padding:10px 11px 11px!important; } .wm-guide .wm-items-card__image{ width:78px!important; min-width:78px!important; height:74px!important; min-height:74px!important; padding:2px!important; border-radius:8px!important; overflow:hidden!important; } .wm-guide .wm-items-card__image img{ display:block!important; width:auto!important; height:auto!important; max-width:58px!important; max-height:58px!important; object-fit:contain!important; image-rendering:auto!important; transform:none!important; } .wm-guide .wm-items-card__stats{ width:100%!important; min-width:0!important; gap:8px!important; } .wm-guide .wm-items-card__stats span{ display:grid!important; grid-template-columns:minmax(68px,1fr) max-content!important; align-items:center!important; gap:8px!important; width:100%!important; min-width:0!important; white-space:nowrap!important; } .wm-guide .wm-items-card__stats b{ font-size:11px!important; line-height:1.05!important; } .wm-guide .wm-items-card__stats em{ min-width:34px!important; font-size:12.5px!important; line-height:1.05!important; text-align:right!important; } .wm-guide .wm-items-card__more{ height:33px!important; font-size:11.5px!important; } @media(max-width:1180px){ .wm-guide .wm-items-card-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important} } @media(max-width:760px){ .wm-guide .wm-items-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;padding:10px!important} .wm-guide .wm-items-card__main{grid-template-columns:72px minmax(0,1fr)!important;gap:8px!important;padding:8px!important;min-height:96px!important} .wm-guide .wm-items-card__image{width:72px!important;min-width:72px!important;height:68px!important;min-height:68px!important} .wm-guide .wm-items-card__image img{max-width:54px!important;max-height:54px!important} .wm-guide .wm-items-card__stats span{grid-template-columns:minmax(62px,1fr) max-content!important;gap:6px!important} .wm-guide .wm-items-card__stats b{font-size:10.5px!important} .wm-guide .wm-items-card__stats em{min-width:30px!important;font-size:11.5px!important} } @media(max-width:460px){ .wm-guide .wm-items-card-grid{grid-template-columns:1fr!important} } /* Info 1.5.17 — normalized item thumbnails + strict category layout */ .wm-guide .wm-items-card-grid{ grid-template-columns:repeat(4,minmax(0,1fr))!important; gap:14px!important; padding:14px 18px 22px!important; } .wm-guide .wm-items-card{ display:flex!important; flex-direction:column!important; min-width:0!important; min-height:188px!important; overflow:hidden!important; } .wm-guide .wm-items-card__title{ min-height:48px!important; display:flex!important; align-items:center!important; justify-content:center!important; padding:9px 12px!important; font-size:12.5px!important; line-height:1.18!important; } .wm-guide .wm-items-card__main{ flex:1 1 auto!important; display:grid!important; grid-template-columns:92px minmax(0,1fr)!important; align-items:center!important; gap:12px!important; min-height:108px!important; padding:10px 12px!important; } .wm-guide .wm-items-card__image{ width:92px!important; min-width:92px!important; height:92px!important; min-height:92px!important; display:grid!important; place-items:center!important; padding:0!important; overflow:hidden!important; border-radius:8px!important; } .wm-guide .wm-items-card__image img{ display:block!important; width:82px!important; height:82px!important; max-width:82px!important; max-height:82px!important; object-fit:contain!important; object-position:center!important; image-rendering:auto!important; transform:none!important; filter:none!important; } .wm-guide .wm-items-card__stats{ min-width:0!important; width:100%!important; display:grid!important; gap:9px!important; } .wm-guide .wm-items-card__stats span{ display:grid!important; grid-template-columns:minmax(72px,1fr) max-content!important; align-items:center!important; gap:8px!important; min-width:0!important; width:100%!important; white-space:nowrap!important; } .wm-guide .wm-items-card__stats b{ min-width:0!important; font-size:11px!important; line-height:1!important; white-space:nowrap!important; } .wm-guide .wm-items-card__stats em{ min-width:40px!important; font-size:12.5px!important; line-height:1!important; text-align:right!important; white-space:nowrap!important; } .wm-guide .wm-items-card__more{ flex:0 0 34px!important; height:34px!important; min-height:34px!important; font-size:11.5px!important; } .wm-guide .wm-item-modal__image img{ width:96px!important; height:96px!important; max-width:96px!important; max-height:96px!important; object-fit:contain!important; image-rendering:auto!important; } @media(max-width:1180px){ .wm-guide .wm-items-card-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important} } @media(max-width:780px){ .wm-guide .wm-items-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;padding:10px!important} .wm-guide .wm-items-card__main{grid-template-columns:78px minmax(0,1fr)!important;gap:8px!important;padding:8px!important} .wm-guide .wm-items-card__image{width:78px!important;min-width:78px!important;height:78px!important;min-height:78px!important} .wm-guide .wm-items-card__image img{width:70px!important;height:70px!important;max-width:70px!important;max-height:70px!important} .wm-guide .wm-items-card__stats span{grid-template-columns:minmax(62px,1fr) max-content!important;gap:5px!important} } @media(max-width:480px){ .wm-guide .wm-items-card-grid{grid-template-columns:1fr!important} } /* ===================================================================== INFO 1.5.18 — Eventos completos + lenguaje visual uniforme con Items - Todos los eventos consumen page_sections del catálogo. - Botones, tabs, textos y cards usan la misma escala compacta de Items. - Imágenes normalizadas con object-fit: contain para evitar recortes/pixelado. ===================================================================== */ .wm-guide-layout--events .wm-guide-subnav{ min-height:50px!important; gap:4px!important; padding:8px 16px 10px!important; border-radius:10px!important; background:var(--g-surface)!important; } .wm-guide-layout--events .wm-guide-subnav a{ flex:0 0 auto!important; min-height:34px!important; padding:8px 11px!important; border:1px solid transparent!important; border-radius:7px!important; background:transparent!important; color:var(--g-muted)!important; font-size:9.5px!important; line-height:1.15!important; font-weight:800!important; } .wm-guide-layout--events .wm-guide-subnav a.is-active, .wm-guide-layout--events .wm-guide-subnav a:hover{ border-color:color-mix(in srgb,var(--g-accent) 45%,var(--g-border))!important; background:color-mix(in srgb,var(--g-accent) 9%,transparent)!important; color:var(--g-accent)!important; } .wm-guide-layout--events .wm-event-page-head-v2{ padding:20px 22px 17px!important; border-radius:10px 10px 0 0!important; } .wm-guide-layout--events .wm-event-page-head-v2>small{font-size:9px!important} .wm-guide-layout--events .wm-event-page-head-v2 h1{font-size:30px!important} .wm-guide-layout--events .wm-event-page-head-v2 p{font-size:12px!important;line-height:1.65!important} /* Los 4 accesos internos siguen la misma escala de los sub-tabs de Items. */ .wm-guide-layout--events .wm-event-jumpbar{ display:flex!important; flex-wrap:wrap!important; gap:4px!important; margin:0 0 14px!important; padding:8px!important; border:1px solid var(--g-border)!important; border-radius:10px!important; background:var(--g-surface)!important; } .wm-guide-layout--events .wm-event-jumpbar a{ flex:0 0 auto!important; min-height:34px!important; padding:8px 11px!important; border:1px solid transparent!important; border-radius:7px!important; background:var(--g-surface-2)!important; color:var(--g-muted)!important; font-size:9.5px!important; line-height:1.15!important; font-weight:800!important; letter-spacing:0!important; text-transform:none!important; } .wm-guide-layout--events .wm-event-jumpbar a:hover{ border-color:color-mix(in srgb,var(--g-accent) 45%,var(--g-border))!important; background:color-mix(in srgb,var(--g-accent) 9%,transparent)!important; color:var(--g-accent)!important; } .wm-guide-layout--events .wm-event-intro-v2{ grid-template-columns:minmax(260px,34%) minmax(0,1fr)!important; gap:16px!important; padding:0 0 22px!important; } .wm-guide-layout--events .wm-event-intro-v2__media{min-height:280px!important;border-radius:10px!important} .wm-guide-layout--events .wm-event-intro-v2__image{min-height:280px!important} .wm-guide-layout--events .wm-event-intro-v2__image img{ width:100%!important; height:280px!important; max-width:100%!important; max-height:280px!important; padding:12px!important; object-fit:contain!important; object-position:center!important; image-rendering:auto!important; } .wm-guide-layout--events .wm-event-intro-v2__copy>small{font-size:9px!important} .wm-guide-layout--events .wm-event-intro-v2__copy h2{font-size:22px!important;margin:5px 0 11px!important} .wm-guide-layout--events .wm-event-intro-v2__copy p{font-size:12px!important;line-height:1.68!important;margin-bottom:9px!important} .wm-guide-layout--events .wm-event-mission{padding:11px 13px!important} .wm-guide-layout--events .wm-event-mission span{font-size:8px!important} .wm-guide-layout--events .wm-event-mission strong{font-size:11px!important;line-height:1.5!important} .wm-guide-layout--events .wm-event-section-v2{padding:22px 0!important} .wm-guide-layout--events .wm-event-section-head{margin-bottom:13px!important;padding-bottom:7px!important} .wm-guide-layout--events .wm-event-section-head span{ min-height:30px!important; padding:7px 11px!important; border-radius:7px 7px 0 0!important; font-size:9px!important; } .wm-guide-layout--events .wm-event-section-head h3{font-size:15px!important;margin-bottom:3px!important} .wm-guide-layout--events .wm-event-copy p, .wm-guide-layout--events .wm-event-feature__copy p{font-size:11.5px!important;line-height:1.7!important} /* Cards: tamaño visual estable como en Items, sin imágenes gigantes. */ .wm-guide-layout--events .wm-event-gallery{ grid-template-columns:repeat(3,minmax(0,1fr))!important; gap:12px!important; } .wm-guide-layout--events .wm-event-media-card{border-radius:10px!important} .wm-guide-layout--events .wm-event-media-card__image{ height:184px!important; min-height:184px!important; border-radius:0!important; } .wm-guide-layout--events .wm-event-media-card__image img{ width:100%!important; height:100%!important; max-width:100%!important; max-height:100%!important; padding:14px!important; object-fit:contain!important; object-position:center!important; image-rendering:auto!important; transform:none!important; } .wm-guide-layout--events .wm-event-media-card--portrait .wm-event-media-card__image, .wm-guide-layout--events .wm-event-media-card--monster .wm-event-media-card__image{height:205px!important;min-height:205px!important} .wm-guide-layout--events .wm-event-media-card--wide .wm-event-media-card__image{height:195px!important;min-height:195px!important} .wm-guide-layout--events .wm-event-media-card--wide .wm-event-media-card__image img{padding:8px!important} .wm-guide-layout--events .wm-event-media-card--item .wm-event-media-card__image, .wm-guide-layout--events .wm-event-media-card--skill .wm-event-media-card__image{height:160px!important;min-height:160px!important} .wm-guide-layout--events .wm-event-media-card--item .wm-event-media-card__image img, .wm-guide-layout--events .wm-event-media-card--skill .wm-event-media-card__image img{padding:20px!important} .wm-guide-layout--events .wm-event-media-card__body{padding:10px 12px 12px!important;min-height:58px!important} .wm-guide-layout--events .wm-event-media-card__body strong{font-size:11.5px!important} .wm-guide-layout--events .wm-event-media-card__body p{font-size:9.5px!important;line-height:1.45!important} .wm-guide-layout--events .wm-event-media-card__facts span{font-size:8px!important} .wm-guide-layout--events .wm-event-feature{grid-template-columns:minmax(220px,300px) minmax(0,1fr)!important;gap:14px!important} .wm-guide-layout--events .wm-event-feature__media{min-height:235px!important;border-radius:10px!important} .wm-guide-layout--events .wm-event-feature__image{min-height:190px!important} .wm-guide-layout--events .wm-event-feature__image img{height:200px!important;padding:12px!important;object-fit:contain!important} .wm-guide-layout--events .wm-event-feature__media>strong{font-size:10.5px!important} .wm-guide-layout--events .wm-event-feature__copy{padding:12px 14px!important;border-radius:10px!important} .wm-guide-layout--events .wm-event-feature__facts span, .wm-guide-layout--events .wm-event-reward-facts span, .wm-guide-layout--events .wm-event-time-list span{font-size:9px!important;padding:6px 9px!important} .wm-guide-layout--events .wm-event-steps-v2{gap:7px!important} .wm-guide-layout--events .wm-event-steps-v2 li{grid-template-columns:34px minmax(0,1fr)!important;min-height:42px!important;border-radius:8px!important} .wm-guide-layout--events .wm-event-steps-v2 li:before{font-size:11px!important} .wm-guide-layout--events .wm-event-steps-v2 li span{padding:9px 11px!important;font-size:10.5px!important;line-height:1.5!important} .wm-guide-layout--events .wm-event-server-row, .wm-guide-layout--events .wm-event-server-rewards article, .wm-guide-layout--events .wm-event-rules-v2 li, .wm-guide-layout--events .wm-event-quests-v2 article, .wm-guide-layout--events .wm-event-accordion-v2__item{border-radius:8px!important} .wm-guide-layout--events .wm-event-server-row>strong, .wm-guide-layout--events .wm-event-table-wrap h4, .wm-guide-layout--events .wm-event-monster-group h4{font-size:11.5px!important} .wm-guide-layout--events .wm-event-table{min-width:640px!important;font-size:10px!important} .wm-guide-layout--events .wm-event-table th{font-size:8.5px!important} .wm-guide-layout--events .wm-event-table td{padding:8px 9px!important;font-size:9.5px!important} .wm-guide-layout--events .wm-event-server-rewards{grid-template-columns:repeat(4,minmax(0,1fr))!important} .wm-guide-layout--events .wm-event-server-rewards strong{font-size:9.5px!important} .wm-guide-layout--events .wm-event-server-rewards span{font-size:9px!important} .wm-guide-layout--events .wm-event-combination-v2{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px!important} .wm-guide-layout--events .wm-event-combination-v2 .wm-event-media-card__image{height:160px!important;min-height:160px!important} .wm-guide-layout--events .wm-event-rules-v2 li>span:last-child{font-size:10px!important;line-height:1.5!important} .wm-guide-layout--events .wm-event-accordion-v2__title strong{font-size:10.5px!important} .wm-guide-layout--events .wm-event-accordion-v2__title span{font-size:9.5px!important} .wm-guide-layout--events .wm-event-accordion-v2__body li{font-size:10px!important;line-height:1.52!important} .wm-guide-layout--events .wm-event-monster-browser-v2__tabs button{ min-height:34px!important; padding:8px 11px!important; font-size:9.5px!important; border-radius:7px!important; } .wm-guide-layout--events .wm-event-monster-grid-v2{grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:10px!important} .wm-guide-layout--events .wm-event-monster-grid-v2 .wm-event-media-card__image{height:150px!important;min-height:150px!important} .wm-guide-layout--events .wm-event-monster-grid-v2 .wm-event-media-card__body{min-height:44px!important;padding:8px 9px!important} .wm-guide-layout--events .wm-event-monster-grid-v2 .wm-event-media-card__body strong{font-size:9.5px!important} @media(max-width:1100px){ .wm-guide-layout--events .wm-event-gallery{grid-template-columns:repeat(2,minmax(0,1fr))!important} .wm-guide-layout--events .wm-event-combination-v2{grid-template-columns:repeat(2,minmax(0,1fr))!important} .wm-guide-layout--events .wm-event-server-rewards{grid-template-columns:repeat(2,minmax(0,1fr))!important} .wm-guide-layout--events .wm-event-monster-grid-v2{grid-template-columns:repeat(4,minmax(0,1fr))!important} } @media(max-width:760px){ .wm-guide-layout--events .wm-guide-subnav{padding-left:10px!important;padding-right:10px!important} .wm-guide-layout--events .wm-event-intro-v2, .wm-guide-layout--events .wm-event-feature{grid-template-columns:1fr!important} .wm-guide-layout--events .wm-event-intro-v2__media, .wm-guide-layout--events .wm-event-intro-v2__image{min-height:230px!important} .wm-guide-layout--events .wm-event-intro-v2__image img{height:230px!important;max-height:230px!important} .wm-guide-layout--events .wm-event-monster-grid-v2{grid-template-columns:repeat(3,minmax(0,1fr))!important} } @media(max-width:560px){ .wm-guide-layout--events .wm-event-page-head-v2{padding:17px 14px 14px!important} .wm-guide-layout--events .wm-event-page-head-v2 h1{font-size:25px!important} .wm-guide-layout--events .wm-event-jumpbar{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important} .wm-guide-layout--events .wm-event-jumpbar a{justify-content:center!important} .wm-guide-layout--events .wm-event-gallery, .wm-guide-layout--events .wm-event-combination-v2{grid-template-columns:1fr!important} .wm-guide-layout--events .wm-event-server-rewards{grid-template-columns:1fr!important} .wm-guide-layout--events .wm-event-monster-grid-v2{grid-template-columns:repeat(2,minmax(0,1fr))!important} } /* ===================================================================== INFO 1.5.19 — Sistema de juego / Información básica - Elimina la navegación lateral redundante: queda solo la barra de tabs. - Información básica usa la misma escala visual compacta de Items/Eventos. - Todos los valores dinámicos se toman de la configuración/perfil disponible. ===================================================================== */ .wm-guide-layout--game-system{grid-template-columns:minmax(0,1fr)!important} .wm-guide-layout--game-system .wm-guide-main{width:100%;min-width:0} .wm-guide-layout--game-system .wm-guide-subnav-shell{margin-bottom:14px!important} .wm-guide-layout--game-system .wm-guide-subnav{ min-height:50px!important;gap:4px!important;padding:8px 16px 10px!important; border-radius:10px!important;background:var(--g-surface)!important } .wm-guide-layout--game-system .wm-guide-subnav a{ flex:0 0 auto!important;min-height:34px!important;padding:8px 11px!important; border:1px solid transparent!important;border-radius:7px!important;background:transparent!important; color:var(--g-muted)!important;font-size:9.5px!important;line-height:1.15!important;font-weight:800!important } .wm-guide-layout--game-system .wm-guide-subnav a.is-active, .wm-guide-layout--game-system .wm-guide-subnav a:hover{ border-color:color-mix(in srgb,var(--g-accent) 45%,var(--g-border))!important; background:color-mix(in srgb,var(--g-accent) 9%,transparent)!important;color:var(--g-accent)!important } .wm-guide-layout--game-system .wm-guide-article{overflow:hidden;border-radius:10px!important} .wm-guide-layout--game-system .wm-guide-article-body{padding:0 24px 30px!important} .wm-basic-hero{ display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);gap:0; overflow:hidden;border-bottom:1px solid var(--g-border);background:linear-gradient(120deg,color-mix(in srgb,var(--g-accent) 7%,var(--g-surface)),var(--g-surface)) } .wm-basic-hero__copy{padding:27px 30px} .wm-basic-hero__copy>small{display:block;margin-top:11px;color:var(--g-accent);font-size:9px;font-weight:950;letter-spacing:.13em;text-transform:uppercase} .wm-basic-hero__copy h1{margin:5px 0 8px;color:var(--g-text);font-size:30px;line-height:1.08;font-weight:950;letter-spacing:-.025em} .wm-basic-hero__copy p{max-width:760px;margin:0;color:var(--g-muted);font-size:12px;line-height:1.65} .wm-basic-hero__quick{display:grid;grid-template-columns:1fr 1fr;gap:1px;padding:1px;background:var(--g-border)} .wm-basic-hero__quick>span{display:flex;flex-direction:column;justify-content:center;min-height:90px;padding:14px 16px;background:var(--g-surface-2)} .wm-basic-hero__quick small{color:var(--g-muted);font-size:8px;font-weight:850;text-transform:uppercase;letter-spacing:.07em} .wm-basic-hero__quick strong{margin-top:4px;color:var(--g-text);font-size:16px;font-weight:950;word-break:break-word} .wm-basic-page{display:grid;gap:0} .wm-basic-section{padding:22px 0;border-bottom:1px solid var(--g-border)} .wm-basic-section:last-child{border-bottom:0} .wm-basic-section>.wm-guide-section-heading{align-items:flex-end;gap:0;margin:0 0 14px;border-bottom:2px solid var(--g-accent)} .wm-basic-section>.wm-guide-section-heading>span{display:none} .wm-basic-section>.wm-guide-section-heading>div{display:inline-flex;flex-direction:column;min-width:155px;padding:8px 13px 7px;border:1px solid var(--g-border);border-bottom:0;border-radius:7px 7px 0 0;background:var(--g-surface-2)} .wm-basic-section>.wm-guide-section-heading small{font-size:8px!important} .wm-basic-section>.wm-guide-section-heading h3{margin:2px 0 0;font-size:14px!important;text-transform:uppercase;letter-spacing:0} .wm-basic-copy{display:grid;gap:9px;padding:0 2px} .wm-basic-copy p,.wm-basic-section-copy{margin:0;color:var(--g-muted);font-size:11.5px;line-height:1.72} .wm-basic-section-copy{margin-bottom:13px} .wm-basic-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px} .wm-basic-facts article{display:grid;grid-template-columns:30px minmax(0,1fr);grid-template-rows:auto auto;column-gap:9px;align-items:center;min-height:72px;padding:10px 11px;border:1px solid var(--g-border);border-radius:8px;background:var(--g-surface-2)} .wm-basic-facts article>span{grid-row:1/3;width:30px;height:30px;display:grid;place-items:center;border-radius:7px;background:color-mix(in srgb,var(--g-accent) 10%,var(--g-surface));color:var(--g-accent)} .wm-basic-facts svg{width:14px;height:14px}.wm-basic-facts small{align-self:end;color:var(--g-muted);font-size:8px;font-weight:800}.wm-basic-facts strong{align-self:start;margin-top:2px;color:var(--g-text);font-size:11px;font-weight:950} .wm-basic-class-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px} .wm-basic-class-card{overflow:hidden;border:1px solid var(--g-border);border-radius:8px;background:var(--g-surface-2);color:var(--g-text);transition:.18s ease} .wm-basic-class-card:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--g-accent) 42%,var(--g-border))} .wm-basic-class-card__image{height:128px!important;border:0!important;border-radius:0!important;border-bottom:1px solid var(--g-border)!important;background:linear-gradient(180deg,color-mix(in srgb,var(--g-accent) 6%,var(--g-surface-2)),var(--g-surface-2))!important} .wm-basic-class-card__image img{width:100%!important;height:100%!important;object-fit:contain!important;object-position:center bottom!important;padding:5px 6px 0!important} .wm-basic-class-card__placeholder{display:grid;place-items:center;color:var(--g-accent)} .wm-basic-class-card>div:last-child{padding:9px 10px}.wm-basic-class-card strong{display:block;font-size:10.5px;font-weight:950}.wm-basic-class-card span{display:flex;align-items:center;gap:4px;margin-top:4px;color:var(--g-accent);font-size:8.5px;font-weight:850}.wm-basic-class-card span svg{width:11px;height:11px} .wm-basic-reset-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px} .wm-basic-reset-grid article{display:grid;grid-template-columns:30px minmax(0,1fr);gap:9px;align-items:center;min-height:68px;padding:10px 11px;border:1px solid var(--g-border);border-radius:8px;background:var(--g-surface-2)} .wm-basic-reset-grid article>span{width:30px;height:30px;display:grid;place-items:center;border-radius:7px;background:color-mix(in srgb,var(--g-accent) 10%,var(--g-surface));color:var(--g-accent)} .wm-basic-reset-grid svg{width:14px;height:14px}.wm-basic-reset-grid small,.wm-basic-reset-grid strong{display:block}.wm-basic-reset-grid small{color:var(--g-muted);font-size:8px;font-weight:800}.wm-basic-reset-grid strong{margin-top:2px;color:var(--g-text);font-size:10px;font-weight:950} .wm-basic-feature-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px} .wm-basic-feature-grid article{display:grid;grid-template-columns:34px minmax(0,1fr);gap:10px;align-items:start;padding:12px;border:1px solid var(--g-border);border-radius:8px;background:var(--g-surface-2)} .wm-basic-feature-grid article>span{width:34px;height:34px;display:grid;place-items:center;border-radius:8px;background:color-mix(in srgb,var(--g-accent) 10%,var(--g-surface));color:var(--g-accent)} .wm-basic-feature-grid svg{width:15px;height:15px}.wm-basic-feature-grid strong{font-size:10.5px}.wm-basic-feature-grid p{margin:4px 0 0;color:var(--g-muted);font-size:9.5px;line-height:1.55} .wm-guide-layout--game-system .wm-guide-shortcuts{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px} .wm-guide-layout--game-system .wm-guide-shortcuts>span{min-height:48px;border-radius:8px} @media(max-width:1180px){.wm-basic-facts{grid-template-columns:repeat(3,minmax(0,1fr))}.wm-basic-reset-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.wm-basic-class-grid{grid-template-columns:repeat(4,minmax(0,1fr))}} @media(max-width:900px){.wm-basic-hero{grid-template-columns:1fr}.wm-basic-hero__quick{grid-template-columns:repeat(4,minmax(0,1fr))}.wm-basic-hero__quick>span{min-height:68px}.wm-basic-facts{grid-template-columns:repeat(2,minmax(0,1fr))}.wm-basic-class-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.wm-basic-feature-grid{grid-template-columns:1fr}.wm-guide-layout--game-system .wm-guide-shortcuts{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:620px){.wm-guide-layout--game-system .wm-guide-article-body{padding:0 12px 22px!important}.wm-basic-hero__copy{padding:21px 17px}.wm-basic-hero__copy h1{font-size:25px}.wm-basic-hero__quick{grid-template-columns:1fr 1fr}.wm-basic-hero__quick>span{min-height:62px;padding:10px 12px}.wm-basic-facts{grid-template-columns:1fr 1fr}.wm-basic-class-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.wm-basic-class-card__image{height:112px!important}.wm-basic-reset-grid{grid-template-columns:1fr}.wm-guide-layout--game-system .wm-guide-shortcuts{grid-template-columns:1fr 1fr}} /* ===================================================================== INFO 1.5.21 — Sistema de juego / Comandos - Misma escala compacta de Items / Eventos / Información básica. - Filtros por categoría, búsqueda y cards uniformes. ===================================================================== */ .wm-command-page{display:grid;gap:0} .wm-command-page .wm-basic-section{padding:22px 0} .wm-command-help-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px} .wm-command-help-grid article{display:grid;grid-template-columns:34px minmax(0,1fr);gap:10px;align-items:start;padding:12px;border:1px solid var(--g-border);border-radius:8px;background:var(--g-surface-2)} .wm-command-help-grid article>span{width:34px;height:34px;display:grid;place-items:center;border-radius:8px;background:color-mix(in srgb,var(--g-accent) 10%,var(--g-surface));color:var(--g-accent)} .wm-command-help-grid svg{width:15px;height:15px}.wm-command-help-grid strong{display:block;color:var(--g-text);font-size:10.5px;font-weight:950}.wm-command-help-grid p{margin:4px 0 0;color:var(--g-muted);font-size:9.5px;line-height:1.55} .wm-command-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:0 0 8px} .wm-command-search{display:flex;align-items:center;gap:8px;width:min(330px,100%);height:40px;padding:0 12px;border:1px solid var(--g-border);border-radius:8px;background:var(--g-surface-2)} .wm-command-search svg{width:14px;height:14px;color:var(--g-muted)} .wm-command-search input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:var(--g-text);font:inherit;font-size:10px;font-weight:700} .wm-command-search input::placeholder{color:var(--g-muted)} .wm-command-visible{display:flex;align-items:baseline;gap:5px;color:var(--g-muted);font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.wm-command-visible strong{color:var(--g-text);font-size:15px;font-weight:950} .wm-command-tabs{display:flex;align-items:center;gap:4px;overflow-x:auto;margin:0 0 10px;padding:8px 9px;border:1px solid var(--g-border);border-radius:8px;background:var(--g-surface-2);scrollbar-width:none} .wm-command-tabs::-webkit-scrollbar{display:none}.wm-command-tabs button{flex:0 0 auto;display:inline-flex;align-items:center;gap:7px;min-height:33px;padding:8px 11px;border:1px solid transparent;border-radius:7px;background:transparent;color:var(--g-muted);font:inherit;font-size:9.5px;font-weight:900;white-space:nowrap;cursor:pointer}.wm-command-tabs button b{display:grid;place-items:center;min-width:19px;height:19px;padding:0 5px;border-radius:6px;background:color-mix(in srgb,var(--g-text) 7%,transparent);font-size:8px}.wm-command-tabs button:hover,.wm-command-tabs button.is-active{border-color:color-mix(in srgb,var(--g-accent) 45%,var(--g-border));background:color-mix(in srgb,var(--g-accent) 9%,transparent);color:var(--g-accent)} .wm-command-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px} .wm-command-card{min-width:0;overflow:hidden;border:1px solid var(--g-border);border-radius:9px;background:var(--g-surface-2);box-shadow:0 4px 12px rgba(0,0,0,.055)}.wm-command-card[hidden]{display:none!important}.wm-command-card.is-disabled{opacity:.58} .wm-command-card__head{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:43px;padding:8px 10px;border-bottom:1px solid var(--g-border);background:color-mix(in srgb,var(--g-accent) 3.5%,var(--g-surface-2))} .wm-command-card__head code{overflow:hidden;color:var(--g-accent);font-size:12px;font-weight:950;text-overflow:ellipsis;white-space:nowrap}.wm-command-status{flex:0 0 auto;padding:4px 6px;border-radius:5px;background:color-mix(in srgb,var(--g-accent) 10%,transparent);color:var(--g-accent);font-size:7px;font-weight:950;letter-spacing:.06em;text-transform:uppercase} .wm-command-card>p{min-height:55px;margin:0;padding:10px 10px 8px;color:var(--g-muted);font-size:9.5px;line-height:1.55} .wm-command-card__usage{display:grid;gap:4px;margin:0 10px 9px;padding:8px 9px;border:1px solid var(--g-border);border-radius:7px;background:var(--g-surface)}.wm-command-card__usage small{color:var(--g-muted);font-size:7.5px;font-weight:900;text-transform:uppercase;letter-spacing:.06em}.wm-command-card__usage code{overflow:hidden;color:var(--g-text);font-size:9px;font-weight:850;text-overflow:ellipsis;white-space:nowrap} .wm-command-card__meta{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--g-border)}.wm-command-card__meta>span{display:flex;align-items:center;justify-content:space-between;gap:7px;min-width:0;padding:8px 9px}.wm-command-card__meta>span+span{border-left:1px solid var(--g-border)}.wm-command-card__meta small{color:var(--g-muted);font-size:7.5px;font-weight:800}.wm-command-card__meta b{color:var(--g-text);font-size:8.5px;font-weight:950;white-space:nowrap} .wm-command-empty{display:grid;place-items:center;gap:5px;min-height:150px;padding:24px;border:1px dashed var(--g-border);border-radius:9px;color:var(--g-muted);text-align:center}.wm-command-empty[hidden]{display:none!important}.wm-command-empty svg{width:22px;height:22px;color:var(--g-accent)}.wm-command-empty strong{color:var(--g-text);font-size:11px}.wm-command-empty span{font-size:9.5px} .wm-command-note{margin-top:11px!important;font-size:9.5px!important;line-height:1.55!important} @media(max-width:1180px){.wm-command-grid{grid-template-columns:repeat(3,minmax(0,1fr))}} @media(max-width:900px){.wm-command-help-grid{grid-template-columns:1fr}.wm-command-grid{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:620px){.wm-command-toolbar{align-items:stretch;flex-direction:column}.wm-command-search{width:100%}.wm-command-visible{align-self:flex-end}.wm-command-grid{grid-template-columns:1fr}.wm-command-card>p{min-height:0}.wm-command-tabs{margin-left:-2px;margin-right:-2px}} /* ===================================================================== INFO 1.5.23 — Sistema de juego / Sistema de Reset - Estructura tipo guía: explicación, requisitos, pasos, tabla y resultado. - Usa exclusivamente valores públicos de server_profile.json. - Misma escala visual compacta de Items / Eventos / Información básica. ===================================================================== */ .wm-reset-page{display:grid;gap:0} .wm-reset-page .wm-basic-section{padding:22px 0} .wm-reset-intro .wm-basic-copy{max-width:980px} .wm-reset-requirements{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px} .wm-reset-requirements article{display:grid;grid-template-columns:34px minmax(0,1fr);gap:9px;align-items:center;min-height:70px;padding:10px 11px;border:1px solid var(--g-border);border-radius:8px;background:var(--g-surface-2)} .wm-reset-requirements article>span{width:34px;height:34px;display:grid;place-items:center;border-radius:8px;background:color-mix(in srgb,var(--g-accent) 10%,var(--g-surface));color:var(--g-accent)} .wm-reset-requirements svg{width:15px;height:15px}.wm-reset-requirements small,.wm-reset-requirements strong{display:block}.wm-reset-requirements small{color:var(--g-muted);font-size:8px;font-weight:800}.wm-reset-requirements strong{margin-top:2px;color:var(--g-text);font-size:9.5px;font-weight:950;line-height:1.3} .wm-reset-steps{display:grid;gap:7px} .wm-reset-steps article{display:grid;grid-template-columns:36px minmax(0,1fr);min-height:46px;overflow:hidden;border:1px solid var(--g-border);border-radius:8px;background:var(--g-surface-2)} .wm-reset-steps b{display:grid;place-items:center;border-right:1px solid var(--g-border);background:color-mix(in srgb,var(--g-accent) 8%,var(--g-surface));color:var(--g-accent);font-size:11px;font-weight:950}.wm-reset-steps span{display:flex;align-items:center;padding:9px 11px;color:var(--g-muted);font-size:10px;line-height:1.55} .wm-reset-table{margin-top:10px}.wm-reset-table .wm-guide-table{min-width:760px}.wm-reset-table .wm-guide-table th{font-size:8.5px}.wm-reset-table .wm-guide-table td{padding:8px 10px;font-size:9.5px}.wm-reset-table .wm-guide-table td:first-child{color:var(--g-accent);font-weight:950}.wm-reset-table .wm-guide-table td:nth-child(5),.wm-reset-table .wm-guide-table td:nth-child(6){font-weight:900} .wm-reset-behavior{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px} .wm-reset-behavior article{display:grid;grid-template-columns:31px minmax(0,1fr);grid-template-rows:auto auto;column-gap:9px;align-items:center;min-height:62px;padding:9px 10px;border:1px solid var(--g-border);border-radius:8px;background:var(--g-surface-2)} .wm-reset-behavior article>span{grid-row:1/3;width:31px;height:31px;display:grid;place-items:center;border-radius:7px;background:color-mix(in srgb,var(--g-accent) 10%,var(--g-surface));color:var(--g-accent)}.wm-reset-behavior svg{width:14px;height:14px}.wm-reset-behavior small{align-self:end;color:var(--g-muted);font-size:8px;font-weight:800}.wm-reset-behavior strong{align-self:start;color:var(--g-text);font-size:9.5px;font-weight:950} .wm-reset-note{margin-top:10px!important;font-size:9.5px!important;line-height:1.55!important} @media(max-width:1050px){.wm-reset-requirements{grid-template-columns:repeat(3,minmax(0,1fr))}.wm-reset-behavior{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:620px){.wm-reset-requirements{grid-template-columns:1fr 1fr}.wm-reset-behavior{grid-template-columns:1fr}.wm-reset-table .wm-guide-table{min-width:680px}} @media(max-width:430px){.wm-reset-requirements{grid-template-columns:1fr}} /* ===================================================================== INFO 1.5.24 — Sistema de juego / MU Helper - Guía visual basada en capturas reales del cliente del servidor. - Misma escala compacta y botones/tipografía de Items / Eventos. ===================================================================== */ .wm-helper-page{display:grid;gap:0} .wm-helper-page .wm-basic-section{padding:22px 0} .wm-helper-hero .wm-basic-hero__quick strong{font-size:10px!important} .wm-helper-split{display:grid;grid-template-columns:minmax(260px,.68fr) minmax(0,1.32fr);gap:14px;align-items:start} .wm-helper-split--wide{grid-template-columns:minmax(0,1fr) minmax(360px,.88fr);align-items:center} .wm-helper-split--reverse{grid-template-columns:minmax(300px,.82fr) minmax(0,1.18fr)} .wm-helper-shot{overflow:hidden;border:1px solid var(--g-border);border-radius:9px;background:var(--g-surface-2);box-shadow:0 5px 16px rgba(0,0,0,.06)} .wm-helper-shot img{display:block;width:100%;height:100%;object-fit:contain;background:color-mix(in srgb,var(--g-text) 2%,var(--g-surface-2))} .wm-helper-shot--panel{width:min(290px,100%);height:445px;margin:0 auto} .wm-helper-shot--dialog{width:min(440px,100%);height:430px;margin:0 auto} .wm-helper-shot--landscape{height:310px} .wm-helper-shot--running{height:320px} .wm-helper-info-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:12px} .wm-helper-info-grid article{display:grid;grid-template-columns:33px minmax(0,1fr);gap:9px;align-items:start;min-height:68px;padding:10px 11px;border:1px solid var(--g-border);border-radius:8px;background:var(--g-surface-2)} .wm-helper-info-grid article>span{width:33px;height:33px;display:grid;place-items:center;border-radius:7px;background:color-mix(in srgb,var(--g-accent) 10%,var(--g-surface));color:var(--g-accent)} .wm-helper-info-grid svg{width:14px;height:14px} .wm-helper-info-grid strong{display:block;color:var(--g-text);font-size:9.5px;font-weight:950;line-height:1.25} .wm-helper-info-grid p{margin:3px 0 0;color:var(--g-muted);font-size:9px;line-height:1.5} .wm-helper-note{margin-top:10px!important;font-size:9.5px!important;line-height:1.55!important} .wm-helper-condition-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:11px} .wm-helper-condition-grid article{padding:12px;border:1px solid var(--g-border);border-radius:8px;background:var(--g-surface-2)} .wm-helper-condition-grid small{display:block;color:var(--g-accent);font-size:8px;font-weight:950;letter-spacing:.08em} .wm-helper-condition-grid strong{display:block;margin:4px 0 8px;color:var(--g-text);font-size:10px;font-weight:950} .wm-helper-condition-grid ul{display:grid;gap:5px;margin:0;padding:0;list-style:none} .wm-helper-condition-grid li{position:relative;padding:6px 8px 6px 23px;border:1px solid var(--g-border);border-radius:6px;background:var(--g-surface);color:var(--g-muted);font-size:9px;line-height:1.35} .wm-helper-condition-grid li:before{content:'✓';position:absolute;left:8px;top:6px;color:var(--g-accent);font-size:9px;font-weight:950} .wm-helper-loot-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-top:10px} .wm-helper-loot-grid article{display:grid;grid-template-columns:30px minmax(0,1fr);gap:8px;align-items:start;min-height:61px;padding:9px 10px;border:1px solid var(--g-border);border-radius:8px;background:var(--g-surface-2)} .wm-helper-loot-grid article>span{width:30px;height:30px;display:grid;place-items:center;border-radius:7px;background:color-mix(in srgb,var(--g-accent) 9%,var(--g-surface));color:var(--g-accent)} .wm-helper-loot-grid svg{width:13px;height:13px} .wm-helper-loot-grid strong{display:block;color:var(--g-text);font-size:9px;font-weight:950} .wm-helper-loot-grid p{margin:3px 0 0;color:var(--g-muted);font-size:8.5px;line-height:1.45} .wm-helper-start-grid{display:grid;gap:7px;margin-bottom:11px} .wm-helper-start-grid article{display:grid;grid-template-columns:36px minmax(0,1fr);min-height:45px;overflow:hidden;border:1px solid var(--g-border);border-radius:8px;background:var(--g-surface-2)} .wm-helper-start-grid b{display:grid;place-items:center;border-right:1px solid var(--g-border);background:color-mix(in srgb,var(--g-accent) 8%,var(--g-surface));color:var(--g-accent);font-size:11px;font-weight:950} .wm-helper-start-grid span{display:flex;align-items:center;padding:9px 11px;color:var(--g-muted);font-size:9.5px;line-height:1.5} .wm-helper-running{display:grid;grid-template-columns:minmax(360px,.9fr) minmax(0,1fr);gap:12px;align-items:center;padding:10px;border:1px solid var(--g-border);border-radius:9px;background:var(--g-surface-2)} .wm-helper-running>div:last-child{padding:6px 8px} .wm-helper-running strong{display:block;color:var(--g-text);font-size:11px;font-weight:950} .wm-helper-running p{margin:5px 0 0;color:var(--g-muted);font-size:9.5px;line-height:1.55} @media(max-width:980px){.wm-helper-split,.wm-helper-split--wide,.wm-helper-split--reverse{grid-template-columns:1fr}.wm-helper-shot--panel{height:420px}.wm-helper-shot--dialog{height:400px}.wm-helper-shot--landscape{height:290px}.wm-helper-running{grid-template-columns:1fr}.wm-helper-running>div:last-child{padding:4px 2px 2px}} @media(max-width:620px){.wm-helper-info-grid,.wm-helper-condition-grid,.wm-helper-loot-grid{grid-template-columns:1fr}.wm-helper-shot--panel{height:390px}.wm-helper-shot--dialog{height:360px}.wm-helper-shot--landscape,.wm-helper-shot--running{height:230px}.wm-helper-running{padding:8px}} /* INFO 1.5.25 - Game Interface */ .wm-interface-page{display:grid;gap:0} .wm-interface-page .wm-basic-section{padding:22px 0} .wm-interface-hero .wm-basic-hero__quick strong{font-size:10px!important} .wm-interface-stage{position:relative;margin-top:12px} .wm-interface-stage>.wm-guide-picture{margin:0} .wm-interface-shot{overflow:hidden;border:1px solid var(--g-border);border-radius:9px;background:var(--g-surface-2);box-shadow:0 5px 16px rgba(0,0,0,.06)} .wm-interface-shot img{display:block;width:100%;height:100%;object-fit:contain;background:color-mix(in srgb,var(--g-text) 2%,var(--g-surface-2))} .wm-interface-shot--main{height:auto;aspect-ratio:803/601} .wm-interface-shot--top{height:215px} .wm-interface-shot--bottom{height:150px} .wm-interface-shot--minimap{width:min(280px,100%);height:250px;margin:0 auto} .wm-interface-marker{position:absolute;z-index:3;display:grid;place-items:center;width:25px;height:25px;transform:translate(-50%,-50%);border:2px solid var(--g-surface);border-radius:50%;background:var(--g-accent);box-shadow:0 3px 12px rgba(0,0,0,.28);color:#fff;font-size:10px;font-style:normal;font-weight:950;line-height:1} .wm-interface-legend{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-top:12px} .wm-interface-legend article{display:grid;grid-template-columns:27px 31px minmax(0,1fr);gap:8px;align-items:start;min-height:67px;padding:9px 10px;border:1px solid var(--g-border);border-radius:8px;background:var(--g-surface-2)} .wm-interface-legend article>b{display:grid;place-items:center;width:27px;height:27px;border-radius:7px;background:var(--g-accent);color:#fff;font-size:9px;font-weight:950} .wm-interface-legend article>span{display:grid;place-items:center;width:31px;height:31px;border-radius:7px;background:color-mix(in srgb,var(--g-accent) 9%,var(--g-surface));color:var(--g-accent)} .wm-interface-legend svg{width:13px;height:13px} .wm-interface-legend strong{display:block;color:var(--g-text);font-size:9.5px;font-weight:950;line-height:1.25} .wm-interface-legend p{margin:3px 0 0;color:var(--g-muted);font-size:8.7px;line-height:1.45} .wm-interface-split{display:grid;grid-template-columns:minmax(360px,.9fr) minmax(0,1.1fr);gap:14px;align-items:start} .wm-interface-split--reverse{grid-template-columns:minmax(440px,1fr) minmax(0,1fr)} .wm-interface-bottom-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-top:10px} .wm-interface-bottom-grid article{display:grid;grid-template-columns:31px minmax(0,1fr);gap:8px;align-items:start;padding:9px 10px;border:1px solid var(--g-border);border-radius:8px;background:var(--g-surface-2)} .wm-interface-bottom-grid article>span{display:grid;place-items:center;width:31px;height:31px;border-radius:7px;background:color-mix(in srgb,var(--g-accent) 9%,var(--g-surface));color:var(--g-accent)} .wm-interface-bottom-grid svg{width:13px;height:13px} .wm-interface-bottom-grid strong{display:block;color:var(--g-text);font-size:9px;font-weight:950} .wm-interface-bottom-grid p{margin:3px 0 0;color:var(--g-muted);font-size:8.5px;line-height:1.45} .wm-interface-minimap{display:grid;grid-template-columns:minmax(250px,.55fr) minmax(0,1fr);gap:14px;align-items:center} .wm-interface-minimap>div:last-child>p{margin:0;color:var(--g-muted);font-size:11px;line-height:1.7} .wm-interface-minimap .wm-guide-note{margin-top:11px} @media(max-width:980px){.wm-interface-split,.wm-interface-split--reverse,.wm-interface-minimap{grid-template-columns:1fr}.wm-interface-shot--top{height:auto;aspect-ratio:803/205}.wm-interface-shot--bottom{height:auto;aspect-ratio:803/115}.wm-interface-shot--minimap{height:230px}.wm-interface-minimap>div:last-child{padding:0 2px}} @media(max-width:620px){.wm-interface-legend,.wm-interface-bottom-grid{grid-template-columns:1fr}.wm-interface-marker{width:21px;height:21px;font-size:8px;border-width:1px}.wm-interface-shot--minimap{height:210px}} /* INFO 1.5.26 - Chaos Machine */ .wm-chaos-page{display:grid;gap:0} .wm-chaos-page .wm-basic-section{padding:22px 0} .wm-chaos-hero .wm-basic-hero__quick strong{font-size:10px!important} .wm-chaos-intro{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,.78fr);gap:14px;align-items:center} .wm-chaos-shot{overflow:hidden;border:1px solid var(--g-border);border-radius:9px;background:var(--g-surface-2);box-shadow:0 5px 16px rgba(0,0,0,.06)} .wm-chaos-shot img{display:block;width:100%;height:100%;object-fit:contain;background:color-mix(in srgb,var(--g-text) 2%,var(--g-surface-2))} .wm-chaos-shot--npc{height:280px}.wm-chaos-shot--npc img{object-fit:cover} .wm-chaos-menu-grid{display:grid;grid-template-columns:minmax(360px,.8fr) minmax(0,1.2fr);gap:14px;align-items:start} .wm-chaos-shot--panel{height:390px} .wm-chaos-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px} .wm-chaos-steps article{display:grid;grid-template-columns:34px minmax(0,1fr);min-height:82px;border:1px solid var(--g-border);border-radius:8px;background:var(--g-surface-2);overflow:hidden} .wm-chaos-steps b{display:grid;place-items:center;background:color-mix(in srgb,var(--g-accent) 9%,var(--g-surface));border-right:1px solid var(--g-border);color:var(--g-accent);font-size:12px;font-weight:950} .wm-chaos-steps span{display:flex;align-items:center;padding:9px 10px;color:var(--g-muted);font-size:9px;line-height:1.5} .wm-chaos-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:10px} .wm-chaos-metrics article{display:grid;grid-template-columns:31px minmax(0,1fr);gap:8px;padding:9px 10px;border:1px solid var(--g-border);border-radius:8px;background:var(--g-surface-2)} .wm-chaos-metrics article>span{display:grid;place-items:center;width:31px;height:31px;border-radius:7px;background:color-mix(in srgb,var(--g-accent) 9%,var(--g-surface));color:var(--g-accent)} .wm-chaos-metrics svg{width:13px;height:13px}.wm-chaos-metrics strong{display:block;color:var(--g-text);font-size:9.5px;font-weight:950}.wm-chaos-metrics p{margin:3px 0 0;color:var(--g-muted);font-size:8.5px;line-height:1.45} .wm-chaos-tabs{display:flex;align-items:center;gap:4px;overflow-x:auto;padding:8px 10px;margin:0 0 10px;border:1px solid var(--g-border);border-radius:9px;background:var(--g-surface-2);scrollbar-width:none}.wm-chaos-tabs::-webkit-scrollbar{display:none} .wm-chaos-tabs a{flex:0 0 auto;padding:8px 11px;border:1px solid transparent;border-radius:7px;color:var(--g-muted);font-size:9.5px;font-weight:900;text-decoration:none}.wm-chaos-tabs a:hover,.wm-chaos-tabs a.is-active{border-color:color-mix(in srgb,var(--g-accent) 45%,var(--g-border));background:color-mix(in srgb,var(--g-accent) 9%,transparent);color:var(--g-accent)} .wm-chaos-recipe{scroll-margin-top:92px;margin-top:10px;padding:14px;border:1px solid var(--g-border);border-radius:10px;background:var(--g-surface)} .wm-chaos-recipe+ .wm-chaos-recipe{margin-top:12px} .wm-chaos-recipe>header{padding:1px 2px 11px;border-bottom:1px solid var(--g-border);margin-bottom:12px}.wm-chaos-recipe>header small{color:var(--g-accent);font-size:8px;font-weight:950;letter-spacing:.12em}.wm-chaos-recipe>header h4{margin:3px 0 0;color:var(--g-text);font-size:13px;font-weight:950;text-transform:uppercase}.wm-chaos-recipe>header p{margin:5px 0 0;color:var(--g-muted);font-size:9.5px;line-height:1.55} .wm-chaos-recipe-grid{display:grid;grid-template-columns:minmax(330px,.82fr) minmax(0,1.18fr);gap:14px;align-items:start}.wm-chaos-recipe-grid--reverse{grid-template-columns:minmax(0,1.18fr) minmax(330px,.82fr)} .wm-chaos-shot--recipe{height:390px}.wm-chaos-recipe-info{display:grid;gap:9px}.wm-chaos-label{color:var(--g-accent);font-size:8.5px;font-weight:950;text-transform:uppercase;letter-spacing:.08em} .wm-chaos-items{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.wm-chaos-item{display:grid;grid-template-columns:50px minmax(0,1fr);align-items:center;gap:8px;min-height:62px;padding:7px;border:1px solid var(--g-border);border-radius:8px;background:var(--g-surface-2)} .wm-chaos-item__image{width:50px;height:48px;display:grid;place-items:center;border-radius:7px;background:var(--g-surface)}.wm-chaos-item__image img{display:block;width:auto!important;height:auto!important;max-width:42px!important;max-height:42px!important;object-fit:contain!important;image-rendering:auto!important}.wm-chaos-item__image svg{width:18px;height:18px;color:var(--g-muted)} .wm-chaos-item strong{display:block;color:var(--g-text);font-size:9px;font-weight:900;line-height:1.3}.wm-chaos-item small{display:block;margin-top:3px;color:var(--g-accent);font-size:8px;font-weight:900} .wm-chaos-result{display:grid;gap:5px;padding:10px 11px;border:1px solid var(--g-border);border-radius:8px;background:color-mix(in srgb,var(--g-accent) 5%,var(--g-surface-2))}.wm-chaos-result strong{color:var(--g-text);font-size:10px;font-weight:950}.wm-chaos-result span{color:var(--g-muted);font-size:8.8px;line-height:1.4} .wm-chaos-proof{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:10px}.wm-chaos-shot--proof{height:285px} @media(max-width:980px){.wm-chaos-intro,.wm-chaos-menu-grid,.wm-chaos-recipe-grid,.wm-chaos-recipe-grid--reverse{grid-template-columns:1fr}.wm-chaos-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.wm-chaos-shot--panel,.wm-chaos-shot--recipe{height:auto;aspect-ratio:1/1.08}.wm-chaos-shot--npc{height:auto;aspect-ratio:521/463}} @media(max-width:620px){.wm-chaos-steps,.wm-chaos-metrics,.wm-chaos-items,.wm-chaos-proof{grid-template-columns:1fr}.wm-chaos-shot--proof{height:auto;aspect-ratio:1/1}.wm-chaos-recipe{padding:10px}.wm-chaos-tabs{padding:7px}.wm-chaos-item{grid-template-columns:46px minmax(0,1fr)}.wm-chaos-item__image{width:46px;height:44px}} /* Guides — First Wings 1.5.29 */ .wm-guide-layout--guides{grid-template-columns:minmax(0,1fr)!important} .wm-guide-layout--guides .wm-guide-main{width:100%;min-width:0} .wm-guide-layout--guides .wm-guide-subnav-shell{margin-bottom:14px} .wm-guide-layout--guides .wm-guide-article-body{padding:0 28px 34px} .wm-first-wings-page{display:grid;gap:0} .wm-first-wings-page .wm-basic-section{padding:22px 0} .wm-first-wings-hero .wm-basic-hero__quick strong{font-size:10px!important} .wm-first-wings-intro{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,.7fr);gap:14px;align-items:center} .wm-first-wings-shot{overflow:hidden;border:1px solid var(--g-border);border-radius:9px;background:var(--g-surface-2);box-shadow:0 5px 16px rgba(0,0,0,.05)} .wm-first-wings-shot img{display:block;width:100%;height:100%;object-fit:contain;background:color-mix(in srgb,var(--g-text) 2%,var(--g-surface-2))} .wm-first-wings-shot--goblin{height:270px}.wm-first-wings-shot--goblin img{object-fit:cover} .wm-first-wings-material-layout{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(300px,.9fr);gap:14px;align-items:start;margin-top:12px} .wm-first-wings-label{display:block;margin:0 0 7px;color:var(--g-accent);font-size:8px;font-weight:950;letter-spacing:.1em} .wm-first-wings-card-grid{display:grid;gap:8px}.wm-first-wings-card-grid--weapons{grid-template-columns:repeat(3,minmax(0,1fr))}.wm-first-wings-card-grid--results{grid-template-columns:repeat(3,minmax(0,1fr))} .wm-first-wings-card{overflow:hidden;border:1px solid var(--g-border);border-radius:9px;background:var(--g-surface-2)} .wm-first-wings-card__image{height:118px;border:0!important;border-radius:0!important;box-shadow:none!important;background:var(--g-surface)!important} .wm-first-wings-card__image img{width:100%!important;height:100%!important;object-fit:contain!important;padding:8px!important;background:transparent!important} .wm-first-wings-card>div:last-child{padding:9px 10px;border-top:1px solid var(--g-border)} .wm-first-wings-card strong{display:block;color:var(--g-text);font-size:9.5px;font-weight:950;line-height:1.3} .wm-first-wings-card small{display:block;margin-top:3px;color:var(--g-muted);font-size:8px;line-height:1.4} .wm-first-wings-recipe-box{padding:12px;border:1px solid var(--g-border);border-radius:10px;background:var(--g-surface-2)} .wm-first-wings-recipe-row{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1.15fr;gap:6px;align-items:center} .wm-first-wings-recipe-row>i{color:var(--g-accent);font-style:normal;font-size:14px;font-weight:950;text-align:center} .wm-first-wings-recipe-token{min-height:86px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:8px;border:1px solid var(--g-border);border-radius:8px;background:var(--g-surface);text-align:center} .wm-first-wings-recipe-token svg{width:17px;height:17px;color:var(--g-accent)} .wm-first-wings-recipe-token b{color:var(--g-text);font-size:8.5px;line-height:1.25}.wm-first-wings-recipe-token small{color:var(--g-muted);font-size:7.5px;line-height:1.25} .wm-first-wings-recipe-token--result{background:color-mix(in srgb,var(--g-accent) 7%,var(--g-surface))} .wm-first-wings-steps{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px} .wm-first-wings-steps article{display:grid;grid-template-columns:32px minmax(0,1fr);min-height:78px;border:1px solid var(--g-border);border-radius:8px;background:var(--g-surface-2);overflow:hidden} .wm-first-wings-steps b{display:grid;place-items:center;background:color-mix(in srgb,var(--g-accent) 9%,var(--g-surface));border-right:1px solid var(--g-border);color:var(--g-accent);font-size:11px;font-weight:950} .wm-first-wings-steps span{display:flex;align-items:center;padding:9px;color:var(--g-muted);font-size:8.5px;line-height:1.45} .wm-first-wings-notes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px} .wm-first-wings-notes article{display:grid;grid-template-columns:30px minmax(0,1fr);gap:8px;align-items:start;padding:10px;border:1px solid var(--g-border);border-radius:8px;background:var(--g-surface-2)} .wm-first-wings-notes article>span{width:30px;height:30px;display:grid;place-items:center;border-radius:7px;background:color-mix(in srgb,var(--g-accent) 9%,var(--g-surface));color:var(--g-accent)} .wm-first-wings-notes svg{width:13px;height:13px}.wm-first-wings-notes p{margin:0;color:var(--g-muted);font-size:8.8px;line-height:1.5} @media(max-width:980px){.wm-first-wings-intro,.wm-first-wings-material-layout{grid-template-columns:1fr}.wm-first-wings-card-grid--weapons,.wm-first-wings-card-grid--results{grid-template-columns:repeat(3,minmax(0,1fr))}.wm-first-wings-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.wm-first-wings-steps article:last-child{grid-column:1/-1}.wm-first-wings-shot--goblin{height:auto;aspect-ratio:416/373}.wm-first-wings-recipe-row{grid-template-columns:1fr auto 1fr;}.wm-first-wings-recipe-row>i:nth-of-type(2){display:none}.wm-first-wings-recipe-token:nth-of-type(3),.wm-first-wings-recipe-token:nth-of-type(4){margin-top:4px}} @media(max-width:620px){.wm-guide-layout--guides .wm-guide-article-body{padding:0 12px 24px}.wm-first-wings-card-grid--weapons,.wm-first-wings-card-grid--results{grid-template-columns:repeat(2,minmax(0,1fr))}.wm-first-wings-card__image{height:105px}.wm-first-wings-steps,.wm-first-wings-notes{grid-template-columns:1fr}.wm-first-wings-steps article:last-child{grid-column:auto}.wm-first-wings-recipe-row{grid-template-columns:1fr}.wm-first-wings-recipe-row>i{transform:rotate(90deg)}.wm-first-wings-recipe-row>i:nth-of-type(2){display:block}} /* Mercado de Items tooltip integration (Info v1.5.30) */ .wm-info-item-hotspot{cursor:help;outline:none} .wm-info-item-hotspot:focus-visible{box-shadow:0 0 0 2px color-mix(in srgb,var(--g-accent) 58%,transparent),0 0 0 4px color-mix(in srgb,var(--g-surface) 90%,transparent)!important} .wm-info-item-hotspot img{pointer-events:none} .wm-first-wings-recipe-token__image{display:flex;align-items:center;justify-content:center;width:44px;height:44px;margin-bottom:1px} .wm-first-wings-recipe-token__image img{display:block;width:auto!important;height:auto!important;max-width:42px!important;max-height:42px!important;padding:0!important;object-fit:contain!important;background:transparent!important} .wm-first-wings-recipe-token .wm-first-wings-recipe-token__image+svg{display:none} .wm-first-wings-card.wm-info-item-hotspot,.wm-chaos-item.wm-info-item-hotspot,.wm-event-media-card.wm-info-item-hotspot{transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease} .wm-first-wings-card.wm-info-item-hotspot:hover,.wm-chaos-item.wm-info-item-hotspot:hover,.wm-event-media-card.wm-info-item-hotspot:hover{border-color:color-mix(in srgb,var(--g-accent) 45%,var(--g-border));box-shadow:0 6px 18px color-mix(in srgb,var(--g-accent) 9%,transparent)} /* Wings guides 1.5.31 — same visual system as 1st Wings + Market Item tooltip */ .wm-wing-guide-page .wm-basic-section{padding:22px 0} .wm-wing-special-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:12px} .wm-wing-special-card{display:grid;grid-template-columns:68px minmax(0,1fr);gap:9px;align-items:center;min-height:82px;padding:8px;border:1px solid var(--g-border);border-radius:9px;background:var(--g-surface-2)} .wm-wing-special-card>div{width:68px;height:62px;display:grid;place-items:center;border-radius:7px;background:var(--g-surface);overflow:hidden} .wm-wing-special-card>div img{max-width:62px;max-height:56px;object-fit:contain}.wm-wing-special-card>span{min-width:0}.wm-wing-special-card strong{display:block;color:var(--g-text);font-size:9px;line-height:1.3}.wm-wing-special-card small{display:block;margin-top:3px;color:var(--g-muted);font-size:7.5px;line-height:1.35} .wm-wing-recipes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:12px} .wm-wing-recipe-card{position:relative;padding:12px;border:1px solid var(--g-border);border-radius:10px;background:var(--g-surface-2)} .wm-wing-recipe-card>header{padding-bottom:9px;margin-bottom:9px;border-bottom:1px solid var(--g-border)}.wm-wing-recipe-card>header small{display:block;color:var(--g-accent);font-size:7.5px;font-weight:950;letter-spacing:.09em}.wm-wing-recipe-card>header h4{margin:2px 0 0;color:var(--g-text);font-size:12px;font-weight:950} .wm-wing-recipe-materials{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.wm-wing-recipe-token{min-height:82px;padding:7px}.wm-wing-recipe-token b{font-size:7.8px}.wm-wing-recipe-token small{font-size:7px}.wm-wing-recipe-arrow{display:grid;place-items:center;height:26px;color:var(--g-accent);font-size:18px;font-weight:950}.wm-wing-recipe-result{max-width:180px;margin:0 auto}.wm-wing-recipe-result>.wm-first-wings-recipe-token{min-width:150px} .wm-wing-results-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.wm-wing-results-grid .wm-first-wings-card__image{height:112px} .wm-wing-special-card.wm-info-item-hotspot,.wm-wing-recipe-token.wm-info-item-hotspot{transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease}.wm-wing-special-card.wm-info-item-hotspot:hover,.wm-wing-recipe-token.wm-info-item-hotspot:hover{border-color:color-mix(in srgb,var(--g-accent) 45%,var(--g-border));box-shadow:0 6px 18px color-mix(in srgb,var(--g-accent) 9%,transparent)} @media(max-width:1100px){.wm-wing-special-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.wm-wing-recipe-materials{grid-template-columns:repeat(3,minmax(0,1fr))}.wm-wing-results-grid{grid-template-columns:repeat(3,minmax(0,1fr))}} @media(max-width:760px){.wm-wing-recipes{grid-template-columns:1fr}.wm-wing-recipe-materials{grid-template-columns:repeat(2,minmax(0,1fr))}.wm-wing-results-grid{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:520px){.wm-wing-special-grid{grid-template-columns:1fr}.wm-wing-recipe-materials{grid-template-columns:repeat(2,minmax(0,1fr))}.wm-wing-results-grid{grid-template-columns:1fr 1fr}.wm-wing-results-grid .wm-first-wings-card__image{height:100px}} /* Info 1.5.33 · Class Change · separated stages */ .wm-class-change-page{display:grid;gap:16px;color:var(--g-text)} .wm-class-change-hero .wm-basic-hero__quick{grid-template-columns:repeat(2,minmax(0,1fr))} .wm-class-stage-nav{display:flex;gap:7px;overflow-x:auto;padding:0 0 6px;scrollbar-width:none}.wm-class-stage-nav::-webkit-scrollbar{display:none} .wm-class-stage-nav a{flex:0 0 auto;min-height:36px;padding:8px 13px;border:1px solid var(--g-border);border-radius:8px;background:var(--g-surface-2);color:var(--g-muted);text-decoration:none;font-size:9px;font-weight:900;display:inline-flex;align-items:center;justify-content:center;transition:.15s ease} .wm-class-stage-nav a:hover,.wm-class-stage-nav a:focus{border-color:color-mix(in srgb,var(--g-accent) 45%,var(--g-border));color:var(--g-accent);background:color-mix(in srgb,var(--g-accent) 5%,var(--g-surface-2))} .wm-class-stage-nav a.is-active{border-color:var(--g-accent);background:var(--g-accent);color:#fff;box-shadow:0 4px 12px color-mix(in srgb,var(--g-accent) 18%,transparent)} .wm-class-change-page .wm-basic-section{padding:22px 0}.wm-class-stage{scroll-margin-top:92px} .wm-class-route{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr auto 1fr;align-items:center;gap:7px;margin-top:16px} .wm-class-route>span{min-width:0;padding:12px 10px;border:1px solid var(--g-border);border-radius:8px;background:var(--g-surface-2);display:grid;gap:3px;text-align:center}.wm-class-route small{color:var(--g-muted);font-size:8px;text-transform:uppercase;letter-spacing:.08em}.wm-class-route b{color:var(--g-text);font-size:10px}.wm-class-route em{color:var(--g-muted);font-size:8px;font-style:normal}.wm-class-route>i{color:var(--g-muted);font-style:normal;opacity:.55;font-size:16px} .wm-class-stage-intro{display:grid;grid-template-columns:minmax(190px,300px) minmax(0,1fr);gap:16px;align-items:stretch;margin:14px 0 18px}.wm-class-stage-intro>div:last-child{display:flex;flex-direction:column;justify-content:center;gap:13px}.wm-class-stage-intro p{margin:0;color:var(--g-muted);font-size:9px;line-height:1.65} .wm-class-npc-card__image,.wm-class-npc-card{min-height:220px;max-height:300px;border:1px solid var(--g-border);border-radius:9px;background:var(--g-surface-2);overflow:hidden}.wm-class-npc-card__image img{width:100%;height:100%;object-fit:contain;background:var(--g-surface)} .wm-class-npc-card--placeholder{background:linear-gradient(145deg,var(--g-surface-2),var(--g-surface));display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:8px;padding:24px;color:var(--g-text)}.wm-class-npc-card--placeholder>div{font-size:30px;color:var(--g-accent)}.wm-class-npc-card--placeholder strong{font-size:13px}.wm-class-npc-card--placeholder small{color:var(--g-muted);font-size:9px} .wm-class-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.wm-class-facts>span{padding:9px 10px;border:1px solid var(--g-border);border-radius:8px;background:var(--g-surface-2);display:grid;gap:3px;min-width:0}.wm-class-facts small{color:var(--g-muted);font-size:7.5px;text-transform:uppercase;letter-spacing:.08em}.wm-class-facts strong{color:var(--g-text);font-size:9px;overflow-wrap:anywhere} .wm-class-item-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin:14px 0 18px}.wm-class-item-grid--compact{grid-template-columns:repeat(2,minmax(0,240px))}.wm-class-item{border:1px solid var(--g-border);border-radius:8px;background:var(--g-surface-2);padding:9px;display:grid;grid-template-columns:58px minmax(0,1fr);gap:9px;align-items:center;min-height:78px;cursor:help}.wm-class-item:hover,.wm-class-item:focus{border-color:color-mix(in srgb,var(--g-accent) 45%,var(--g-border));box-shadow:0 5px 14px color-mix(in srgb,var(--g-accent) 8%,transparent)}.wm-class-item__image{width:58px;height:58px;display:flex;align-items:center;justify-content:center}.wm-class-item__image img{max-width:100%;max-height:100%;object-fit:contain}.wm-class-item>span:last-child{display:grid;gap:3px;min-width:0}.wm-class-item strong{color:var(--g-text);font-size:9px;line-height:1.25}.wm-class-item small{color:var(--g-muted);font-size:7.8px;line-height:1.3} .wm-class-steps{margin-top:12px}.wm-class-location-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin:14px 0}.wm-class-location-grid>span{padding:10px;border:1px solid var(--g-border);border-radius:8px;background:var(--g-surface-2);display:grid;gap:4px}.wm-class-location-grid strong{color:var(--g-text);font-size:9px}.wm-class-location-grid small{color:var(--g-muted);font-size:7.8px;line-height:1.4}.wm-class-rewards{margin-top:16px} .wm-class-part-head{display:grid;grid-template-columns:38px minmax(0,1fr);gap:10px;align-items:start;margin:20px 0 11px}.wm-class-part-head>b{width:38px;height:38px;display:grid;place-items:center;border:1px solid var(--g-border);border-radius:8px;color:var(--g-accent);font-size:12px;background:color-mix(in srgb,var(--g-accent) 7%,var(--g-surface-2))}.wm-class-part-head small{color:var(--g-muted);font-size:7px;letter-spacing:.12em}.wm-class-part-head h4{color:var(--g-text);margin:1px 0 4px;font-size:11px}.wm-class-part-head p{margin:0;color:var(--g-muted);font-size:8.5px;line-height:1.5} .wm-class-map-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.wm-class-map-card{border:1px solid var(--g-border);border-radius:9px;background:var(--g-surface-2);overflow:hidden}.wm-class-map-card__map{aspect-ratio:1.4/1;min-height:150px;background:var(--g-surface)}.wm-class-map-card__map img{width:100%;height:100%;object-fit:cover}.wm-class-map-card__body{padding:10px;display:grid;gap:9px}.wm-class-map-card__body h4{margin:0;color:var(--g-text);font-size:10px}.wm-class-map-card__monster{display:grid;grid-template-columns:68px minmax(0,1fr);gap:8px;align-items:center}.wm-class-map-card__monster-image{height:54px;background:var(--g-surface);border-radius:7px}.wm-class-map-card__monster-image img{width:100%;height:100%;object-fit:contain}.wm-class-map-card__monster span{display:grid;gap:2px}.wm-class-map-card__monster small,.wm-class-map-card__drop>small{color:var(--g-muted);font-size:7px;text-transform:uppercase;letter-spacing:.08em}.wm-class-map-card__monster strong{color:var(--g-text);font-size:8.5px}.wm-class-map-card__drop{display:grid;gap:6px}.wm-class-map-card__drop .wm-class-item{grid-template-columns:44px minmax(0,1fr);min-height:62px;padding:7px}.wm-class-map-card__drop .wm-class-item__image{width:44px;height:44px} .wm-class-wide-media{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(300px,1fr);gap:10px;align-items:stretch}.wm-class-wide-media--single{grid-template-columns:minmax(0,1.2fr) minmax(260px,.8fr);align-items:center}.wm-class-wide-media--single p{margin:0;color:var(--g-muted);font-size:9px;line-height:1.65}.wm-class-wide-media__image{min-height:240px;border:1px solid var(--g-border);border-radius:9px;background:var(--g-surface-2);overflow:hidden}.wm-class-wide-media__image img{width:100%;height:100%;object-fit:cover} .wm-class-monster-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.wm-class-monster{border:1px solid var(--g-border);border-radius:8px;background:var(--g-surface-2);display:grid;grid-template-rows:1fr auto;min-height:145px;overflow:hidden}.wm-class-monster__media{min-height:105px;background:var(--g-surface)}.wm-class-monster__media img{width:100%;height:100%;object-fit:contain}.wm-class-monster>div:last-child{padding:8px 9px;display:grid;gap:2px}.wm-class-monster strong{color:var(--g-text);font-size:8.5px}.wm-class-monster small{color:var(--g-muted);font-size:7.5px} .wm-class-final-battle{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(190px,.5fr);gap:10px}.wm-class-final-battle__map{min-height:230px;border:1px solid var(--g-border);border-radius:9px;overflow:hidden;background:var(--g-surface-2)}.wm-class-final-battle__map img{width:100%;height:100%;object-fit:cover} .wm-class-trial-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:16px 0}.wm-class-trial-grid>article{position:relative;border:1px solid var(--g-border);border-radius:8px;background:var(--g-surface-2);overflow:hidden}.wm-class-trial-grid>article>b{position:absolute;top:8px;left:8px;z-index:2;width:28px;height:28px;display:grid;place-items:center;border:1px solid var(--g-border);border-radius:7px;background:color-mix(in srgb,var(--g-accent) 9%,var(--g-surface-2));color:var(--g-accent);font-size:9px}.wm-class-trial-card__image{height:150px;background:var(--g-surface)}.wm-class-trial-card__image img{width:100%;height:100%;object-fit:contain}.wm-class-trial-grid>article>div:last-child{padding:10px}.wm-class-trial-grid h4{margin:0 0 5px;color:var(--g-text);font-size:9.5px}.wm-class-trial-grid p{margin:0;color:var(--g-muted);font-size:8px;line-height:1.5}.wm-class-trial-grid small{display:block;margin-top:7px;color:var(--g-muted);font-size:7.5px;font-weight:700}.wm-class-monster-grid--sent{margin-top:12px} .wm-class-mount-layout{display:grid;grid-template-columns:minmax(260px,.75fr) minmax(0,1.25fr);gap:14px;align-items:start}.wm-class-mount-layout p{margin:0 0 12px;color:var(--g-muted);font-size:9px;line-height:1.65}.wm-class-mount-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.wm-class-mount-grid .wm-class-item{grid-template-columns:1fr;text-align:center}.wm-class-mount-grid .wm-class-item__image{width:100%;height:96px}.wm-class-mount-grid .wm-class-item>span:last-child{justify-items:center}.wm-class-final-note{margin-bottom:4px} @media(max-width:1100px){.wm-class-route{grid-template-columns:repeat(5,minmax(140px,1fr));overflow-x:auto}.wm-class-route>i{display:none}.wm-class-item-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.wm-class-facts{grid-template-columns:repeat(2,minmax(0,1fr))}.wm-class-location-grid{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:760px){.wm-class-stage-intro,.wm-class-wide-media,.wm-class-wide-media--single,.wm-class-final-battle,.wm-class-mount-layout{grid-template-columns:1fr}.wm-class-map-grid,.wm-class-trial-grid,.wm-class-monster-grid,.wm-class-mount-grid{grid-template-columns:1fr 1fr}.wm-class-item-grid{grid-template-columns:1fr 1fr}.wm-class-item-grid--compact{grid-template-columns:1fr 1fr}.wm-class-route{grid-template-columns:repeat(5,minmax(130px,1fr))}.wm-class-npc-card__image,.wm-class-npc-card{min-height:190px}.wm-class-wide-media__image{min-height:190px}} @media(max-width:520px){.wm-class-facts,.wm-class-item-grid,.wm-class-item-grid--compact,.wm-class-map-grid,.wm-class-trial-grid,.wm-class-monster-grid,.wm-class-mount-grid,.wm-class-location-grid{grid-template-columns:1fr}.wm-class-item{grid-template-columns:54px minmax(0,1fr)}.wm-class-item__image{width:54px;height:54px}.wm-class-change-hero .wm-basic-hero__quick{grid-template-columns:1fr 1fr}} /* Info 1.5.34 · Class Change · final organization pass */ .wm-class-stage-nav-head{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:10px;row-gap:2px;align-items:center;padding:12px 14px;border:1px solid var(--g-border);border-bottom:0;border-radius:10px 10px 0 0;background:var(--g-surface-2)} .wm-class-stage-nav-head>span{grid-row:1/3;align-self:stretch;min-width:58px;display:flex;align-items:center;justify-content:center;padding:0 10px;border-radius:7px;background:color-mix(in srgb,var(--g-accent) 9%,var(--g-surface));color:var(--g-accent);font-size:7.5px;font-weight:950;letter-spacing:.12em;text-transform:uppercase} .wm-class-stage-nav-head>strong{color:var(--g-text);font-size:10.5px;line-height:1.25}.wm-class-stage-nav-head>small{color:var(--g-muted);font-size:7.8px;line-height:1.4} .wm-class-stage-nav{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;overflow:visible;padding:8px;border:1px solid var(--g-border);border-radius:0 0 10px 10px;background:var(--g-surface)} .wm-class-stage-nav a{min-width:0;min-height:52px;padding:8px 9px;border:1px solid var(--g-border);border-radius:8px;background:var(--g-surface-2);color:var(--g-text);display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:3px;text-align:left;box-shadow:none} .wm-class-stage-nav a strong{display:block;max-width:100%;font-size:8.4px;line-height:1.25;font-weight:900;white-space:normal;overflow-wrap:anywhere}.wm-class-stage-nav a small{display:block;color:var(--g-muted);font-size:6.9px;line-height:1.2;font-weight:800} .wm-class-stage-nav a:hover,.wm-class-stage-nav a:focus-visible{transform:translateY(-1px);border-color:color-mix(in srgb,var(--g-accent) 48%,var(--g-border));background:color-mix(in srgb,var(--g-accent) 5%,var(--g-surface-2));outline:none} .wm-class-stage-nav a.is-active{border-color:var(--g-accent);background:var(--g-accent);color:#fff;box-shadow:0 5px 14px color-mix(in srgb,var(--g-accent) 18%,transparent)}.wm-class-stage-nav a.is-active small{color:rgba(255,255,255,.78)} .wm-class-change-page>.wm-basic-section:first-of-type{margin-top:2px}.wm-class-overview{padding-top:16px!important} .wm-class-route{display:grid;grid-template-columns:minmax(0,1fr) 20px minmax(0,1fr) 20px minmax(0,1fr) 20px minmax(0,1fr) 20px minmax(0,1fr);align-items:stretch;gap:5px;margin-top:15px} .wm-class-route>i{display:grid;place-items:center;color:var(--g-accent);font-style:normal;font-size:15px;opacity:.7} .wm-class-route-card{position:relative;min-width:0;padding:12px 10px 11px 42px;border:1px solid var(--g-border);border-radius:9px;background:var(--g-surface-2);color:inherit;text-decoration:none;display:flex;align-items:center;transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease}.wm-class-route-card:hover,.wm-class-route-card:focus-visible{transform:translateY(-2px);border-color:color-mix(in srgb,var(--g-accent) 48%,var(--g-border));box-shadow:0 7px 18px color-mix(in srgb,var(--g-accent) 8%,transparent);outline:none} .wm-class-route-card__step{position:absolute;left:10px;top:50%;transform:translateY(-50%);width:24px;height:24px;border-radius:7px;display:grid;place-items:center;background:color-mix(in srgb,var(--g-accent) 9%,var(--g-surface));color:var(--g-accent);font-size:9px;font-weight:950}.wm-class-route-card>span{display:grid;gap:2px;min-width:0}.wm-class-route-card small{color:var(--g-muted);font-size:6.8px;text-transform:uppercase;letter-spacing:.07em}.wm-class-route-card strong{color:var(--g-text);font-size:8.8px;line-height:1.2;overflow-wrap:anywhere}.wm-class-route-card em{color:var(--g-muted);font-size:7.1px;font-style:normal;line-height:1.25}.wm-class-route-card u{margin-top:4px;color:var(--g-accent);font-size:6.9px;font-weight:900;text-decoration:none} .wm-class-overview-note{margin-top:12px;padding:10px 12px;border:1px solid color-mix(in srgb,var(--g-accent) 25%,var(--g-border));border-radius:8px;background:color-mix(in srgb,var(--g-accent) 4%,var(--g-surface-2));display:grid;grid-template-columns:24px minmax(0,1fr);gap:8px;align-items:start}.wm-class-overview-note>span{width:24px;height:24px;display:grid;place-items:center;color:var(--g-accent)}.wm-class-overview-note svg{width:15px;height:15px}.wm-class-overview-note p{margin:0;color:var(--g-muted);font-size:8px;line-height:1.55} .wm-class-stage{padding-top:16px!important}.wm-class-final-note{margin-top:0!important;padding-top:8px!important} @media(max-width:1180px){.wm-class-stage-nav{grid-template-columns:repeat(3,minmax(0,1fr))}.wm-class-route{overflow-x:auto;padding-bottom:5px;scrollbar-width:thin}.wm-class-route-card{min-width:150px}} @media(max-width:760px){.wm-class-stage-nav{grid-template-columns:repeat(2,minmax(0,1fr))}.wm-class-stage-nav-head{grid-template-columns:1fr}.wm-class-stage-nav-head>span{grid-row:auto;min-height:28px;justify-self:start}.wm-class-route{grid-template-columns:1fr}.wm-class-route>i{display:none!important}.wm-class-route-card{min-height:70px}.wm-class-stage-intro{grid-template-columns:1fr}.wm-class-npc-card__image,.wm-class-npc-card{min-height:190px}.wm-class-facts{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:460px){.wm-class-stage-nav{grid-template-columns:1fr}.wm-class-stage-nav a{min-height:48px}.wm-class-facts{grid-template-columns:1fr}.wm-class-route-card{padding-left:44px}} /* Info 1.5.35 · Class Change · visual parity with Wings guides */ .wm-class-change-page{display:block;gap:0} .wm-class-stage-nav-head,.wm-class-overview,.wm-class-route,.wm-class-overview-note{display:none!important} .wm-class-stage-nav{display:flex;align-items:center;gap:6px;overflow-x:auto;padding:14px 0 12px;margin:0;border:0;border-bottom:1px solid var(--g-border);border-radius:0;background:transparent;scrollbar-width:none} .wm-class-stage-nav::-webkit-scrollbar{display:none} .wm-class-stage-nav a{flex:0 0 auto;min-width:0;min-height:34px;padding:8px 12px;border:1px solid var(--g-border);border-radius:8px;background:var(--g-surface-2);color:var(--g-muted);text-decoration:none;font-size:8.5px;font-weight:900;line-height:1;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;box-shadow:none;transition:border-color .15s ease,background .15s ease,color .15s ease,transform .15s ease} .wm-class-stage-nav a:hover,.wm-class-stage-nav a:focus-visible{transform:translateY(-1px);border-color:color-mix(in srgb,var(--g-accent) 45%,var(--g-border));background:color-mix(in srgb,var(--g-accent) 5%,var(--g-surface-2));color:var(--g-accent);outline:none} .wm-class-stage-nav a.is-active{border-color:var(--g-accent);background:var(--g-accent);color:#fff;box-shadow:0 4px 12px color-mix(in srgb,var(--g-accent) 16%,transparent)} .wm-class-change-page .wm-basic-section{padding:22px 0;margin:0;border-bottom:1px solid var(--g-border)} .wm-class-change-page .wm-basic-section:last-child{border-bottom:0} .wm-class-stage{padding-top:22px!important} .wm-class-stage>.wm-guide-section-heading:first-child{margin-bottom:12px} .wm-class-stage-intro{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(280px,.82fr);grid-template-areas:"copy media";gap:14px;align-items:stretch;margin:0 0 20px} .wm-class-stage-intro>div:first-child,.wm-class-stage-intro>.wm-class-npc-card__image{grid-area:media} .wm-class-stage-intro>div:last-child{grid-area:copy;display:flex;flex-direction:column;justify-content:center;gap:14px;min-width:0;padding:2px 0} .wm-class-stage-intro p{margin:0;color:var(--g-muted);font-size:9px;line-height:1.65} .wm-class-npc-card__image,.wm-class-npc-card{height:270px;min-height:270px;max-height:270px;border:1px solid var(--g-border);border-radius:10px;background:var(--g-surface-2);overflow:hidden} .wm-class-npc-card__image img{display:block;width:100%;height:100%;object-fit:contain;background:var(--g-surface)} .wm-class-npc-card--placeholder{background:color-mix(in srgb,var(--g-accent) 4%,var(--g-surface-2));display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:8px;padding:24px;color:var(--g-text)} .wm-class-npc-card--placeholder>div{color:var(--g-accent)} .wm-class-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px} .wm-class-facts>span{min-height:58px;padding:9px 10px;border:1px solid var(--g-border);border-radius:8px;background:var(--g-surface-2);display:flex;flex-direction:column;justify-content:center;gap:4px;min-width:0} .wm-class-facts small{color:var(--g-accent);font-size:7px;font-weight:900;text-transform:uppercase;letter-spacing:.08em} .wm-class-facts strong{color:var(--g-text);font-size:9px;line-height:1.3;overflow-wrap:anywhere} .wm-class-item-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:12px 0 18px} .wm-class-item-grid--compact{grid-template-columns:repeat(2,minmax(0,260px))} .wm-class-item{overflow:hidden;border:1px solid var(--g-border);border-radius:9px;background:var(--g-surface-2);padding:0;display:block;min-height:0;cursor:help;transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease} .wm-class-item:hover,.wm-class-item:focus{transform:translateY(-1px);border-color:color-mix(in srgb,var(--g-accent) 45%,var(--g-border));box-shadow:0 6px 18px color-mix(in srgb,var(--g-accent) 8%,transparent)} .wm-class-item__image{width:100%;height:108px;display:flex;align-items:center;justify-content:center;padding:8px;background:var(--g-surface)} .wm-class-item__image img{display:block;width:auto;max-width:100%;height:auto;max-height:92px;object-fit:contain} .wm-class-item>span:last-child{display:block;padding:9px 10px;border-top:1px solid var(--g-border)} .wm-class-item strong{display:block;color:var(--g-text);font-size:9px;font-weight:950;line-height:1.3} .wm-class-item small{display:block;margin-top:3px;color:var(--g-muted);font-size:7.5px;line-height:1.35} .wm-class-steps{margin:12px 0 0} .wm-class-location-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:14px 0 0} .wm-class-location-grid>span{min-height:70px;padding:10px;border:1px solid var(--g-border);border-radius:9px;background:var(--g-surface-2);display:flex;flex-direction:column;justify-content:center;gap:4px} .wm-class-location-grid strong{color:var(--g-text);font-size:9px}.wm-class-location-grid small{color:var(--g-muted);font-size:7.5px;line-height:1.4} .wm-class-part-head{display:grid;grid-template-columns:34px minmax(0,1fr);gap:9px;align-items:start;margin:22px 0 10px;padding-top:2px} .wm-class-part-head>b{width:34px;height:34px;display:grid;place-items:center;border:1px solid var(--g-border);border-radius:8px;background:color-mix(in srgb,var(--g-accent) 8%,var(--g-surface-2));color:var(--g-accent);font-size:10px;font-weight:950} .wm-class-part-head small{display:block;color:var(--g-accent);font-size:7px;font-weight:950;letter-spacing:.1em}.wm-class-part-head h4{margin:2px 0 4px;color:var(--g-text);font-size:11px}.wm-class-part-head p{margin:0;color:var(--g-muted);font-size:8.5px;line-height:1.5} .wm-class-map-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px} .wm-class-map-card{overflow:hidden;border:1px solid var(--g-border);border-radius:10px;background:var(--g-surface-2)} .wm-class-map-card__map{height:170px;min-height:170px;background:var(--g-surface)}.wm-class-map-card__map img{width:100%;height:100%;object-fit:cover} .wm-class-map-card__body{padding:10px;display:grid;gap:9px}.wm-class-map-card__body h4{margin:0;color:var(--g-text);font-size:10px} .wm-class-map-card__monster{display:grid;grid-template-columns:62px minmax(0,1fr);gap:8px;align-items:center}.wm-class-map-card__monster-image{height:54px;border-radius:7px;background:var(--g-surface);overflow:hidden}.wm-class-map-card__monster-image img{width:100%;height:100%;object-fit:contain} .wm-class-map-card__drop .wm-class-item{display:grid;grid-template-columns:48px minmax(0,1fr);align-items:center}.wm-class-map-card__drop .wm-class-item__image{width:48px;height:48px;padding:4px}.wm-class-map-card__drop .wm-class-item>span:last-child{border-top:0;border-left:1px solid var(--g-border);padding:7px} .wm-class-wide-media,.wm-class-final-battle{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr);gap:10px;align-items:stretch}.wm-class-wide-media--single{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center} .wm-class-wide-media__image,.wm-class-final-battle__map{height:255px;min-height:255px;border:1px solid var(--g-border);border-radius:10px;background:var(--g-surface-2);overflow:hidden}.wm-class-wide-media__image img,.wm-class-final-battle__map img{width:100%;height:100%;object-fit:cover} .wm-class-monster-grid,.wm-class-trial-grid,.wm-class-mount-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px} .wm-class-monster,.wm-class-trial-grid>article{overflow:hidden;border:1px solid var(--g-border);border-radius:9px;background:var(--g-surface-2)} .wm-class-monster__media,.wm-class-trial-card__image{height:126px;min-height:126px;background:var(--g-surface)}.wm-class-monster__media img,.wm-class-trial-card__image img{width:100%;height:100%;object-fit:contain} .wm-class-monster>div:last-child,.wm-class-trial-grid>article>div:last-child{padding:9px 10px;border-top:1px solid var(--g-border)} .wm-class-trial-grid>article{position:relative}.wm-class-trial-grid>article>b{position:absolute;top:8px;left:8px;z-index:2;width:28px;height:28px;display:grid;place-items:center;border:1px solid var(--g-border);border-radius:7px;background:color-mix(in srgb,var(--g-accent) 9%,var(--g-surface-2));color:var(--g-accent);font-size:9px} .wm-class-mount-layout{display:grid;grid-template-columns:minmax(250px,.7fr) minmax(0,1.3fr);gap:14px;align-items:start}.wm-class-mount-layout p{margin:0;color:var(--g-muted);font-size:9px;line-height:1.65} .wm-class-mount-grid .wm-class-item{display:block;text-align:center}.wm-class-mount-grid .wm-class-item__image{width:100%;height:108px} .wm-class-rewards{margin-top:16px}.wm-class-final-note{padding-top:22px!important;margin:0!important} @media(max-width:980px){.wm-class-stage-intro{grid-template-columns:1fr;grid-template-areas:"copy" "media"}.wm-class-npc-card__image,.wm-class-npc-card{height:auto;min-height:210px;max-height:none;aspect-ratio:16/9}.wm-class-item-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.wm-class-location-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.wm-class-map-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.wm-class-wide-media,.wm-class-wide-media--single,.wm-class-final-battle,.wm-class-mount-layout{grid-template-columns:1fr}} @media(max-width:680px){.wm-class-stage-nav{padding:10px 0}.wm-class-stage-nav a{min-height:32px;padding:7px 10px;font-size:8px}.wm-class-item-grid,.wm-class-item-grid--compact{grid-template-columns:repeat(2,minmax(0,1fr))}.wm-class-map-grid,.wm-class-monster-grid,.wm-class-trial-grid,.wm-class-mount-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.wm-class-wide-media__image,.wm-class-final-battle__map{height:210px;min-height:210px}} @media(max-width:460px){.wm-class-facts,.wm-class-location-grid,.wm-class-map-grid,.wm-class-monster-grid,.wm-class-trial-grid,.wm-class-mount-grid{grid-template-columns:1fr}.wm-class-item-grid,.wm-class-item-grid--compact{grid-template-columns:1fr 1fr}.wm-class-item__image{height:96px}.wm-class-stage-nav a{font-size:7.8px}} /* Info 1.5.39 - Fenrir video variants */ .wm-fenrir-video-grid{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; margin-top:14px; } .wm-fenrir-video-card{ min-width:0; overflow:hidden; border:1px solid var(--wm-info-border,#d7e3f1); border-radius:10px; background:var(--wm-info-card-bg,#fff); } .wm-fenrir-video-card__media{ position:relative; aspect-ratio:5/3; overflow:hidden; background:#05070a; border-bottom:1px solid var(--wm-info-border,#d7e3f1); } .wm-fenrir-video-card__media video{ display:block; width:100%; height:100%; object-fit:contain; background:#05070a; } .wm-fenrir-video-card__body{ display:flex; flex-direction:column; gap:4px; padding:12px 14px 14px; } .wm-fenrir-video-card__body small{ font-size:10px; font-weight:800; letter-spacing:.06em; text-transform:uppercase; opacity:.72; } .wm-fenrir-video-card__body strong{ font-size:14px; line-height:1.25; } .wm-fenrir-video-card__body p{ margin:0; font-size:12px; line-height:1.45; opacity:.78; } @media (max-width:900px){ .wm-fenrir-video-grid{grid-template-columns:1fr;} } /* Info 1.5.48 · Castle Siege live status integrated into Events */ .wm-info-castle-live{display:grid;gap:12px;margin:0 0 18px;padding:14px;border:1px solid var(--g-border);border-radius:14px;background:linear-gradient(135deg,color-mix(in srgb,var(--g-accent) 6%,var(--g-surface)),var(--g-surface));box-shadow:var(--g-shadow);overflow:hidden} .wm-info-castle-live__hero{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(230px,.65fr);gap:12px;align-items:stretch} .wm-info-castle-live__copy,.wm-info-castle-owner{border:1px solid var(--g-border);border-radius:12px;background:var(--g-surface-2)} .wm-info-castle-live__copy{padding:18px 20px}.wm-info-castle-live__copy>small,.wm-info-castle-schedule__head small{display:block;color:var(--g-accent);font-size:8px;font-weight:950;letter-spacing:.11em}.wm-info-castle-live__copy h2{margin:4px 0 6px;color:var(--g-text);font-size:23px;line-height:1.05}.wm-info-castle-live__copy p{margin:0;color:var(--g-muted);font-size:10.5px;line-height:1.6} .wm-info-castle-live__countdown{display:grid;grid-template-columns:auto 1fr;gap:2px 12px;align-items:end;margin-top:15px;padding-top:12px;border-top:1px solid var(--g-border)}.wm-info-castle-live__countdown span{grid-column:1;color:var(--g-muted);font-size:8px;font-weight:850;text-transform:uppercase}.wm-info-castle-live__countdown strong{grid-column:1;color:var(--g-accent);font-size:21px;line-height:1}.wm-info-castle-live__countdown small{grid-column:2;grid-row:1/3;align-self:center;justify-self:end;color:var(--g-muted);font-size:9px;font-weight:800} .wm-info-castle-owner{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:14px;text-align:center}.wm-info-castle-owner__mark{width:72px;height:72px;display:grid;place-items:center;margin-bottom:8px;border:1px solid var(--g-border);border-radius:12px;background:var(--g-surface);overflow:hidden}.wm-info-castle-owner__mark img{width:58px;height:58px;object-fit:contain;image-rendering:pixelated}.wm-info-castle-owner__mark svg{width:24px;height:24px;color:var(--g-accent)}.wm-info-castle-owner>span{color:var(--g-muted);font-size:8px;font-weight:850;text-transform:uppercase}.wm-info-castle-owner>strong{margin-top:2px;color:var(--g-text);font-size:16px}.wm-info-castle-owner>small{margin-top:4px;color:var(--g-muted);font-size:9px} .wm-info-castle-live__stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.wm-info-castle-live__stats article{display:grid;grid-template-columns:34px minmax(0,1fr);grid-template-rows:auto auto;column-gap:9px;align-items:center;min-height:66px;padding:10px;border:1px solid var(--g-border);border-radius:10px;background:var(--g-surface-2)}.wm-info-castle-live__stats article>span{grid-row:1/3;width:34px;height:34px;display:grid;place-items:center;border-radius:9px;background:color-mix(in srgb,var(--g-accent) 9%,var(--g-surface));color:var(--g-accent)}.wm-info-castle-live__stats svg{width:15px;height:15px}.wm-info-castle-live__stats small{color:var(--g-muted);font-size:7.5px;font-weight:850;text-transform:uppercase}.wm-info-castle-live__stats strong{color:var(--g-text);font-size:10.5px;overflow-wrap:anywhere} .wm-info-castle-schedule{border:1px solid var(--g-border);border-radius:12px;background:var(--g-surface-2);overflow:hidden}.wm-info-castle-schedule__head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-bottom:1px solid var(--g-border)}.wm-info-castle-schedule__head h3{margin:2px 0 0;color:var(--g-text);font-size:14px}.wm-info-castle-schedule__head>svg{width:18px;height:18px;color:var(--g-accent)}.wm-info-castle-schedule__table{overflow-x:auto}.wm-info-castle-schedule table{width:100%;border-collapse:collapse}.wm-info-castle-schedule th,.wm-info-castle-schedule td{padding:9px 12px;border-bottom:1px solid var(--g-border);text-align:left;font-size:9px;color:var(--g-muted);white-space:nowrap}.wm-info-castle-schedule th{font-size:7.5px;text-transform:uppercase;letter-spacing:.05em}.wm-info-castle-schedule td strong{color:var(--g-text)}.wm-info-castle-schedule tr.is-current td{background:color-mix(in srgb,var(--g-accent) 8%,transparent)}.wm-info-castle-schedule tr.is-current td:first-child{box-shadow:inset 3px 0 0 var(--g-accent)}.wm-info-castle-schedule tr.is-battle td strong{color:var(--g-accent)}.wm-info-castle-schedule tbody tr:last-child td{border-bottom:0} .wm-info-castle-live__alert{display:flex;align-items:center;gap:9px;padding:10px 12px;border:1px solid color-mix(in srgb,var(--g-accent) 25%,var(--g-border));border-radius:9px;background:color-mix(in srgb,var(--g-accent) 6%,var(--g-surface-2));color:var(--g-muted);font-size:9.5px}.wm-info-castle-live__alert svg{width:15px;height:15px;color:var(--g-accent)} @media(max-width:760px){.wm-info-castle-live__hero{grid-template-columns:1fr}.wm-info-castle-live__stats{grid-template-columns:1fr}.wm-info-castle-live__countdown small{justify-self:start}.wm-info-castle-live{padding:10px}.wm-info-castle-live__copy{padding:15px}.wm-info-castle-live__copy h2{font-size:20px}} /* Info 1.5.49 - Castle Siege: guild mark inline desde G_Mark. */ .wm-info-castle-owner__mark .wm-info-castle-owner__guildmark{width:58px!important;height:58px!important;display:block;image-rendering:pixelated;filter:drop-shadow(0 4px 8px rgba(0,0,0,.16))}