.sim{max-width:1120px;margin:0 auto;padding:72px 24px 96px}.sim__head{margin-bottom:32px}.sim__title{font-family:var(--font-display);color:var(--color-text);margin:0 0 12px;padding-bottom:6px;font-size:clamp(44px,5.2vw,72px);font-style:italic;font-weight:600;line-height:1.1}.sim__lead{color:var(--color-text-muted);max-width:64ch;margin:0;font-size:20px;line-height:1.6}.sim__lead a{color:var(--color-mono);text-underline-offset:3px;text-decoration:underline}.sim__grid{grid-template-columns:340px minmax(0,1fr);align-items:start;gap:28px;display:grid}.sim__tiles{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.sim__tile{background:var(--color-surface);border:1px solid var(--color-border-2);border-top:2px solid var(--color-accent-dim);color:var(--color-text);cursor:pointer;font:inherit;flex-direction:column;align-items:center;gap:6px;padding:14px 8px;display:flex}.sim__tile:hover:not(:disabled){border-color:var(--color-accent-dim);background:var(--color-surface-2)}.sim__tile:disabled{opacity:.5;cursor:default}.sim__face{background:var(--color-surface-2);border:1px dashed var(--color-border-2);width:72px;height:72px;font-family:var(--font-mono);color:var(--color-text-muted);place-items:center;font-size:24px;display:grid;overflow:hidden}.sim__face img{object-fit:cover;width:100%;height:100%;display:block}.sim__label{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--color-text-muted);font-size:12px}.sim__name{text-align:center;min-height:40px;font-size:16px;line-height:1.25}.sim__result{background:var(--color-surface);border:1px solid var(--color-border);border-top:2px solid var(--color-accent);min-height:260px;padding:26px 28px}.sim__empty{color:var(--color-text-muted);margin:0;font-size:19px;line-height:1.6}.sim__result-head{align-items:center;gap:18px;margin-bottom:18px;display:flex}.sim__result-icon{border:1px solid var(--color-border-2);display:block}.sim__skill{font-family:var(--font-display);color:var(--color-text);margin:0;font-size:34px;font-style:italic}.sim__line{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--color-text-muted);margin:4px 0 0;font-size:12px}.sim__part{border-top:1px solid var(--color-border);padding:12px 0}.sim__part-title{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--color-accent);margin:0 0 6px;font-size:12px;font-weight:400}.sim__part-text{color:var(--color-text);margin:0;font-size:19px;line-height:1.6}.sim__note{color:var(--color-text-muted);margin:16px 0 0;font-size:15px}.sim__dialog{background:var(--color-surface);width:min(560px,100vw - 32px);max-height:min(640px,86vh);color:var(--color-text);border:1px solid var(--color-border-2);border-top:2px solid var(--color-accent);padding:0}.sim__dialog::backdrop{background:#05040cb3}.sim__dialog[open]{flex-direction:column;display:flex}.sim__dialog-head{justify-content:space-between;align-items:center;padding:16px 18px 8px;display:flex}.sim__dialog-title{font-family:var(--font-display);margin:0;font-size:26px;font-style:italic;font-weight:600}.sim__close{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;border:1px solid var(--color-border-2);color:var(--color-text-muted);cursor:pointer;background:0 0;padding:8px 12px;font-size:12px}.sim__search{background:var(--color-surface-2);color:var(--color-text);border:1px solid var(--color-border-2);font-family:var(--font-mono);margin:4px 18px 12px;padding:10px 12px;font-size:14px}.sim__options{border-top:1px solid var(--color-border);flex:1;margin:0;padding:0;list-style:none;overflow-y:auto}.sim__option{text-align:left;border:0;border-bottom:1px solid var(--color-border);width:100%;color:inherit;font:inherit;cursor:pointer;background:0 0;align-items:flex-start;gap:14px;padding:12px 18px;display:flex}.sim__option:hover,.sim__option:focus-visible{background:var(--color-surface-2);outline:none}.sim__option img{flex:none;display:block}.sim__option-text{flex-direction:column;gap:3px;min-width:0;display:flex}.sim__option-name{font-family:var(--font-mono);letter-spacing:.06em;color:var(--color-text);font-size:14px}.sim__option-sub{color:var(--color-text-muted);font-size:16px;line-height:1.4}.sim__none{color:var(--color-text-muted);padding:18px}@media (width<=900px){.sim__grid{grid-template-columns:1fr}.sim__tiles{grid-template-columns:repeat(4,1fr)}}@media (width<=760px){.sim{padding:48px 16px 72px}.sim__tiles{grid-template-columns:repeat(2,1fr)}.sim__result{padding:20px 18px}}
