.grid{max-width:1120px;margin:0 auto;padding:16px;display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:14px}.card{background:var(--panel);border:1px solid var(--line);border-radius:16px;overflow:hidden;display:flex;flex-direction:column}.card .pic{position:relative;aspect-ratio:1;background:#1c2540}.card .pic img{width:100%;height:100%;display:block}.card .pic .rank{position:absolute;top:8px;left:8px;background:#0a0e1899;padding:3px 8px;border-radius:99px;font-weight:800;font-size:12px}.card .body{padding:12px 14px 14px;display:grid;gap:4px;flex:1}.card h2{margin:0;font:400 22px/1.1 Lilita One,Inter,sans-serif;letter-spacing:.01em;overflow-wrap:anywhere}.card .title{color:var(--accent);font-weight:800;font-size:13px}.card .status{color:var(--muted);font-size:13px;font-weight:600}.card .status.here{color:var(--up)}.card .row{display:flex;gap:8px;margin-top:8px}.card .row .btn{flex:1;padding:8px 10px;font-size:13px}@media(max-width:480px){.grid{grid-template-columns:repeat(2,1fr);gap:10px}.card h2{font-size:18px}.card .body{padding:10px}}.card .pic{cursor:pointer}.card .mini{display:flex;gap:10px;color:#c9d2e3;font-size:12px;font-weight:700;font-variant-numeric:tabular-nums}.profile{width:min(760px,calc(100vw - 32px));padding:0;border:1px solid var(--line);border-radius:18px;background:var(--panel);color:var(--text)}.profile::backdrop{background:#050810b3}.profile .close{position:absolute;top:8px;right:12px;background:none;border:0;color:var(--muted);font-size:26px;cursor:pointer;z-index:1}.profile-grid{display:grid;grid-template-columns:300px 1fr;gap:0}.profile-grid img{width:100%;height:auto;display:block}.profile-grid>div{padding:18px 20px;display:grid;align-content:start;gap:4px}.profile h2{margin:0;font:400 30px/1.1 Lilita One,Inter,sans-serif}.profile .title{color:var(--accent);font-weight:800}.profile .status{color:var(--muted);font-weight:600;font-size:14px}.profile .status.here{color:var(--up)}.profile dl{display:grid;grid-template-columns:auto 1fr;gap:6px 14px;margin:12px 0 4px;font-size:14px}.profile dt{color:var(--muted);font-weight:600}.profile dd{margin:0;font-weight:800;text-align:right;font-variant-numeric:tabular-nums}.profile .row{display:flex;gap:8px;margin-top:10px}.profile .row .btn{flex:1}@media(max-width:640px){.profile-grid{grid-template-columns:1fr}.profile-grid img{max-width:320px;margin:0 auto}}