:root{--text: #e7ebf3;--muted: #9aa4b2;--border: #273041}*{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,"Apple Color Emoji","Segoe UI Emoji";background:radial-gradient(1200px 800px at 20% -10%,#122,#0b0c0f 60%) no-repeat fixed;color:var(--text)}.page{width:100%;max-width:480px;margin-left:auto;margin-right:auto;padding-left:12px;padding-right:12px}.hero{margin:12px 0 6px;padding:12px 14px;border-radius:12px;background:linear-gradient(135deg,#2a2f3a,#141922);border:1px solid var(--border);display:flex;align-items:center;justify-content:center}.hero-title{font-size:18px;font-weight:700;color:#ffd447;text-align:center;letter-spacing:1px;-webkit-text-stroke:.8px rgba(255,255,255,.35);text-shadow:0 0 6px rgba(255,212,71,.75),0 0 12px rgba(255,212,71,.35)}.app-main{padding:16px}.status{padding:14px 16px;border:1px dashed var(--border);border-radius:12px;color:var(--muted);background:#15182299}.status.error{color:#ff6b6b}.content{display:grid;gap:14px}.group{padding:8px;border:1px solid var(--border);border-radius:12px;background:#15182299}.group-title{margin:0 6px 10px;color:var(--muted);font-size:13px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:10px}.card{display:grid;grid-template-columns:1fr;grid-template-rows:auto auto;grid-template-areas:"top" "meta";align-items:center;justify-content:center;gap:10px;padding:10px;border:1px solid var(--border);border-radius:12px;background:linear-gradient(180deg,#151a24,#0f1420);text-decoration:none;color:var(--text)}.card:hover{border-color:#345;box-shadow:0 0 0 1px #345 inset}.card-top{grid-area:top;height:64px;display:flex;align-items:center;justify-content:center}.card-top-img{width:auto;max-width:100%;height:100%;object-fit:contain;object-position:center;border-radius:8px;display:block}.card .meta{grid-area:meta;display:grid;text-align:center}.card .name{font-size:14px;color:#ffd447;-webkit-text-stroke:.6px #3aa0ff;paint-order:stroke fill;text-shadow:0 1px 0 #3aa0ff,1px 0 0 #3aa0ff,-1px 0 0 #3aa0ff,0 -1px 0 #3aa0ff}.card .desc{font-size:12px;color:var(--muted)}@media(min-width:720px){.app-main{padding:24px}}@media(max-width:540px){.page{max-width:100%;padding-left:8px;padding-right:8px}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.card-top{height:56px}}