.mod-register{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,340px);gap:24px;align-items:start}
.site-shell #mods-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;align-items:stretch}
.site-shell #mods-list .register-card{padding:0;margin:0;min-width:0;border:1px solid var(--line);box-shadow:none;transition:border-color .15s,background .15s}
.register-toggle{display:flex;flex-direction:column;gap:12px;width:100%;height:100%;min-height:94px;padding:14px;text-align:left;border:0;background:transparent;color:var(--text);font:inherit;cursor:pointer}
.register-meta{display:flex;justify-content:space-between;gap:8px;color:var(--muted);font:10px monospace;letter-spacing:.4px}
.register-name{font-size:14px;font-weight:700;line-height:1.4;overflow-wrap:anywhere}
.site-shell #mods-list .register-card:hover{border-color:var(--muted)}
.site-shell #mods-list .register-card.is-selected{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,var(--panel));box-shadow:inset 3px 0 var(--accent)}
.register-card.is-selected .register-meta{color:var(--accent)}
#mod-inspector{position:sticky;top:0;padding:22px;background:var(--panel);border:1px solid var(--line);border-top:2px solid var(--accent);min-width:0;max-height:calc(100dvh - 220px);overflow:auto;scrollbar-width:thin}
.inspector-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:18px;border-bottom:1px solid var(--line)}
#inspector-close{background:transparent;color:var(--muted);border:0;padding:6px;font-size:12px;cursor:pointer}
#inspector-close[hidden]{display:none}
#inspector-content h3{font-size:24px;line-height:1.2;overflow-wrap:anywhere;margin:18px 0}
#inspector-content>p{font-size:14px}
.inspector-category{display:inline-block;padding:4px 9px;border:1px solid var(--line);font:11px monospace;color:var(--accent)}
.inspector-description{line-height:1.8;overflow-wrap:anywhere;margin:22px 0}
#inspector-content .inspector-id{font:10px monospace;overflow-wrap:anywhere;padding-top:16px;border-top:1px solid var(--line)}
#inspector-content .button{width:100%;font-size:12px;padding:13px 10px}
@media(max-width:1100px){.site-shell #mods-list{grid-template-columns:repeat(2,minmax(0,1fr))}.mod-register{gap:16px;grid-template-columns:minmax(0,1fr) 290px}}
@media(max-width:760px){.mod-register{display:block}#mod-inspector{display:none;position:fixed;inset:auto 0 0;z-index:100;max-height:65dvh;padding:18px 20px calc(20px + env(safe-area-inset-bottom));box-shadow:0 -12px 35px #0006;border-radius:16px 16px 0 0}#mod-inspector.has-selection{display:block;animation:inspector-arrive .2s ease-out}.register-toggle{min-height:90px}.site-shell #mods-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@keyframes inspector-arrive{from{transform:translateY(24px);opacity:0}to{transform:translateY(0);opacity:1}}
@media(prefers-reduced-motion:reduce){#mod-inspector{animation:none!important}.register-card{transition:none!important}}