.select{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:clamp(20px,3vw,40px);align-items:start}.roster{display:grid;gap:18px}.roster h3{font-size:12px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--muted);margin-bottom:10px}.tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.tile{font:inherit;position:relative;aspect-ratio:1;border:0;border-radius:22px;cursor:pointer;background:var(--tc);color:#111;display:grid;align-content:end;justify-items:start;padding:12px;overflow:hidden;text-align:left;transition:transform .3s var(--ease-spring),box-shadow .3s}.tile .mono{position:absolute;right:-6px;top:-14px;font-weight:900;font-size:clamp(54px,6vw,86px);letter-spacing:-.05em;opacity:.28}.tile b{position:relative;font-weight:900;font-size:clamp(13px,1.2vw,16px);line-height:1.15}.tile small{position:relative;font-size:11px;font-weight:700;opacity:.8}.tile:hover{transform:translateY(-4px) rotate(-1deg)}.tile[aria-pressed=true]{box-shadow:0 0 0 4px var(--bg),0 0 0 8px var(--ink);transform:scale(1.04)}.tile.seen:after{content:"\2713";position:absolute;left:10px;top:8px;width:22px;height:22px;border-radius:50%;background:#ffffffbf;display:grid;place-items:center;font-size:12px;font-weight:900}.card{position:sticky;top:96px;border-radius:30px;padding:clamp(22px,3vw,34px);background:var(--ink);color:var(--bg);display:grid;gap:16px;overflow:hidden;min-height:460px}.card .cls{justify-self:start;font-size:12px;font-weight:900;letter-spacing:.18em;text-transform:uppercase;padding:6px 12px;border-radius:999px;background:var(--cc);color:#111}.card .big{display:grid;grid-template-columns:110px 1fr;gap:18px;align-items:center}.card .av{width:110px;height:110px;border-radius:30px;background:var(--cc);color:#111;display:grid;place-items:center;font-weight:900;font-size:44px;letter-spacing:-.04em}.card h2{font-weight:900;font-size:clamp(28px,3.4vw,46px);line-height:1;letter-spacing:-.02em}.card .role{opacity:.75;font-weight:700}.card .bio{font-size:17px;line-height:1.55;opacity:.9}.xp{display:grid;gap:6px}.xp .tr{height:14px;border-radius:8px;background:#ffffff26;overflow:hidden}.xp i{display:block;height:100%;border-radius:8px;background:var(--cc);transition:width .8s var(--ease-out)}.guilds{display:flex;flex-wrap:wrap;gap:8px}.guilds span{font-size:13px;font-weight:700;padding:7px 12px;border-radius:999px;background:#ffffff1a}.card.swap{animation:swap .45s var(--ease-out)}@keyframes swap{0%{opacity:.3;transform:translate(20px)}}@media (max-width: 900px){.select{grid-template-columns:minmax(0,1fr)}.card{position:relative;top:0}}@media (max-width: 420px){.card .big{grid-template-columns:minmax(0,1fr)}}