:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#101113;color:#f6f0e7;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;background:radial-gradient(circle at top left,rgba(39,137,119,.2),transparent 30rem),radial-gradient(circle at top right,rgba(168,55,70,.18),transparent 28rem),#101113}button,a{font:inherit}a{color:#7bd9c5}.app{min-height:100vh;padding:16px}.site-header{align-items:center;border-bottom:1px solid rgba(246,240,231,.14);display:flex;gap:16px;justify-content:space-between;margin:0 auto 18px;max-width:1440px;padding:6px 0 16px;position:sticky;top:0;z-index:20;background:#101113e0;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.brand-block h1{font-size:1.35rem;letter-spacing:0;line-height:1.1;margin:0 0 4px}.brand-block p,.source-footer{color:#f6f0e7a8;font-size:.86rem;margin:0}.mode-toggle{background:#ffffff14;border:1px solid rgba(255,255,255,.16);border-radius:999px;display:grid;grid-template-columns:repeat(2,minmax(74px,1fr));padding:4px}.mode-toggle button{background:transparent;border:0;border-radius:999px;color:#f6f0e7c2;cursor:pointer;min-height:38px;padding:0 14px}.mode-toggle button.active{background:#f4c95d;color:#16120a;font-weight:800}.mode-pvp .mode-toggle button.active{background:#d95265;color:#fff7f8}.tier-chart{display:grid;gap:10px;margin:0 auto;max-width:1440px}.source-status{align-items:baseline;background:#fff1;border:1px solid rgba(255,255,255,.12);border-left:4px solid #f4c95d;color:#f6f0e7c2;display:grid;gap:4px;padding:12px 14px}.mode-pvp .source-status{border-left-color:#d95265}.source-status strong{color:#f6f0e7;font-size:.9rem}.source-status span{font-size:.86rem;line-height:1.45}.tier-row{display:grid;grid-template-columns:72px minmax(0,1fr);min-height:104px;overflow:visible;border:1px solid rgba(255,255,255,.1);background:#ffffff0b}.tier-label{align-items:center;display:flex;justify-content:center;min-height:104px}.tier-label span{align-items:center;background:#00000052;border:1px solid rgba(255,255,255,.18);border-radius:8px;display:inline-flex;font-size:1.5rem;font-weight:900;height:54px;justify-content:center;min-width:54px}.tier-legendary .tier-label{background:#c99b2c}.tier-elite .tier-label{background:#ba4d5d}.tier-strong .tier-label{background:#3d8f7c}.tier-solid .tier-label{background:#4f6fa6}.tier-niche .tier-label{background:#6a6372}.tier-low .tier-label{background:#5a5148}.tier-unrated .tier-label{background:#393d42}.hero-grid{align-content:start;display:grid;gap:8px;grid-template-columns:repeat(auto-fill,minmax(84px,1fr));padding:10px}.hero-tile{align-items:center;background:#0c0d0e94;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#f6f0e7;cursor:pointer;display:grid;gap:5px;justify-items:center;min-height:104px;padding:7px 5px 6px;position:relative;transition:border-color .14s ease,transform .14s ease,background .14s ease}.hero-tile:hover,.hero-tile:focus-visible{background:#ffffff1a;border-color:#f4c95dc7;outline:none;transform:translateY(-1px);z-index:8}.mode-pvp .hero-tile:hover,.mode-pvp .hero-tile:focus-visible{border-color:#d95265d1}.portrait-frame{display:block;height:56px;position:relative;width:56px}.portrait-frame img{background:#202226;border-radius:7px;display:block;height:56px;object-fit:cover;width:56px}.score-chip{align-items:center;background:#161819;border:1px solid rgba(255,255,255,.18);border-radius:999px;bottom:-5px;color:#f4c95d;display:inline-flex;font-size:.68rem;font-weight:800;justify-content:center;min-height:18px;min-width:24px;padding:0 5px;position:absolute;right:-7px}.hero-name{display:block;font-size:.72rem;line-height:1.08;max-width:82px;min-height:30px;overflow-wrap:break-word;word-break:normal}.hero-tooltip{background:#f6f0e7;border-radius:8px;box-shadow:0 14px 34px #00000061;color:#151515;display:none;gap:4px;left:50%;min-width:170px;padding:10px 12px;pointer-events:none;position:absolute;top:calc(100% + 8px);transform:translate(-50%);z-index:30}.hero-tooltip span,.hero-tooltip strong{display:block;font-size:.8rem;line-height:1.2;text-align:left}.hero-tile:hover .hero-tooltip,.hero-tile:focus-visible .hero-tooltip{display:grid}.source-footer{align-items:center;display:flex;gap:12px;justify-content:center;margin:18px auto 0;max-width:1440px;padding:8px 0 18px}.seo-summary{border-top:1px solid rgba(246,240,231,.1);color:#f6f0e7b8;margin:18px auto 0;max-width:1440px;padding:16px 0 0}.seo-summary h2{color:#f6f0e7;font-size:1rem;letter-spacing:0;margin:0 0 6px}.seo-summary p{font-size:.9rem;line-height:1.5;margin:0;max-width:920px}.modal-shell{align-items:center;background:#000000a8;display:flex;inset:0;justify-content:center;padding:18px;position:fixed;z-index:50}.hero-modal{background:#191b1f;border:1px solid rgba(255,255,255,.14);border-radius:8px;box-shadow:0 22px 70px #0000007a;display:grid;grid-template-columns:minmax(220px,360px) minmax(320px,620px);grid-template-rows:minmax(0,1fr);max-height:min(820px,calc(100vh - 36px));max-width:1000px;overflow:hidden;position:relative;width:100%}.modal-close{align-items:center;background:#ffffff1a;border:1px solid rgba(255,255,255,.18);border-radius:999px;color:#f6f0e7;cursor:pointer;display:inline-flex;font-size:1.35rem;height:36px;justify-content:center;line-height:1;position:absolute;right:12px;top:12px;width:36px;z-index:3}.modal-art{align-items:start;background:linear-gradient(180deg,rgba(244,201,93,.14),transparent),linear-gradient(135deg,#24352f,#181a1d 60%);display:flex;justify-content:center;min-height:480px;overflow:hidden;padding-top:28px}.modal-art img{max-height:min(520px,calc(100vh - 92px));max-width:100%;object-fit:contain}.modal-copy{min-height:0;overscroll-behavior:contain;overflow-y:auto;padding:38px 34px 34px}.modal-kicker{color:#f4c95d;font-size:.82rem;font-weight:800;text-transform:uppercase}.modal-copy h2{font-size:2rem;letter-spacing:0;line-height:1.05;margin:8px 0 12px}.modal-copy h3{font-size:1rem;margin:24px 0 8px}.modal-copy p{color:#f6f0e7c7;font-size:.95rem;line-height:1.55;margin:0}.modal-copy .base-note{border-left:3px solid #f4c95d;color:#f6f0e7ad;margin-top:14px;padding-left:12px}.tag-row{display:flex;flex-wrap:wrap;gap:6px}.tag-row span{border:1px solid rgba(255,255,255,.14);border-radius:999px;color:#f6f0e7c2;font-size:.74rem;padding:5px 9px}.detail-grid{display:grid;gap:8px;grid-template-columns:repeat(2,minmax(0,1fr));margin:18px 0 0}.detail-grid div{background:#fff1;border:1px solid rgba(255,255,255,.08);border-radius:8px;min-height:74px;padding:10px}.detail-grid dt{color:#f6f0e78f;font-size:.72rem;margin-bottom:6px;text-transform:uppercase}.detail-grid dd{font-size:.86rem;font-weight:800;margin:0;overflow-wrap:anywhere}.detail-grid dd span,.detail-grid dd small{display:block}.detail-grid dd small{color:#f6f0e794;font-size:.72rem;font-weight:700;line-height:1.25;margin-top:4px}@media(max-width:760px){.app{padding:10px}.site-header{align-items:stretch;display:grid}.mode-toggle{width:100%}.tier-row{grid-template-columns:54px minmax(0,1fr)}.tier-label span{font-size:1.2rem;height:42px;min-width:42px}.hero-grid{grid-template-columns:repeat(auto-fill,minmax(74px,1fr));padding:8px}.hero-modal{grid-template-rows:auto minmax(0,1fr);grid-template-columns:1fr;max-height:calc(100vh - 20px)}.modal-art{min-height:260px;padding-top:18px}.modal-art img{max-height:min(320px,38vh)}.modal-copy{padding:24px 20px}.detail-grid{grid-template-columns:1fr}}