:root{--bg: #08090f;--bg-2: #0b0d16;--panel: #12141f;--panel-2: #181b29;--panel-3: #1f2333;--line: #272c3d;--line-soft: #1c2030;--text: #eef1fa;--text-dim: #a3abc2;--text-faint: #6b7388;--brand: #ff3b54;--brand-2: #ff6a5a;--accent: #ff3b54;--radius: 16px;--radius-sm: 11px;--shadow-1: 0 2px 8px rgba(0, 0, 0, .4);--shadow-2: 0 14px 40px rgba(0, 0, 0, .5);--glow: 0 0 0 1px color-mix(in srgb, var(--accent) 55%, transparent), 0 12px 38px color-mix(in srgb, var(--accent) 26%, transparent);--font-display: "Orbitron", "Segoe UI", system-ui, sans-serif;--font-body: "Chakra Petch", "Segoe UI", system-ui, -apple-system, sans-serif;font-family:var(--font-body);color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;padding:0}body{min-height:100vh;background:radial-gradient(900px 520px at 78% -8%,rgba(255,59,84,.14),transparent 60%),radial-gradient(1100px 700px at 12% 0%,rgba(80,120,255,.1),transparent 55%),linear-gradient(180deg,var(--bg-2),var(--bg) 60%);background-attachment:fixed;color:var(--text);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}a{color:inherit;text-decoration:none}::selection{background:color-mix(in srgb,var(--brand) 45%,transparent);color:#fff}:focus-visible{outline:2px solid var(--brand-2);outline-offset:2px;border-radius:6px}.app{min-height:100vh;display:flex;flex-direction:column}.topbar{position:sticky;top:0;z-index:40;display:flex;align-items:center;gap:28px;padding:13px clamp(16px,4vw,48px);background:color-mix(in srgb,var(--bg) 72%,transparent);backdrop-filter:blur(16px) saturate(140%);-webkit-backdrop-filter:blur(16px) saturate(140%);border-bottom:1px solid var(--line-soft)}.topbar:after{content:"";position:absolute;inset:auto 0 -1px 0;height:1px;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--brand) 60%,transparent),transparent);opacity:.7}.brand{display:flex;align-items:center;gap:11px;font-family:var(--font-display);font-weight:800;font-size:19px;letter-spacing:1px;text-transform:uppercase}.brand-mark{color:var(--brand);filter:drop-shadow(0 0 9px color-mix(in srgb,var(--brand) 70%,transparent));flex-shrink:0}.brand-name{color:var(--text)}.brand-name span{color:var(--brand)}.nav{display:flex;gap:4px;margin-left:auto}.nav-toggle{display:none;margin-left:auto;flex-direction:column;justify-content:center;gap:5px;width:42px;height:38px;padding:0 9px;border:1px solid var(--line);border-radius:10px;background:var(--panel);cursor:pointer}.nav-toggle-bar{display:block;height:2px;width:100%;border-radius:2px;background:var(--text);transition:transform .2s,opacity .2s}.nav-toggle.open .nav-toggle-bar:nth-child(1){transform:translateY(7px) rotate(45deg)}.nav-toggle.open .nav-toggle-bar:nth-child(2){opacity:0}.nav-toggle.open .nav-toggle-bar:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.nav-link{padding:9px 17px;border-radius:999px;color:var(--text-dim);font-weight:600;font-size:13.5px;letter-spacing:.4px;transition:color .16s,background .16s,box-shadow .16s}.nav-link:hover{color:var(--text);background:var(--panel)}.nav-link.active{color:#fff;background:linear-gradient(180deg,var(--brand),color-mix(in srgb,var(--brand) 60%,#000));box-shadow:0 6px 18px color-mix(in srgb,var(--brand) 40%,transparent)}.content{flex:1;width:100%;max-width:1200px;margin:0 auto;padding:clamp(20px,4vw,44px)}.footer{border-top:1px solid var(--line-soft);padding:26px clamp(16px,4vw,48px);color:var(--text-faint);font-size:12.5px;display:flex;flex-direction:column;gap:4px}.hero{position:relative;text-align:center;padding:60px 0 40px;overflow:hidden}.hero:before{content:"";position:absolute;left:50%;top:8px;width:560px;max-width:90vw;height:280px;transform:translate(-50%);background:radial-gradient(closest-side,rgba(255,59,84,.22),transparent 70%);filter:blur(8px);pointer-events:none}.hero h1{position:relative;font-family:var(--font-display);font-size:clamp(38px,7vw,76px);margin:0;font-weight:900;letter-spacing:2px;text-transform:uppercase;background:linear-gradient(180deg,#fff 30%,#c7ccde);-webkit-background-clip:text;background-clip:text;color:transparent}.hero h1 span{background:linear-gradient(180deg,var(--brand-2),var(--brand));-webkit-background-clip:text;background-clip:text;color:transparent}.hero p{position:relative;color:var(--text-dim);font-size:16.5px;letter-spacing:.3px;margin:14px auto 0;max-width:60ch}.tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:16px;margin:36px 0 56px}.tile{position:relative;background:linear-gradient(180deg,var(--panel),var(--bg-2));border:1px solid var(--line);border-radius:var(--radius);padding:26px 24px;display:flex;flex-direction:column;gap:5px;overflow:hidden;transition:transform .2s,border-color .2s,box-shadow .2s}.tile:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(120% 90% at 100% 0%,rgba(255,59,84,.14),transparent 55%);opacity:0;transition:opacity .2s}.tile:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--brand) 55%,var(--line));box-shadow:var(--shadow-2)}.tile:hover:before{opacity:1}.tile-count{font-family:var(--font-display);font-size:38px;font-weight:800;line-height:1;color:var(--brand);text-shadow:0 0 24px color-mix(in srgb,var(--brand) 45%,transparent)}.tile-label{font-family:var(--font-display);font-size:16px;font-weight:700;letter-spacing:1px;text-transform:uppercase}.tile-desc{font-size:13px;color:var(--text-dim)}.section-head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:18px}.section-head h2{font-family:var(--font-display);margin:0;font-size:21px;font-weight:700;letter-spacing:1px;text-transform:uppercase}.see-all{color:var(--brand);font-weight:600;font-size:13.5px;transition:opacity .15s}.see-all:hover{opacity:.75}.page-head{display:flex;align-items:baseline;gap:14px;margin-bottom:22px;padding-bottom:14px;border-bottom:1px solid var(--line-soft)}.page-head h1{font-family:var(--font-display);margin:0;font-size:clamp(26px,4vw,34px);font-weight:800;letter-spacing:1.5px;text-transform:uppercase}.page-count{color:var(--text-faint);font-size:13px;letter-spacing:.5px}.filters{display:flex;flex-wrap:wrap;gap:14px 22px;align-items:center;margin-bottom:28px}.search{background:var(--panel);border:1px solid var(--line);border-radius:999px;padding:11px 18px;color:var(--text);font-family:var(--font-body);font-size:14px;min-width:240px;outline:none;transition:border-color .15s,box-shadow .15s}.search::placeholder{color:var(--text-faint)}.search:focus{border-color:var(--brand);box-shadow:0 0 0 3px color-mix(in srgb,var(--brand) 22%,transparent)}.filter-group{display:flex;align-items:center;gap:10px}.filter-label{font-size:11px;text-transform:uppercase;letter-spacing:1.4px;color:var(--text-faint);font-weight:600}.chips{display:flex;flex-wrap:wrap;gap:6px}.chip{background:var(--panel);border:1px solid var(--line);color:var(--text-dim);border-radius:999px;padding:7px 14px;font-family:var(--font-body);font-size:12.5px;font-weight:600;letter-spacing:.3px;cursor:pointer;transition:color .13s,background .13s,border-color .13s}.chip:hover{color:var(--text);border-color:var(--text-faint)}.chip.active{background:linear-gradient(180deg,var(--brand),color-mix(in srgb,var(--brand) 65%,#000));border-color:var(--brand);color:#fff;box-shadow:0 4px 14px color-mix(in srgb,var(--brand) 35%,transparent)}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(176px,1fr));gap:18px}.card-grid.small{grid-template-columns:repeat(auto-fill,minmax(132px,1fr))}.char-card{position:relative;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;display:flex;flex-direction:column;box-shadow:var(--shadow-1);transition:transform .18s ease,border-color .18s,box-shadow .18s}.char-card:hover{transform:translateY(-5px);border-color:color-mix(in srgb,var(--accent) 60%,var(--line));box-shadow:var(--glow)}.char-card-media{position:relative;aspect-ratio:1 / 1;background:radial-gradient(130% 120% at 50% 0%,color-mix(in srgb,var(--accent) 42%,transparent),transparent 62%),var(--panel-2);display:flex;align-items:flex-end;justify-content:center;overflow:hidden}.char-card-media img{width:100%;height:100%;object-fit:cover;object-position:top center;transition:transform .35s ease}.char-card:hover .char-card-media img{transform:scale(1.06)}.char-card-shine{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(115deg,transparent 35%,rgba(255,255,255,.16) 50%,transparent 65%);transform:translate(-120%);transition:transform .6s ease;pointer-events:none}.char-card:hover .char-card-shine{transform:translate(120%)}.char-card-noimg{font-family:var(--font-display);font-size:48px;font-weight:800;color:var(--text-faint);display:flex;align-items:center;justify-content:center;width:100%;height:100%}.char-card-noimg.big{font-size:96px}.char-card-badges{position:absolute;top:9px;left:9px;display:flex;gap:5px;z-index:2}.char-card-body{padding:12px 13px 14px;border-top:1px solid var(--line-soft)}.char-card-name{font-weight:700;font-size:14.5px;line-height:1.25;letter-spacing:.2px}.char-card-meta{color:var(--text-dim);font-size:12px;margin-top:3px;letter-spacing:.3px}.badge{display:inline-flex;align-items:center;font-family:var(--font-display);font-size:10px;font-weight:700;padding:4px 8px;border-radius:6px;line-height:1;letter-spacing:.6px;text-transform:uppercase;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.badge-rank{color:#fff;background:var(--c);box-shadow:0 2px 10px color-mix(in srgb,var(--c) 55%,transparent)}.badge-element{color:var(--c);background:color-mix(in srgb,var(--c) 18%,rgba(0,0,0,.35));border:1px solid color-mix(in srgb,var(--c) 50%,transparent)}.badge-class{color:var(--text);background:var(--panel-2);border:1px solid var(--line)}.badge-spec{color:var(--text-dim);background:transparent;border:1px dashed var(--line)}.rarity{color:var(--c);font-size:13px;letter-spacing:1px;white-space:nowrap;text-shadow:0 0 8px color-mix(in srgb,var(--c) 45%,transparent)}.back-link{display:inline-block;color:var(--text-dim);font-size:13.5px;font-weight:600;letter-spacing:.4px;margin-bottom:4px;transition:color .15s}.back-link:hover{color:var(--accent)}.detail-hero{display:grid;grid-template-columns:240px 1fr;gap:30px;margin:18px 0 40px;align-items:start}.detail-portrait{position:relative;border-radius:var(--radius);overflow:hidden;border:1px solid color-mix(in srgb,var(--accent) 35%,var(--line));background:radial-gradient(125% 120% at 50% 0%,color-mix(in srgb,var(--accent) 48%,transparent),transparent 64%),var(--panel-2);aspect-ratio:1 / 1;box-shadow:var(--glow)}.detail-portrait img{width:100%;height:100%;object-fit:cover;object-position:top center}.detail-head h1{font-family:var(--font-display);margin:12px 0 4px;font-size:clamp(26px,4vw,38px);font-weight:800;letter-spacing:1px}.detail-badges{display:flex;gap:7px;flex-wrap:wrap}.detail-sub{color:var(--text-dim);margin:0 0 20px;font-size:14.5px;letter-spacing:.3px}.sig-row{display:flex;flex-wrap:wrap;gap:12px}.sig-gear{display:flex;align-items:center;gap:12px;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:10px 16px 10px 10px;min-width:220px;transition:transform .15s,border-color .15s,box-shadow .15s}.sig-gear:not(.static):hover{border-color:color-mix(in srgb,var(--accent) 55%,var(--line));transform:translateY(-2px);box-shadow:var(--shadow-1)}.sig-gear.static{opacity:.8}.sig-thumb{width:48px;height:48px;border-radius:10px;background:var(--panel-2);display:flex;align-items:center;justify-content:center;overflow:hidden;color:var(--text-faint);font-family:var(--font-display);font-weight:800;flex-shrink:0}.sig-thumb img{width:100%;height:100%;object-fit:contain}.sig-text{display:flex;flex-direction:column}.sig-kind{font-size:10px;text-transform:uppercase;letter-spacing:1.3px;color:var(--text-faint);font-weight:600}.sig-name{font-weight:700;font-size:15px}.sig-sub{font-size:12px;color:var(--text-dim)}.detail-section{margin-bottom:38px}.detail-section h2{font-family:var(--font-display);font-size:18px;font-weight:700;letter-spacing:1px;text-transform:uppercase;margin:0 0 16px;padding-bottom:9px;border-bottom:1px solid var(--line);position:relative}.detail-section h2:after{content:"";position:absolute;left:0;bottom:-1px;width:54px;height:2px;background:var(--accent);box-shadow:0 0 10px var(--accent)}.build-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}.build-tab{background:var(--panel);border:1px solid var(--line);color:var(--text-dim);border-radius:9px;padding:9px 15px;font-family:var(--font-body);font-weight:600;font-size:13px;letter-spacing:.3px;cursor:pointer;transition:color .13s,background .13s,border-color .13s}.build-tab:hover{color:var(--text)}.build-tab.active{color:#fff;border-color:color-mix(in srgb,var(--accent) 60%,var(--line));background:color-mix(in srgb,var(--accent) 24%,var(--panel))}.build-panel{background:linear-gradient(180deg,var(--panel),var(--bg-2));border:1px solid var(--line);border-left:3px solid var(--accent);border-radius:12px;padding:22px 24px;box-shadow:var(--shadow-1)}.build-tags{display:flex;gap:8px;margin-bottom:14px;flex-wrap:wrap}.tag{font-family:var(--font-display);font-size:11px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;padding:5px 12px;border-radius:7px;background:color-mix(in srgb,var(--accent) 26%,var(--panel));color:#fff;border:1px solid color-mix(in srgb,var(--accent) 45%,transparent)}.tag.soft{background:var(--panel-2);color:var(--text-dim);border-color:var(--line)}.build-block{margin-top:18px}.build-block h4{margin:0 0 8px;font-size:11px;text-transform:uppercase;letter-spacing:1.3px;color:var(--accent);font-weight:700}.build-block p{margin:0;color:var(--text);font-size:14.5px;line-height:1.55}.build-block ul{margin:0;padding-left:18px;color:var(--text);font-size:14.5px;line-height:1.65}.build-block ul.mono{list-style:none;padding-left:0;font-family:ui-monospace,Cascadia Code,JetBrains Mono,Menlo,monospace;font-size:13px;color:var(--text-dim)}.build-block ul.mono li{padding:4px 0;border-bottom:1px dashed var(--line-soft)}.pill-row{display:flex;flex-wrap:wrap;gap:8px}.pill{background:var(--panel-2);border:1px solid var(--line);border-radius:999px;padding:6px 14px;font-size:13px;font-weight:600;letter-spacing:.3px}.mini-card{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:13px;display:flex;flex-direction:column;align-items:center;gap:9px;text-align:center;font-size:13px;font-weight:600;transition:transform .15s,border-color .15s,box-shadow .15s}.mini-card:hover{border-color:color-mix(in srgb,var(--accent) 55%,var(--line));transform:translateY(-3px);box-shadow:var(--shadow-1)}.mini-card img{width:66px;height:66px;object-fit:contain}.item-list{display:flex;flex-direction:column;gap:11px}.item-row{display:flex;gap:16px;background:var(--panel);border:1px solid var(--line);border-radius:13px;padding:15px 17px;scroll-margin-top:96px;transition:border-color .15s,box-shadow .15s,transform .15s}.item-row:hover{border-color:var(--line);transform:translateY(-2px);box-shadow:var(--shadow-1)}.item-row.highlight{border-color:var(--brand);box-shadow:0 0 0 2px color-mix(in srgb,var(--brand) 40%,transparent),0 12px 30px color-mix(in srgb,var(--brand) 22%,transparent)}.item-thumb{width:60px;height:60px;flex-shrink:0;border-radius:11px;background:var(--panel-2);display:flex;align-items:center;justify-content:center;overflow:hidden;color:var(--text-faint);font-family:var(--font-display);font-weight:800}.item-thumb img{width:100%;height:100%;object-fit:contain}.item-main{flex:1;min-width:0}.item-top{display:flex;align-items:center;gap:12px}.item-name{font-weight:700;font-size:16px;letter-spacing:.3px}.item-stats{display:flex;gap:10px;margin:7px 0 8px;flex-wrap:wrap}.stat{font-size:12px;color:var(--text-dim);font-weight:600;letter-spacing:.3px;background:var(--panel-2);border:1px solid var(--line-soft);border-radius:6px;padding:3px 9px;font-variant-numeric:tabular-nums}.item-effect{font-size:13.5px;color:var(--text-dim);line-height:1.55}.item-effect strong{color:var(--text)}.cub-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:18px;align-items:start}.cub-card{background:linear-gradient(180deg,var(--panel),var(--bg-2));border:1px solid var(--line);border-top:3px solid var(--accent);border-radius:14px;padding:17px;scroll-margin-top:96px;box-shadow:var(--shadow-1);transition:box-shadow .15s,transform .15s}.cub-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-2)}.cub-card.highlight{box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 50%,transparent),var(--shadow-2)}.cub-head{display:flex;gap:13px;margin-bottom:15px}.cub-thumb{width:62px;height:62px;flex-shrink:0;border-radius:11px;background:var(--panel-2);display:flex;align-items:center;justify-content:center;overflow:hidden;color:var(--text-faint);font-family:var(--font-display);font-weight:800}.cub-thumb img{width:100%;height:100%;object-fit:contain}.cub-name{font-weight:700;font-size:17px;letter-spacing:.3px;display:flex;align-items:center;gap:9px}.cub-rank{font-family:var(--font-display);font-size:10px;font-weight:800;color:#fff;background:var(--accent);border-radius:5px;padding:3px 7px;box-shadow:0 2px 8px color-mix(in srgb,var(--accent) 45%,transparent)}.cub-type{color:var(--text-dim);font-size:13px;margin-top:3px;letter-spacing:.3px}.cub-sig{color:var(--text-faint);font-size:12px;margin-top:3px}.cub-tabs{display:flex;gap:6px;margin-bottom:13px}.cub-tab{flex:1;background:var(--panel-2);border:1px solid var(--line);color:var(--text-dim);border-radius:9px;padding:8px;font-family:var(--font-body);font-weight:600;font-size:12.5px;letter-spacing:.3px;cursor:pointer;transition:color .13s,background .13s,border-color .13s}.cub-tab:hover{color:var(--text)}.cub-tab.active{color:#fff;border-color:color-mix(in srgb,var(--accent) 60%,var(--line));background:color-mix(in srgb,var(--accent) 22%,var(--panel))}.cub-skills{display:flex;flex-direction:column;gap:13px}.cub-skill{padding-left:11px;border-left:2px solid var(--line)}.cub-skill-name{font-weight:700;font-size:14px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.cub-skill-num{font-size:10px;font-weight:600;letter-spacing:.4px;text-transform:uppercase;color:var(--text-faint);background:var(--panel-2);border-radius:5px;padding:2px 7px}.cub-skill p{margin:5px 0 0;font-size:13px;color:var(--text-dim);line-height:1.55}.empty{color:var(--text-faint);padding:36px 0;text-align:center;font-size:14px;letter-spacing:.3px}.badge.has-icon{gap:5px;padding-left:7px}.badge-icon{width:14px;height:14px;object-fit:contain;display:block;flex-shrink:0}.badge-rank.has-icon{background:color-mix(in srgb,var(--c) 28%,rgba(0,0,0,.45));border:1px solid color-mix(in srgb,var(--c) 55%,transparent);box-shadow:none}.char-card-badges .badge-icon{width:16px;height:16px}.page-icon{width:30px;height:30px;object-fit:contain}.page-intro{color:var(--text-dim);font-size:14.5px;line-height:1.6;margin:-6px 0 22px;max-width:70ch}.page-intro code,.run-howto code{font-family:ui-monospace,JetBrains Mono,monospace;font-size:12.5px;background:var(--panel-2);border:1px solid var(--line);border-radius:5px;padding:1px 6px}.boss-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:18px}.boss-card{position:relative;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-1);transition:transform .18s,border-color .18s,box-shadow .18s}.boss-card:hover{transform:translateY(-5px);border-color:color-mix(in srgb,var(--brand) 55%,var(--line));box-shadow:var(--shadow-2)}.boss-card-media{position:relative;aspect-ratio:1 / 1;background:radial-gradient(130% 120% at 50% 0%,rgba(255,59,84,.22),transparent 62%),var(--panel-2);display:flex;align-items:center;justify-content:center;overflow:hidden}.boss-card-media img{width:100%;height:100%;object-fit:cover}.boss-era{position:absolute;top:8px;left:8px;font-family:var(--font-display);font-size:9.5px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;color:#fff;background:color-mix(in srgb,var(--brand) 75%,#000);border-radius:5px;padding:3px 7px}.boss-card-body{padding:12px 13px 14px;border-top:1px solid var(--line-soft)}.boss-card-name{font-weight:700;font-size:14.5px}.boss-card-weak{color:var(--text-dim);font-size:12px;margin-top:3px}.boss-hero{display:grid;grid-template-columns:220px 1fr;gap:28px;margin:18px 0 36px;align-items:start}.boss-portrait{border-radius:var(--radius);overflow:hidden;border:1px solid var(--line);background:radial-gradient(125% 120% at 50% 0%,rgba(255,59,84,.3),transparent 64%),var(--panel-2);aspect-ratio:1 / 1}.boss-portrait img{width:100%;height:100%;object-fit:cover}.boss-head h1{font-family:var(--font-display);margin:12px 0 8px;font-size:clamp(26px,4vw,36px);font-weight:800;letter-spacing:1px}.boss-weakness{margin:0 0 6px;font-size:15px;font-weight:600}.boss-weakness .filter-label{margin-right:6px}.boss-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}.boss-stat{background:var(--panel);border:1px solid var(--line);border-radius:11px;padding:12px 14px;display:flex;flex-direction:column;gap:4px}.boss-stat.big{grid-column:1 / -1;border-left:3px solid var(--brand)}.boss-stat-label{font-size:10.5px;text-transform:uppercase;letter-spacing:1.2px;color:var(--text-faint);font-weight:600}.boss-stat-value{font-family:var(--font-display);font-size:18px;font-weight:700;font-variant-numeric:tabular-nums}.boss-stat.big .boss-stat-value{font-size:26px;color:var(--brand-2)}.tab-count{display:inline-flex;align-items:center;justify-content:center;min-width:17px;height:17px;margin-left:7px;padding:0 5px;border-radius:999px;font-size:10.5px;font-weight:700;font-variant-numeric:tabular-nums;color:#fff;background:color-mix(in srgb,var(--accent) 70%,#000)}.run-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:18px}.run-card{margin:0;background:var(--panel);border:1px solid var(--line);border-radius:12px;overflow:hidden}.run-embed{aspect-ratio:16 / 9;background:#000}.run-embed iframe{width:100%;height:100%;border:0;display:block}.run-embed-empty{display:flex;align-items:center;justify-content:center;color:var(--text-faint);font-size:13px}.run-cap{padding:11px 14px;font-size:13.5px;font-weight:600;display:flex;align-items:center;gap:9px}.run-diff{font-family:var(--font-display);font-size:10px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;color:#fff;background:color-mix(in srgb,var(--brand) 70%,#000);border-radius:5px;padding:3px 7px}.run-placeholder{background:var(--panel);border:1px dashed var(--line);border-radius:12px;padding:22px;color:var(--text-dim)}.run-placeholder p{margin:0 0 8px}.run-howto{font-size:13px;color:var(--text-faint)}.run-snippet{margin:4px 0 0;background:var(--bg-2);border:1px solid var(--line);border-radius:9px;padding:14px 16px;overflow-x:auto;font-family:ui-monospace,JetBrains Mono,monospace;font-size:12.5px;line-height:1.5;color:var(--text-dim)}.score-calc{background:linear-gradient(180deg,var(--panel),var(--bg-2));border:1px solid var(--line);border-radius:var(--radius);padding:20px 22px;margin-bottom:34px}.calc-modes{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:18px}.calc-row{display:flex;flex-wrap:wrap;gap:20px;align-items:flex-end}.calc-field,.calc-result{display:flex;flex-direction:column;gap:7px}.calc-score{font-family:var(--font-display);font-size:34px;font-weight:800;line-height:1;color:var(--brand-2);font-variant-numeric:tabular-nums;display:flex;align-items:baseline;gap:10px}.calc-score small{font-family:var(--font-body);font-size:13px;font-weight:600;color:var(--text-faint)}.calc-score.invalid{color:var(--text-faint);font-size:20px}.score-subhead{font-family:var(--font-display);font-size:18px;font-weight:700;letter-spacing:1px;text-transform:uppercase;margin:0 0 14px}.score-table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:12px}.score-table{width:100%;border-collapse:collapse;font-size:13.5px;font-variant-numeric:tabular-nums}.score-table th,.score-table td{padding:10px 14px;text-align:right;white-space:nowrap}.score-table thead th{position:sticky;top:0;background:var(--panel-2);color:var(--text);font-family:var(--font-display);font-size:11px;letter-spacing:.6px;text-transform:uppercase;font-weight:700;border-bottom:1px solid var(--line)}.score-table th:first-child,.score-table td:first-child{text-align:left}.score-table tbody tr:nth-child(odd){background:color-mix(in srgb,var(--panel) 55%,transparent)}.score-table tbody tr:hover{background:color-mix(in srgb,var(--brand) 12%,transparent)}.tcell-time{font-family:var(--font-display);font-weight:700;color:var(--brand-2)}.score-note{color:var(--text-faint);font-size:12.5px;margin-top:14px;line-height:1.55}@media (max-width: 860px){.tiles,.detail-hero,.boss-hero{grid-template-columns:1fr}.detail-portrait,.boss-portrait{max-width:280px}}@media (max-width: 720px){.topbar{gap:12px;flex-wrap:wrap}.nav-toggle{display:flex}.nav{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;gap:2px;margin-left:0;padding:8px clamp(16px,4vw,48px) 14px;background:color-mix(in srgb,var(--bg) 94%,transparent);backdrop-filter:blur(16px) saturate(140%);-webkit-backdrop-filter:blur(16px) saturate(140%);border-bottom:1px solid var(--line-soft)}.nav.open{display:flex}.nav-link{width:100%;padding:12px 16px;border-radius:10px;font-size:14px}}@media (max-width: 560px){.cub-list{grid-template-columns:1fr}}.wz-main-tabs{margin-bottom:24px}.wz-zone-filter{margin-bottom:22px}.wz-chip{display:inline-flex;align-items:center;gap:7px}.wz-chip .badge-icon{width:15px;height:15px;object-fit:contain}.wz-panel{margin-bottom:30px}.wz-panel-head{display:flex;align-items:baseline;justify-content:space-between;gap:14px;margin-bottom:6px}.wz-panel-head h2{font-family:var(--font-display);font-size:17px;letter-spacing:1px;text-transform:uppercase;margin:0}.wz-panel-actions{display:flex;align-items:center;gap:12px}.wz-hint{margin:0 0 16px;font-size:13px;color:var(--text-faint)}.wz-disclaimer{margin:0 0 20px;padding:12px 14px;font-size:13px;line-height:1.55;color:var(--text-faint);background:color-mix(in srgb,var(--brand) 7%,transparent);border:1px solid color-mix(in srgb,var(--brand) 30%,var(--line));border-left:3px solid var(--brand);border-radius:8px}.wz-disclaimer strong{color:var(--text);font-weight:700}.wz-roster{display:grid;grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:12px}.wz-roster-cell{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-sm);overflow:hidden;transition:border-color .13s,box-shadow .13s}.wz-roster-cell.owned{border-color:color-mix(in srgb,var(--accent) 65%,var(--line));box-shadow:0 0 0 1px color-mix(in srgb,var(--accent) 40%,transparent)}.wz-roster-toggle{display:block;width:100%;padding:0;border:0;background:transparent;color:inherit;cursor:pointer;font-family:var(--font-body)}.wz-roster-img{position:relative;aspect-ratio:1 / 1;background:var(--bg-2)}.wz-roster-img img{width:100%;height:100%;object-fit:cover;display:block;filter:grayscale(.55) brightness(.78);transition:filter .15s}.wz-roster-cell.owned .wz-roster-img img,.wz-roster-toggle:hover .wz-roster-img img{filter:none}.wz-roster-name{display:block;padding:7px 8px;font-size:12px;font-weight:600;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--text-dim)}.wz-roster-cell.owned .wz-roster-name{color:var(--text)}.wz-inv-picker{display:grid;grid-template-columns:repeat(4,1fr);gap:2px;padding:0 6px 6px}.wz-inv-btn{padding:4px 0;border:1px solid var(--line);border-radius:6px;background:var(--bg-2);color:var(--text-faint);font-family:var(--font-body);font-size:10.5px;font-weight:700;cursor:pointer;transition:color .12s,background .12s,border-color .12s}.wz-inv-btn:hover{color:var(--text)}.wz-inv-btn.active{color:#fff;border-color:color-mix(in srgb,var(--accent) 60%,var(--line));background:color-mix(in srgb,var(--accent) 30%,var(--panel))}.wz-ref{display:flex;flex-direction:column}.wz-ref.status-almost{opacity:.72}.wz-ref.status-clearable{border-color:color-mix(in srgb,#5fd17d 50%,var(--line))}.wz-ref.status-overqualified{border-color:color-mix(in srgb,#6db4f2 45%,var(--line))}.wz-ref-body{padding:12px 14px 14px;display:flex;flex-direction:column;gap:10px}.wz-ref-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.wz-zone-tag{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:700}.wz-zone-tag .badge-icon{width:16px;height:16px;object-fit:contain}.wz-zone-type{font-size:11px;font-weight:600;color:var(--text-faint);letter-spacing:.3px}.wz-status{font-size:10.5px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;padding:3px 8px;border-radius:999px}.wz-status.ok{color:#062;background:#5fd17d}.wz-status.almost{color:#fff;background:color-mix(in srgb,var(--brand) 75%,#000)}.wz-status.over{color:#04263f;background:#6db4f2}.wz-ref-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:12.5px;color:var(--text-dim)}.wz-player{font-weight:600;color:var(--text)}.wz-score,.wz-patch{padding:2px 8px;border-radius:999px;background:var(--panel-2);border:1px solid var(--line);font-size:11.5px}.wz-team{display:flex;flex-wrap:wrap;gap:10px}.wz-member{width:56px;text-align:center}.wz-member-img{position:relative;aspect-ratio:1 / 1;border-radius:9px;overflow:hidden;background:var(--bg-2);border:1px solid var(--line)}.wz-member-img img{width:100%;height:100%;object-fit:cover;display:block}.wz-member.unmet .wz-member-img{border-color:color-mix(in srgb,var(--brand) 70%,transparent)}.wz-member.unmet .wz-member-img img{filter:grayscale(1) brightness(.55)}.wz-inv-badge{position:absolute;left:0;bottom:0;right:0;padding:1px 0;font-size:9.5px;font-weight:700;background:color-mix(in srgb,var(--accent, var(--brand)) 78%,#000);color:#fff}.wz-member.unmet .wz-inv-badge{background:color-mix(in srgb,var(--brand) 80%,#000)}.wz-member-name{display:block;margin-top:4px;font-size:10.5px;color:var(--text-faint);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.credit-lead{color:var(--text-dim);font-size:15px;line-height:1.7;max-width:72ch;margin:0}.credit-lead strong{color:var(--text);font-weight:700}.credit-people{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:14px;margin-top:18px}.credit-card{background:linear-gradient(180deg,var(--panel),var(--bg-2));border:1px solid var(--line);border-left:3px solid var(--brand);border-radius:12px;padding:16px 18px;display:flex;flex-direction:column;gap:4px}.credit-platform{font-size:10.5px;text-transform:uppercase;letter-spacing:1.2px;color:var(--text-faint);font-weight:600}.credit-name{font-family:var(--font-display);font-weight:700;font-size:16px;letter-spacing:.5px;color:var(--text)}.credit-role{color:var(--text-dim);font-size:13px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}