.xp-main{padding-top:40px;padding-bottom:140px}.xp-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px 40px;display:flex}.xp-head h1{font-size:clamp(64px,11vw,176px)}.xp-head p{max-width:34ch;padding-bottom:12px;font-size:19px;font-weight:600}.xp-sorts{flex-wrap:wrap;gap:10px;margin:36px 0 32px;display:flex}.xp-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:0;padding:0;list-style:none;display:grid}.xp-msg{color:var(--gray);margin-bottom:16px;font-weight:700}.xp-foot{margin-top:28px;font-size:15px}.ghost{border-radius:var(--r-lg);background:var(--black-2);border:var(--b) dashed var(--line);height:340px}.xp-state{flex-direction:column;align-items:flex-start;gap:20px;padding:72px 0;display:flex}.xp-state .display{font-size:clamp(40px,6vw,88px)}.xp-state .bad{color:var(--down);font-size:18px;font-weight:700}.card{border-radius:var(--r-lg);height:340px;color:var(--ink);transition:transform var(--dur-state) var(--ease-out),box-shadow var(--dur-state);flex-direction:column;gap:22px;padding:24px;text-decoration:none;display:flex}.card:hover{box-shadow:8px 8px 0 var(--white);transform:translateY(-4px)rotate(-.4deg)}.card:active{transform:translateY(0)}.card-id{align-items:center;gap:14px;min-width:0;display:flex}.card-img{border:var(--b) solid var(--ink);background:var(--ink) center/cover no-repeat;border-radius:16px;flex:none;width:52px;height:52px}.card-name{flex-direction:column;min-width:0;display:flex}.card-name b{font-family:var(--font-display);white-space:nowrap;text-overflow:ellipsis;font-size:22px;font-weight:800;line-height:1.15;overflow:hidden}.card-name span{font-size:15px;font-weight:700}.sticker{border-radius:var(--pill);background:var(--ink);color:var(--hue);font-family:var(--font-display);letter-spacing:.06em;text-transform:uppercase;flex:none;margin-left:auto;padding:6px 12px;font-size:12px;font-weight:800;transform:rotate(4deg)}.card-fig{flex-direction:column;gap:4px;min-width:0;margin-top:auto;display:flex}.card-fig .big{white-space:nowrap;text-overflow:ellipsis;font-size:clamp(44px,4.6vw,72px);overflow:hidden}.card-fig .big small{font-size:.4em}.card-fig .start{font-size:15px;font-weight:700}.card-prog{flex-direction:column;gap:8px;display:flex}.card-prog .track{border-radius:var(--pill);background:var(--ink-3);height:14px;display:block;overflow:hidden}.card-prog .track span{background:var(--ink);transform-origin:0;height:100%;transition:transform var(--dur-roll) var(--ease-out);display:block}.card-prog .track span.dash{background:repeating-linear-gradient(-45deg,var(--ink) 0 6px,transparent 6px 10px)}.card-prog .state{font-size:15px;font-weight:800}@media (max-width:1099px){.xp-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:767px){.xp-main{padding-top:24px;padding-bottom:96px}.xp-head p{padding-bottom:0;font-size:16px}.xp-sorts{margin:24px 0}.xp-grid{grid-template-columns:minmax(0,1fr);gap:14px}.card,.ghost{height:auto;min-height:260px}.card{padding:20px}.card-fig .big{font-size:52px}}@media (prefers-reduced-motion:reduce){.card:hover{transform:none}}