@layer theme,base;@layer components{.catalog-retry{border:1px solid var(--color-accent-pale);justify-content:center;align-items:center;gap:8px;min-height:44px;margin-top:16px;padding:10px 16px;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.catalog-retry{border:1px solid color-mix(in srgb, var(--color-accent-pale) 21.961%, transparent)}}.catalog-retry{border-radius:var(--radius-field);color:var(--color-ink);background:var(--color-accent-pale)}@supports (color:color-mix(in lab, red, red)){.catalog-retry{background:color-mix(in srgb, var(--color-accent-pale) 4.314%, transparent)}}.catalog-retry{font-size:var(--text-ui-13);transition:background .16s,border-color .16s}.catalog-retry:hover{background:var(--color-accent-pale)}@supports (color:color-mix(in lab, red, red)){.catalog-retry:hover{background:color-mix(in srgb, var(--color-accent-pale) 9.412%, transparent)}}.catalog-retry:hover{border-color:var(--color-accent-pale)}@supports (color:color-mix(in lab, red, red)){.catalog-retry:hover{border-color:color-mix(in srgb, var(--color-accent-pale) 43.922%, transparent)}}.catalog-retry:disabled{opacity:.5;cursor:wait}.catalog-retry:focus-visible,.system-worlds :is(a,button,input,select):focus-visible{outline:2px solid var(--focus-ring);outline-offset:3px}.system-worlds{margin-top:32px}.system-toolbar{flex-wrap:wrap;gap:12px;display:flex}.system-toolbar input{border:1px solid var(--color-line);border-radius:var(--radius-card);background:var(--color-surface);min-width:0;min-height:48px;color:var(--color-ink);flex:180px;padding:12px 16px}.system-toolbar label{border:1px solid var(--color-line);border-radius:var(--radius-card);color:var(--color-muted);font-size:var(--text-label);background:var(--color-surface);align-items:center;gap:8px;padding-inline-start:14px;display:flex}.system-toolbar select{min-width:0;min-height:48px;color:var(--color-ink);background:var(--color-surface);border-radius:var(--radius-card);padding:10px 14px 10px 0}.system-result-count{color:var(--color-muted);font-size:var(--text-label);margin:14px 0}.system-world-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.system-world-card{border-radius:var(--radius-card);flex-direction:column;min-width:0;padding:20px;display:flex}.system-world-identity{align-items:center;gap:16px;min-height:68px;display:flex}.system-world-identity>div{min-width:0}.system-world-name{overflow-wrap:anywhere;font-size:var(--text-ui-16);color:var(--color-ink);display:block}.system-world-facts{grid-template-columns:1fr 1fr;gap:14px;margin:24px 0 20px;display:grid}.system-world-facts>div:first-child{grid-column:1/-1}.system-world-facts dt{color:var(--color-muted);font-size:var(--text-caption)}.system-world-facts dd{font-size:var(--text-body);overflow-wrap:anywhere;font-variant-numeric:tabular-nums;margin-top:5px}.system-world-chat{border-top:1px solid var(--color-line);min-height:44px;color:var(--color-accent-pale);font-size:var(--text-ui-13);justify-content:space-between;align-items:center;margin-top:auto;padding:10px 0 0;display:flex}.catalog-board-name{white-space:normal;overflow-wrap:anywhere;line-height:1.45}.ranking-embed{border-radius:var(--radius-key);min-width:60px;min-height:44px;padding:8px 12px}@media (max-width:900px){.system-world-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:639px){.system-world-grid{grid-template-columns:minmax(0,1fr)}.system-world-card{padding:18px}.system-toolbar input{flex-basis:100%}.system-toolbar>label{flex:1;justify-content:space-between}}.system-world-unit{font-size:var(--text-caption);color:var(--color-muted);margin-bottom:12px;line-height:1.5}}@layer utilities;
