:root{color-scheme:dark;--bg-0: #070913;--bg-1: #090c18;--glass: rgba(20, 24, 42, .55);--glass-2: rgba(20, 24, 42, .35);--stroke: rgba(255, 255, 255, .1);--text: rgba(255, 255, 255, .92);--muted: rgba(255, 255, 255, .68);--accent-1: rgba(168, 85, 247, .35);--accent-2: rgba(56, 189, 248, .22);--radius-xl: 22px;--radius-lg: 18px;--radius-md: 14px;--pad-xl: 22px;--pad-lg: 18px;--pad-md: 14px;--sidebar-w: 300px}*{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:var(--text);background:radial-gradient(1200px 700px at 20% 10%,rgba(168,85,247,.18),transparent 55%),radial-gradient(900px 600px at 80% 15%,rgba(56,189,248,.14),transparent 55%),linear-gradient(180deg,var(--bg-1),var(--bg-0));-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.bg{position:fixed;inset:0;pointer-events:none;z-index:0;background:radial-gradient(900px 420px at 15% 20%,var(--accent-1),transparent 60%),radial-gradient(780px 420px at 85% 25%,var(--accent-2),transparent 58%),radial-gradient(900px 520px at 50% 110%,rgba(168,85,247,.14),transparent 55%);filter:blur(18px);opacity:.85}.shell{position:relative;z-index:1;min-height:100%;display:grid;place-items:center;padding:22px}.app{width:min(1600px,100%);height:calc(100vh - 44px);max-height:calc(100vh - 44px);display:grid;grid-template-columns:var(--sidebar-w) 1fr;gap:16px;padding:16px;border-radius:var(--radius-xl);border:1px solid var(--stroke);background:linear-gradient(135deg,#ffffff0f,#ffffff05);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:0 18px 70px #0000008c,inset 0 1px #ffffff14;overflow:hidden}.app__sidebar{display:flex;flex-direction:column;min-height:0;border-radius:var(--radius-lg);border:1px solid var(--stroke);background:linear-gradient(135deg,var(--glass),var(--glass-2));backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:inset 0 1px #ffffff0f;overflow:hidden}.app__content{border-radius:var(--radius-lg);border:1px solid var(--stroke);background:linear-gradient(135deg,var(--glass),rgba(18,22,40,.28));backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:inset 0 1px #ffffff0f;padding:16px;min-height:0;overflow:auto;display:flex;flex-direction:column}.app__content::-webkit-scrollbar{width:10px}.app__content::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:999px;border:2px solid rgba(0,0,0,0);background-clip:padding-box}.app__content::-webkit-scrollbar-track{background:#ffffff08}.page{flex:1;min-height:0;display:flex;flex-direction:column;gap:14px}.homeHero{margin:0 0 16px}.homeHeader{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:18px;background:linear-gradient(135deg,var(--glass),var(--glass-2));border:1px solid var(--stroke);border-radius:var(--radius-lg);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:0 12px 40px #00000073,inset 0 1px #ffffff0f;position:relative;overflow:hidden}.homeHeader:before{content:"";position:absolute;inset:-2px;background:radial-gradient(900px 320px at 20% 10%,var(--accent-1),transparent 60%),radial-gradient(700px 300px at 85% 20%,var(--accent-2),transparent 55%);opacity:.55;pointer-events:none}.homeHeader__text{position:relative;min-width:0}.homeTitle{position:relative;margin:0 0 6px;font-size:clamp(22px,2.2vw,30px);letter-spacing:.2px;line-height:1.1;color:var(--text)}.homeSubtitle{position:relative;margin:0;color:var(--muted);line-height:1.45;max-width:62ch}.homeMeta{position:relative;display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.pill{display:inline-flex;align-items:center;gap:8px;padding:8px 10px;border-radius:999px;font-size:12px;line-height:1;letter-spacing:.2px;border:1px solid var(--stroke);background:#ffffff0f;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:inset 0 1px #ffffff14}.pill--muted{color:#ffffffc7}@media(max-width:740px){.homeHeader{flex-direction:column}.homeMeta{justify-content:flex-start}}.sidebar{height:100%;display:flex;flex-direction:column;min-height:0;padding:14px}.sidebar__header{padding:6px 6px 10px}.sidebar__brand{display:inline-flex;align-items:center;gap:10px;font-weight:700;letter-spacing:.2px;text-decoration:none;color:var(--text);padding:10px 12px;border-radius:12px}.sidebar__brand:hover{background:#ffffff0f}.sidebar__brand[aria-current=page]{background:#ffffff14;border:1px solid rgba(255,255,255,.08)}.sidebar__mobileToggle{display:none;width:100%;margin:6px 0 10px;padding:12px;border-radius:14px;border:1px solid var(--stroke);background:#ffffff0f;color:var(--text);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);font-weight:600;letter-spacing:.2px;align-items:center;justify-content:space-between;gap:10px}.sidebar__mobileToggle:hover{background:#ffffff14}.sidebar__mobilePanel{display:flex;flex-direction:column;min-height:0}.sidebar__section{min-height:0;display:flex;flex-direction:column;gap:10px}.sidebar__title{font-size:12px;letter-spacing:.26em;text-transform:uppercase;color:#ffffffa6;padding:10px 10px 6px}.sidebar__search{position:relative;padding:0 6px 6px}.sidebar__searchInput{width:100%;height:42px;padding:0 40px 0 12px;border-radius:14px;border:1px solid var(--stroke);background:#ffffff0f;color:var(--text);outline:none;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:inset 0 1px #ffffff0f}.sidebar__searchInput::placeholder{color:#ffffff8c}.sidebar__searchInput:focus{border-color:#ffffff2e}.sidebar__searchClear{position:absolute;right:14px;top:50%;transform:translateY(-50%);width:28px;height:28px;border-radius:10px;border:1px solid rgba(255,255,255,.12);background:#ffffff0d;color:#ffffffd9;cursor:pointer;opacity:0;transition:opacity .16s ease,background .16s ease}.sidebar__searchClear:hover{background:#ffffff1a}.sidebar__list{list-style:none;margin:0;padding:0 6px 10px;display:flex;flex-direction:column;gap:8px;overflow:auto;min-height:0;flex:1}.sidebar__list::-webkit-scrollbar{width:10px}.sidebar__list::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:999px;border:2px solid rgba(0,0,0,0);background-clip:padding-box}.sidebar__list::-webkit-scrollbar-track{background:#ffffff08}.sidebar__item{--ra: var(--roleAccent, 120, 170, 255);border:1px solid rgba(255,255,255,.1);border-radius:16px;background:#ffffff0a;overflow:hidden;box-shadow:inset 0 1px #ffffff0d;position:relative}.sidebar__item:before{content:"";position:absolute;left:0;top:10px;bottom:10px;width:3px;border-radius:999px;background:rgba(var(--ra),.65);opacity:.55}.sidebar__item--active{border-color:#ffffff29;background:#ffffff0e}.sidebar__details{margin:0}.sidebar__summary{list-style:none;cursor:pointer;user-select:none;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 12px 10px 14px}.sidebar__summary::-webkit-details-marker{display:none}.sidebar__summaryLeft{font-weight:650;color:#ffffffeb;letter-spacing:.2px}.sidebar__right{display:inline-flex;align-items:center;gap:10px;color:#ffffffb3}.sidebar__dot{width:8px;height:8px;border-radius:999px;background:rgba(var(--ra),.9);box-shadow:0 0 0 4px rgba(var(--ra),.14)}.sidebar__chev{display:inline-block;transition:transform .18s ease}.sidebar__details[open] .sidebar__chev{transform:rotate(180deg)}.sidebar__panel{padding:0 10px 10px}.sidebar__sub{border-top:1px solid rgba(255,255,255,.08);padding-top:10px;display:grid;gap:10px}.sidebar__link{color:#ffffffdb;text-decoration:none;border-radius:12px}.sidebar__link:focus-visible{outline:2px solid rgba(255,255,255,.25);outline-offset:2px}.sidebar__link--role{display:inline-flex;align-items:center;gap:8px;padding:10px;border:1px solid rgba(255,255,255,.1);background:#ffffff0b}.sidebar__link--role:hover{background:#ffffff12}.sidebar__sublist{list-style:none;padding:0;margin:0;display:grid;gap:6px;min-width:0}.sidebar__char{min-width:0}.sidebar__link--char{width:100%;position:relative;display:flex;align-items:center;gap:10px;height:46px;padding:10px;border-radius:12px;border:1px solid rgba(255,255,255,.08);background:#ffffff09;overflow:hidden;min-width:0;white-space:nowrap;transition:background .16s ease,border-color .16s ease}.sidebar__link--char:hover{background:#ffffff12;border-color:#ffffff1f}.sidebar__link--char[aria-current=page]{background:#ffffff17;border-color:#ffffff29}.sidebar__charimg{width:24px;height:24px;flex:0 0 24px;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(0 6px 10px rgba(0,0,0,.35))}.sidebar__charname{flex:1 1 0;min-width:0;max-width:100%;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar__hl{padding:0 2px;border-radius:6px;background:rgba(var(--ra),.18);box-shadow:inset 0 0 0 1px rgba(var(--ra),.2)}.sidebar__empty{padding:10px;border-radius:12px;border:1px dashed rgba(255,255,255,.14);color:#ffffffb3;background:#ffffff08}.sidebar__activeRow{display:flex;align-items:center;gap:10px;padding:10px 12px 12px 14px;text-decoration:none;color:#ffffffe6;border-top:1px solid rgba(255,255,255,.08);background:rgba(var(--ra),.06)}.sidebar__activeRow:hover{background:rgba(var(--ra),.1)}.sidebar__activeRowImg{width:22px;height:22px;object-fit:contain;image-rendering:pixelated}.sidebar__activeRowText{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar__hover{position:fixed;z-index:2147483647;opacity:0;transform:translate3d(-9999px,-9999px,0);transition:opacity .12s ease;width:190px;padding:12px;border-radius:16px;border:1px solid rgba(255,255,255,.14);background:linear-gradient(135deg,#121628b8,#1216286b);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:0 20px 70px #0009,inset 0 1px #ffffff0f;pointer-events:none}.sidebar__hover img{width:56px;height:56px;object-fit:contain;image-rendering:pixelated;display:block;margin:0 0 8px}.sidebar__hover-name{font-weight:700;color:#ffffffeb}.roleGrid{flex:1;min-height:0;display:grid;gap:14px;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:1fr;align-content:stretch}@media(max-width:1100px){.roleGrid{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:minmax(180px,1fr)}}@media(max-width:680px){.roleGrid{grid-template-columns:1fr;grid-auto-rows:minmax(170px,auto);flex:initial}}.roleCard{--ra: 120, 170, 255;position:relative;isolation:isolate;display:grid;grid-template-rows:1fr auto;border-radius:18px;border:1px solid rgba(255,255,255,.12);background:#ffffff09;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 18px 60px #00000073,inset 0 1px #ffffff14;overflow:hidden;text-decoration:none;color:var(--text);transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.roleCard:before{content:"";position:absolute;inset:-2px;border-radius:inherit;background:radial-gradient(800px 380px at 30% 20%,rgba(var(--ra),.22),transparent 60%);opacity:0;transition:opacity .18s ease;z-index:-1;pointer-events:none;filter:blur(6px)}.roleCard:after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:0 0 rgba(var(--ra),0);opacity:0;transition:opacity .18s ease,box-shadow .18s ease;pointer-events:none}.roleCard:hover{transform:translateY(-2px);border-color:#ffffff2e;box-shadow:0 22px 70px #0000008c,0 0 0 1px rgba(var(--ra),.12),inset 0 1px #ffffff1a}.roleCard:hover:before{opacity:1}.roleCard:hover:after{opacity:1;box-shadow:0 0 0 1px rgba(var(--ra),.22),0 18px 70px #0000008c}.roleCard:focus-visible:before{opacity:1}.roleCard:focus-visible:after{opacity:1;box-shadow:0 0 0 2px rgba(var(--ra),.28),0 18px 70px #0000008c}.roleCard__top{position:relative;overflow:hidden;background:radial-gradient(520px 240px at 25% 35%,rgba(var(--ra),.38),transparent 60%),radial-gradient(420px 220px at 85% 35%,rgba(56,189,248,.14),transparent 62%),linear-gradient(135deg,#ffffff0f,#ffffff05)}.roleCard__top:before{content:"";position:absolute;inset:0;background:radial-gradient(900px 380px at 50% 35%,transparent 30%,rgba(0,0,0,.35) 70%);pointer-events:none}.roleCard__top:after{content:"";position:absolute;inset:10px;border-radius:14px;border:1px solid rgba(255,255,255,.1);opacity:.9;pointer-events:none}.roleCard__icon{position:absolute;left:14px;bottom:12px;width:48px;height:48px;border-radius:16px;display:grid;place-items:center;font-size:24px;background:#ffffff14;border:1px solid rgba(255,255,255,.14);box-shadow:0 16px 36px #00000059,inset 0 1px #ffffff1a}.roleCard__bottom{display:grid;grid-template-rows:1fr auto;background:linear-gradient(180deg,#0c0e1c26,#0c0e1c8c);border-top:1px solid rgba(255,255,255,.1);padding:12px 14px;gap:10px}.roleCard__title{margin:0;font-size:15px;line-height:1.15;letter-spacing:.2px}.roleCard__desc{margin:6px 0 0;color:#ffffffb8;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.roleCard__footer{padding-top:10px;border-top:1px solid rgba(255,255,255,.08)}.roleCard__cta{font-weight:650;color:#ffffffdb}.charHeader{position:relative;overflow:hidden;padding:18px;border-radius:var(--radius-lg);border:1px solid var(--stroke);background:linear-gradient(135deg,var(--glass),rgba(18,22,40,.28));backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:0 18px 70px #0000008c,inset 0 1px #ffffff14;display:grid;grid-template-columns:110px 1fr;gap:16px;align-items:center}.charHeader:before{content:"";position:absolute;inset:-2px;background:radial-gradient(900px 380px at 20% 20%,rgba(168,85,247,.22),transparent 60%),radial-gradient(780px 360px at 85% 25%,rgba(56,189,248,.18),transparent 58%),radial-gradient(900px 520px at 50% 120%,rgba(168,85,247,.12),transparent 55%);opacity:.8;pointer-events:none}.charHeader:after{content:"";position:absolute;inset:0;background:radial-gradient(1100px 520px at 40% 30%,transparent 28%,rgba(0,0,0,.35) 75%);pointer-events:none}.charHeader>*{position:relative;z-index:1}.charHeader img{width:96px;height:96px;border-radius:22px;background:#ffffff0f;border:1px solid rgba(255,255,255,.14);box-shadow:0 18px 60px #0000008c,inset 0 1px #ffffff1f;object-fit:contain;image-rendering:pixelated}.charHeader h1{margin:0 0 6px;font-size:clamp(26px,2.6vw,38px);letter-spacing:.2px;line-height:1.05}.charMeta{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.charMeta .pill{background:#ffffff12;border-color:#ffffff1f}@media(max-width:740px){.charHeader{grid-template-columns:1fr;align-items:start}.charHeader img{width:84px;height:84px}}.champHero{--ra: 120, 170, 255;position:relative;overflow:hidden;border-radius:var(--radius-lg);border:1px solid var(--stroke);background:linear-gradient(135deg,var(--glass),rgba(18,22,40,.28));backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:0 18px 70px #0000008c,inset 0 1px #ffffff14;min-height:clamp(320px,42vh,520px);padding:34px;display:grid;grid-template-columns:1fr 340px;gap:18px;align-items:stretch}.champHero:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(1100px 520px at 25% 20%,rgba(var(--ra),.22),transparent 60%),radial-gradient(900px 520px at 70% 15%,rgba(56,189,248,.14),transparent 60%),radial-gradient(900px 520px at 50% 120%,rgba(168,85,247,.1),transparent 55%),radial-gradient(1200px 620px at 40% 25%,transparent 22%,rgba(0,0,0,.42) 75%);opacity:.95}.champHero__splash{position:absolute;inset:0;pointer-events:none;background-image:var(--splash);background-repeat:no-repeat;background-position:left center;background-size:cover;opacity:.55;filter:saturate(1.05) contrast(1.05);-webkit-mask-image:linear-gradient(90deg,rgba(0,0,0,1) 0%,rgba(0,0,0,.85) 40%,rgba(0,0,0,0) 78%);mask-image:linear-gradient(90deg,#000,#000000d9 40%,#0000 78%)}.champHero>*{position:relative;z-index:1}.champHero__left{display:flex;flex-direction:column;align-self:stretch;min-height:0}.champHero__roleRow{display:flex;align-items:center;gap:10px;margin-bottom:10px}.champHero__rolePill{display:inline-flex;align-items:center;gap:8px;padding:6px 10px;border-radius:999px;font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:#fffc;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.champHero__name{margin:0 0 10px;font-size:clamp(40px,4.3vw,64px);line-height:.98;letter-spacing:.5px;font-weight:900}.champHero__desc{margin:0 0 16px;max-width:70ch;color:#ffffffb8;line-height:1.5}.champHero__ctaBlock{display:flex;flex-direction:column;gap:10px;flex:1;min-height:0}.champHero__badges{display:flex;gap:8px;margin-left:2px;margin-top:0}.champHero__center{align-self:center}.champHero__ctaBlock .champHero__cta{margin-top:auto;align-self:flex-start}.champHero__cta{display:inline-flex;align-items:center;justify-content:center;align-self:stretch;height:44px;padding:10px 14px;border-radius:14px;background:rgba(var(--ra),.22);border:1px solid rgba(var(--ra),.28);color:#ffffffeb;text-decoration:none;font-weight:850;box-shadow:0 14px 40px #00000073,inset 0 1px #ffffff1f;transition:transform .16s ease,background .16s ease,border-color .16s ease}.champHero__cta:hover{transform:translateY(-1px);background:rgba(var(--ra),.28);border-color:rgba(var(--ra),.35)}.champHero__panel{border-radius:18px;border:1px solid rgba(255,255,255,.12);background:#ffffff09;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 18px 60px #00000073,inset 0 1px #ffffff14;overflow:hidden;display:grid;grid-template-rows:auto auto 1fr auto;min-height:260px}.champHero__panelTitle{padding:12px 14px;font-weight:900;letter-spacing:.18em;text-transform:uppercase;font-size:11px;color:#ffffffb8;border-bottom:1px solid rgba(255,255,255,.1);background:#0c0e1c40}.champHero__panelMedia{padding:14px;margin:10px 12px 6px;border-radius:18px;background:radial-gradient(260px 180px at 55% 35%,rgba(255,255,255,.1),transparent 60%),linear-gradient(180deg,#ffffff0a,#ffffff05);border:1px solid rgba(255,255,255,.1);display:grid;place-items:center;min-height:180px;overflow:hidden}.champHero__panelImg img{width:min(170px,100%);height:auto;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(0 18px 28px rgba(0,0,0,.6)) drop-shadow(0 0 18px rgba(255,255,255,.08));transform:translateY(2px);opacity:.98}.champHero__panelList{list-style:none;margin:0;padding:12px;display:grid;gap:10px}.champHero__panelLink{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px;border-radius:14px;border:1px solid rgba(255,255,255,.1);background:#ffffff0a;text-decoration:none;color:#ffffffeb;transition:transform .16s ease,background .16s ease,border-color .16s ease}.champHero__panelLink:hover{transform:translateY(-1px);background:#ffffff12;border-color:#ffffff24}.champHero__panelLabel{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.champHero__panelArrow{opacity:.85}.champHero__panelFooter{display:flex;justify-content:center;align-items:center;padding:12px;border-top:1px solid rgba(255,255,255,.1);background:#0c0e1c40}.champGhostBtn{display:inline-flex;width:100%;justify-content:center;height:44px;padding:10px 12px;border-radius:14px;border:1px solid rgba(255,255,255,.12);background:#ffffff08;text-decoration:none;color:#ffffffe6;font-weight:800;transition:transform .16s ease,background .16s ease,border-color .16s ease}.champGhostBtn:hover{transform:translateY(-1px);background:#ffffff0f;border-color:#ffffff29}@media(max-width:980px){.champHero{grid-template-columns:1fr}.champHero__splash{opacity:.38;background-position:center;-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,1) 0%,rgba(0,0,0,0) 70%);mask-image:linear-gradient(180deg,#000,#0000 70%)}.champHero__panelMedia{min-height:160px}.champHero__panelMedia img{width:min(180px,100%)}}.charGrid{display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.charCard{--ra: 120, 170, 255;position:relative;overflow:hidden;border-radius:18px;border:1px solid rgba(255,255,255,.12);background:#ffffff09;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 18px 60px #00000073,inset 0 1px #ffffff14;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.charCard:before{content:"";position:absolute;inset:-40px;background:radial-gradient(420px 280px at 30% 25%,rgba(var(--ra),.35),transparent 60%);opacity:0;transition:opacity .16s ease;pointer-events:none}.charCard:hover{transform:translateY(-2px);border-color:#ffffff2e;box-shadow:0 22px 70px #0000008c,0 0 0 1px rgba(var(--ra),.12),inset 0 1px #ffffff1a}.charCard:hover:before{opacity:1}.charCard.is-active{opacity:.55;pointer-events:none}.charCard__art{position:relative;overflow:hidden;min-height:92px;background:radial-gradient(520px 240px at 25% 35%,rgba(var(--ra),.28),transparent 62%),radial-gradient(420px 220px at 85% 35%,rgba(56,189,248,.1),transparent 62%),linear-gradient(135deg,#ffffff0f,#ffffff05)}.charCard__art:after{content:"";position:absolute;inset:10px;border-radius:14px;border:1px solid rgba(255,255,255,.1);opacity:.9;pointer-events:none}.charCard__img{position:absolute;left:14px;bottom:12px;width:56px;height:56px;border-radius:18px;background:#ffffff14;border:1px solid rgba(255,255,255,.14);box-shadow:0 16px 36px #00000059,inset 0 1px #ffffff1a;object-fit:contain;image-rendering:pixelated}.charCard__body{padding:12px 14px;background:linear-gradient(180deg,#0c0e1c26,#0c0e1c8c);border-top:1px solid rgba(255,255,255,.1);display:grid;gap:10px}.charCard__name{font-weight:750;letter-spacing:.2px;line-height:1.1;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.charCard__sub{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:10px;border-top:1px solid rgba(255,255,255,.08)}.charCard__role{color:#ffffffb8;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.charCard__cta{font-weight:700;color:#ffffffdb;white-space:nowrap}.charInner{display:grid;grid-template-columns:68px 1fr;gap:12px;align-items:center;padding:14px;text-decoration:none;color:inherit;min-width:0}.charInner img{width:64px;height:64px;border-radius:18px;background:#ffffff14;border:1px solid rgba(255,255,255,.14);box-shadow:0 16px 36px #00000059,inset 0 1px #ffffff1a;object-fit:contain;image-rendering:pixelated}.charInfo{display:grid;gap:8px;min-width:0}.charName{font-weight:900;letter-spacing:.2px;line-height:1.1;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}@media(max-width:680px){.charGrid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.charCard__img{width:52px;height:52px}}.badges{display:flex;flex-wrap:wrap;gap:8px}.badge{display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;font-size:12px;font-weight:700;line-height:1;letter-spacing:.2px;color:#ffffffeb;border:1px solid rgba(255,255,255,.14);background:#ffffff0f;box-shadow:0 10px 24px #00000059,inset 0 1px #ffffff1a}.badge--good{background:#78d2ff2e;border-color:#78d2ff52;color:#e9f6ff}.badge--info{background:#a08cff2e;border-color:#a08cff52;color:#f1edff}.badge--muted{background:#ffffff1a;border-color:#ffffff2e;color:#ffffffd9}.badge--danger{background:#ff78782e;border-color:#ff787852;color:#ffecec}.badge--warn{background:#ffbe7833;border-color:#ffbe7857;color:#fff4e6}.charCard :global(.badges){margin:0;gap:6px}.charCard :global(.badge){font-size:11px;padding:4px 8px}.backRow{margin-top:18px;display:flex}.btn{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:14px;border:1px solid rgba(255,255,255,.12);background:#ffffff08;text-decoration:none;color:#ffffffe6;font-weight:800;transition:transform .16s ease,background .16s ease,border-color .16s ease}.btn:hover{transform:translateY(-1px);background:#ffffff0f;border-color:#ffffff29}.btn--ghost{background:#ffffff05}@media(max-width:980px){.shell{padding:14px}.app{grid-template-columns:1fr;height:calc(100vh - 28px);max-height:calc(100vh - 28px)}.app__sidebar{max-height:46vh;overflow:auto}.sidebar{padding:12px}.sidebar__mobileToggle{display:inline-flex}.sidebar__mobilePanel{max-height:0;overflow:hidden;opacity:0;transform:translateY(-4px);transition:max-height .22s ease,opacity .18s ease,transform .18s ease}.sidebar[data-mobile-open=true] .sidebar__mobilePanel{max-height:60vh;opacity:1;transform:translateY(0)}}.guide{display:grid;gap:16px}.guide__head{padding:4px 2px}.guide__title{margin:0 0 6px;font-size:clamp(22px,2.4vw,32px)}.guide__subtitle{margin:0;max-width:72ch;color:#ffffffb3;line-height:1.5}.guide__grid2{display:grid;gap:14px;grid-template-columns:repeat(2,minmax(0,1fr))}@media(max-width:980px){.guide__grid2{grid-template-columns:1fr}}.guide__grid3{display:grid;gap:12px;grid-template-columns:repeat(3,minmax(0,1fr))}@media(max-width:1100px){.guide__grid3{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:740px){.guide__grid3{grid-template-columns:1fr}}.guideList{margin:0;padding-left:18px;display:grid;gap:8px}.guideList li{line-height:1.5;color:#fffc}.guideList--ordered{padding-left:22px}.guideList--compact{gap:6px}.subcard{border-radius:16px;padding:12px;border:1px solid rgba(255,255,255,.1);background:#ffffff08}.subcard__title{margin:0 0 8px;font-size:13px;letter-spacing:.16em;text-transform:uppercase;color:#ffffffb3}.groupGlow{position:relative;isolation:isolate}.groupGlow:before{content:"";position:absolute;inset:-12px;z-index:-1;border-radius:22px;background:radial-gradient(520px 260px at 15% 15%,rgba(var(--ra, 120, 170, 255),.28),transparent 60%),radial-gradient(420px 220px at 85% 20%,rgba(var(--ra, 120, 170, 255),.18),transparent 65%),linear-gradient(180deg,#ffffff08,#ffffff03);opacity:.9;pointer-events:none}.groupGlow:before{inset:-10px;opacity:.45;filter:blur(6px);background:radial-gradient(560px 280px at 12% 12%,rgba(var(--ra, 120, 170, 255),.22),transparent 62%),radial-gradient(460px 240px at 86% 18%,rgba(var(--ra, 120, 170, 255),.14),transparent 68%)}.guide .card,.guide .subcard{position:relative;overflow:hidden;background:#0a0c168c;border-radius:16px;border-color:#ffffff1f;padding:16px}.guide .card:before,.guide .subcard:before{content:"";position:absolute;inset:0;pointer-events:none;mix-blend-mode:multiply;opacity:.95}.guide .card>*,.guide .subcard>*{position:relative;z-index:1}.guide .card__title,.guide .subcard__title{color:#ffffffeb}.guide__subtitle{color:#ffffffbd}.guideList li,.guide p{color:#ffffffd1;line-height:1.55;font-size:14.5px}.guideList{gap:10px;padding-left:18px}.guideList li::marker{color:#ffffff8c}.guideList--ordered li::marker{color:#ffffffb3;font-weight:700}.guide .subcard{padding:26px;background:#0a0c1680}.guide .card:after,.guide .subcard:after{content:"";position:absolute;inset:10px;border-radius:14px;border:1px solid rgba(255,255,255,.06);pointer-events:none;z-index:1}